Skip to content

Render store info details as a data table with link footnotes#7914

Merged
amcaplan merged 5 commits into
mainfrom
store-info-link-tokens
Jun 24, 2026
Merged

Render store info details as a data table with link footnotes#7914
amcaplan merged 5 commits into
mainfrom
store-info-link-tokens

Conversation

@amcaplan

Copy link
Copy Markdown
Contributor

WHY are these changes introduced?

The store info command rendered the Store details section as a plain
list inside a bordered renderInfo banner. The URL fields (Admin URL,
Access URL, Save URL) were plain strings, so long URLs wrapped inside the
box and interleaved with the border characters (), making the output
unreadable.

WHAT is this pull request doing?

Two related changes to packages/store/src/cli/services/store/info/result.ts:

  1. URLs as link tokens — Admin/Access/Save URLs now render as link
    tokens. Because the banner provides a LinksContext, each URL shows a
    compact Link [n] reference inside the box and the full URL prints as a
    footnote outside the box, where it can wrap freely without breaking the
    border.
  2. Two-column data table — The Store details section now renders via the
    TabularData component as a two-column [label, value] table
    (firstColumnSubdued) instead of a flat list.

Tests updated in result.test.ts to assert the new row-based structure.

How to test your changes?

  1. Run shopify store info against a store (or the relevant dev flow).
  2. Confirm Store details render as a two-column table.
  3. Confirm the URL rows show Link [n] inside the box and the full URLs
    appear as footnotes below the box — no wrapping into the border.

Checklist

  • I've considered possible cross-platform impacts (Mac, Linux, Windows)
  • I've considered possible documentation changes
  • I've considered analytics changes to measure impact
  • The change is user-facing — added a patch changeset for @shopify/store

@amcaplan amcaplan requested review from a team as code owners June 24, 2026 10:25
Copilot AI review requested due to automatic review settings June 24, 2026 10:25
@github-actions github-actions Bot added the Area: @shopify/cli @shopify/cli package issues label Jun 24, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves the readability of shopify store info text output by rendering “Store details” as a two-column table and ensuring long store URLs don’t wrap inside the bordered banner (instead appearing as link footnotes).

Changes:

  • Replace the “Store details” list banner section with TabularData-backed [label, value] rows (with subdued first column).
  • Render Admin/Access/Save URLs as link tokens so banners emit compact Link [n] references with footnoted full URLs.
  • Update unit tests and add a patch changeset for @shopify/store.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File Description
packages/store/src/cli/services/store/info/result.ts Switch store details rendering from a list to tabularData rows and convert URL values to link tokens for footnotes.
packages/store/src/cli/services/store/info/result.test.ts Update assertions to validate row-based tabularData output and link-token URL rows.
.changeset/store-info-data-table.md Patch changeset documenting the user-facing output change.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +1 to +5
@@ -2,6 +2,7 @@ import {outputResult} from '@shopify/cli-kit/node/output'
import {renderInfo} from '@shopify/cli-kit/node/ui'
import {capitalizeWords} from '@shopify/cli-kit/common/string'
import type {StoreInfoResult, StoreInfoStoreOwner} from './types.js'
import type {InlineToken} from '@shopify/cli-kit/node/ui'
@amcaplan amcaplan force-pushed the store-info-link-tokens branch from a34ca8e to 8e0cea8 Compare June 24, 2026 11:32
amcaplan added 5 commits June 24, 2026 19:07
URLs (Admin, Access, Save) in the store info command wrapped awkwardly
inside renderInfo's bordered box, interleaving URL text with box
characters. Rendering them as link tokens lets the UI kit's footnote
system print full URLs outside the box, fixing the layout.

Assisted-By: devx/19f4c9df-1fa8-4696-9c82-8f5f86ac69da
Switch the 'store info' Store details section from a list to a
TabularData two-column [label, value] table. URL values remain link
tokens so the banner's LinksContext renders them as compact footnote
references inside the box with the full URL outside it.
Assisted-By: devx/077d295d-2405-4b15-92b2-4c6a72aa41f1
…periods

Assisted-By: devx/ae84811a-733c-4815-8d7d-604504428a4b
@amcaplan amcaplan force-pushed the store-info-link-tokens branch from 8e0cea8 to 7479589 Compare June 24, 2026 16:34

@alfonso-noriega alfonso-noriega left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great update. Looking forward to see this live!

@amcaplan amcaplan added this pull request to the merge queue Jun 24, 2026
Merged via the queue into main with commit e4c56a3 Jun 24, 2026
28 checks passed
@amcaplan amcaplan deleted the store-info-link-tokens branch June 24, 2026 17:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Area: @shopify/cli @shopify/cli package issues

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants