@astryxdesign/cli 0.7.12-canary.f36bd72 → 0.7.12

package/assets/templates/pages/table-grouped/page.tsx

@@ -100,7 +100,7 @@ const PRIORITY_COLOR: Record<
 const allTasks: TaskRow[] = [
   {
     id: '1',
-    taskId: 'T235040469',
+    taskId: 'TASK-1001',
     title: 'Update user interface',
     subtitle: 'Update payment gateway integration',
     status: 'in_progress',
@@ -115,7 +115,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '2',
-    taskId: 'T235040470',
+    taskId: 'TASK-1002',
     title: 'Use Projects to organize work for features or releases',
     subtitle: '',
     status: 'in_progress',
@@ -130,7 +130,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '3',
-    taskId: 'T235040471',
+    taskId: 'TASK-1003',
     title: 'Use Cycles to focus work over n-weeks',
     subtitle: '',
     status: 'in_progress',
@@ -145,7 +145,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '4',
-    taskId: 'T235040472',
+    taskId: 'TASK-1004',
     title: 'Testing code',
     subtitle: 'Update payment gateway integration',
     status: 'todo',
@@ -160,7 +160,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '5',
-    taskId: 'T235040473',
+    taskId: 'TASK-1005',
     title: 'Update backend code',
     subtitle: 'Update payment gateway integration',
     status: 'todo',
@@ -175,7 +175,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '6',
-    taskId: 'T235040474',
+    taskId: 'TASK-1006',
     title: 'Update front end code',
     subtitle: 'Update payment gateway integration',
     status: 'todo',
@@ -190,7 +190,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '7',
-    taskId: 'T235040475',
+    taskId: 'TASK-1007',
     title: 'Update payment gateway integration',
     subtitle: '',
     status: 'todo',
@@ -205,7 +205,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '8',
-    taskId: 'T235040476',
+    taskId: 'TASK-1008',
     title: 'Update payment gateway backend code',
     subtitle: '',
     status: 'todo',
@@ -220,7 +220,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '9',
-    taskId: 'T235040477',
+    taskId: 'TASK-1009',
     title: 'Invite your teammates',
     subtitle: '',
     status: 'todo',
@@ -235,7 +235,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '10',
-    taskId: 'T235040478',
+    taskId: 'TASK-1010',
     title: 'Next steps',
     subtitle: '',
     status: 'todo',
@@ -250,7 +250,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '11',
-    taskId: 'T235040479',
+    taskId: 'TASK-1011',
     title: 'Welcome to Linear',
     subtitle: '',
     status: 'backlog',
@@ -265,7 +265,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '12',
-    taskId: 'T235040480',
+    taskId: 'TASK-1012',
     title: 'Connect GitHub or GitLab',
     subtitle: '',
     status: 'backlog',
@@ -280,7 +280,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '13',
-    taskId: 'T235040481',
+    taskId: 'TASK-1013',
     title: 'Customize settings',
     subtitle: '',
     status: 'backlog',
@@ -295,7 +295,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '14',
-    taskId: 'T235040482',
+    taskId: 'TASK-1014',
     title: 'Try 3 ways to navigate: Command menu, keyboard or mouse',
     subtitle: '',
     status: 'done',
@@ -310,7 +310,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '15',
-    taskId: 'T235040483',
+    taskId: 'TASK-1015',
     title: 'Connect to Slack',
     subtitle: '',
     status: 'done',
@@ -325,7 +325,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '16',
-    taskId: 'T235040484',
+    taskId: 'TASK-1016',
     title: 'Migrate database schema to v2',
     subtitle: 'Payment gateway integration',
     status: 'in_progress',
@@ -340,7 +340,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '17',
-    taskId: 'T235040485',
+    taskId: 'TASK-1017',
     title: 'Write integration tests for checkout flow',
     subtitle: '',
     status: 'in_progress',
@@ -355,7 +355,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '18',
-    taskId: 'T235040486',
+    taskId: 'TASK-1018',
     title: 'Set up CI/CD pipeline for staging',
     subtitle: '',
     status: 'in_progress',
@@ -370,7 +370,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '19',
-    taskId: 'T235040487',
+    taskId: 'TASK-1019',
     title: 'Add rate limiting to public API endpoints',
     subtitle: '',
     status: 'todo',
@@ -385,7 +385,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '20',
-    taskId: 'T235040488',
+    taskId: 'TASK-1020',
     title: 'Refactor auth middleware to support OAuth2',
     subtitle: '',
     status: 'todo',
@@ -400,7 +400,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '21',
-    taskId: 'T235040489',
+    taskId: 'TASK-1021',
     title: 'Design error pages for 404 and 500',
     subtitle: '',
     status: 'todo',
@@ -415,7 +415,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '22',
-    taskId: 'T235040490',
+    taskId: 'TASK-1022',
     title: 'Audit third-party dependencies for vulnerabilities',
     subtitle: '',
     status: 'todo',
@@ -430,7 +430,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '23',
-    taskId: 'T235040491',
+    taskId: 'TASK-1023',
     title: 'Implement webhook retry logic with exponential backoff',
     subtitle: 'Payment gateway integration',
     status: 'todo',
@@ -445,7 +445,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '24',
-    taskId: 'T235040492',
+    taskId: 'TASK-1024',
     title: 'Add dark mode support to dashboard',
     subtitle: '',
     status: 'backlog',
@@ -460,7 +460,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '25',
-    taskId: 'T235040493',
+    taskId: 'TASK-1025',
     title: 'Create onboarding flow for new team members',
     subtitle: '',
     status: 'backlog',
@@ -475,7 +475,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '26',
-    taskId: 'T235040494',
+    taskId: 'TASK-1026',
     title: 'Set up error tracking with Sentry',
     subtitle: '',
     status: 'backlog',
@@ -490,7 +490,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '27',
-    taskId: 'T235040495',
+    taskId: 'TASK-1027',
     title: 'Improve search performance with indexing',
     subtitle: '',
     status: 'backlog',
@@ -505,7 +505,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '28',
-    taskId: 'T235040496',
+    taskId: 'TASK-1028',
     title: 'Write API documentation for v2 endpoints',
     subtitle: '',
     status: 'done',
@@ -520,7 +520,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '29',
-    taskId: 'T235040497',
+    taskId: 'TASK-1029',
     title: 'Set up staging environment',
     subtitle: '',
     status: 'done',
@@ -535,7 +535,7 @@ const allTasks: TaskRow[] = [
   },
   {
     id: '30',
-    taskId: 'T235040498',
+    taskId: 'TASK-1030',
     title: 'Fix flaky end-to-end tests in CI',
     subtitle: '',
     status: 'done',

package/assets/templates/themes/gothic/gothicTheme.ts

@@ -395,6 +395,22 @@ export const gothicTheme = defineTheme({
     },
   },
 
+  // Gothic's accent text and icons are one light color. On a media surface
+  // they follow that surface's accent, so a dark surface inside a light one
+  // gets its light accent back.
+  onDark: {
+    tokens: {
+      '--color-text-accent': 'var(--color-accent)',
+      '--color-icon-accent': 'var(--color-accent)',
+    },
+  },
+  onLight: {
+    tokens: {
+      '--color-text-accent': 'var(--color-accent)',
+      '--color-icon-accent': 'var(--color-accent)',
+    },
+  },
+
   icons: gothicIconRegistry,
 });
 

package/assets/templates/themes/matcha/matchaTheme.ts

@@ -97,7 +97,7 @@ export const matchaTheme = defineTheme({
 
     // Text
     '--color-text-primary': [neutral.light[20], neutral.dark[75]],
-    '--color-text-secondary': [neutral.light[40], neutral.dark[60]],
+    '--color-text-secondary': [neutral.light[30], neutral.dark[60]],
     '--color-text-disabled': [neutral.light[75], neutral.dark[30]],
     '--color-text-accent': [neutral.light[20], neutral.dark[75]],
     '--color-on-dark': neutral.light[100],

package/assets/templates/themes/neutral/neutralTheme.ts

@@ -361,7 +361,13 @@ export const neutralTheme = defineTheme({
         padding: 'var(--spacing-1)',
       },
     },
+    // An unselected label sits on the translucent track, which lifts the
+    // page under it. In dark mode secondary text falls under 4.5:1 on the
+    // track over the surface, so it takes the same next stop.
     'segmented-control-item': {
+      base: {
+        '--color-text-secondary': `light-dark(${neutral.light[30]}, ${neutral.dark[80]})`,
+      },
       'size:sm': {
         height: 'calc(var(--size-element-sm) - 8px)',
       },

package/assets/templates/themes/y2k/y2kPaletteRefs.generated.ts

@@ -15,7 +15,7 @@ export const y2kPaletteRefs = {
     dark: {20: '#2a3600', 65: '#95b041', 75: '#b5d263', 80: '#c5e17a'},
   },
   neutral: {
-    light: {15: '#2d241b', 20: '#382e24', 30: '#4f453b', 40: '#675d52', 80: '#d1c5b8', 85: '#dfd5c9', 90: '#f1e6db', 95: '#fff6ed', 100: '#ffffff'},
+    light: {15: '#2d241b', 20: '#382e24', 30: '#4f453b', 35: '#5a5146', 40: '#675d52', 80: '#d1c5b8', 85: '#dfd5c9', 90: '#f1e6db', 95: '#fff6ed', 100: '#ffffff'},
     dark: {0: '#000000', 5: '#0e0f1a', 10: '#16182b', 20: '#1f2238', 25: '#2c3048', 35: '#4a4f6b', 45: '#636889', 70: '#a6acd6', 85: '#d0d4eb', 90: '#dfe2f3', 95: '#edeffc'},
   },
   orange: {

package/assets/templates/themes/y2k/y2kTheme.ts

@@ -182,7 +182,7 @@ export const y2kTheme = defineTheme({
 
     // Text
     '--color-text-primary': [neutral.light[15], neutral.dark[95]],
-    '--color-text-secondary': [neutral.light[40], neutral.dark[70]],
+    '--color-text-secondary': [neutral.light[35], neutral.dark[70]],
     '--color-text-disabled': [neutral.light[80], neutral.dark[35]],
     '--color-text-accent': [neutral.light[15], neutral.dark[95]],
     '--color-on-dark': neutral.light[100],

package/clients/cli/commands/experimental/icon.mjs

@@ -59,6 +59,20 @@ const defaultVariantText = value =>
 /** @param {unknown} value */
 const variantsText = value => (Array.isArray(value) ? value.join('/') : '');
 
+/**
+ * The receipt line for a data file whose `module` the command rewrote after
+ * a package rename.
+ * @param {{moduleUpdate?: {previous: string, module: string}, dryRun?: boolean}} data
+ */
+const moduleUpdateLines = data =>
+  data.moduleUpdate
+    ? [
+        text(
+          `${data.dryRun ? '[plan] Would update' : '[ok] Updated'} module to "${data.moduleUpdate.module}" (was "${data.moduleUpdate.previous}"), from the package name in package.json.`,
+        ),
+      ]
+    : [];
+
 /**
  * Register `icon` and its subcommands under the `experimental` group.
  * @param {import('commander').Command} group the `experimental` command
@@ -376,20 +390,24 @@ export function registerExperimentalIcon(group, program) {
                     (
                       /** @type {{definition: string, icon: string, previous: string | null}} */ each,
                     ) =>
-                      `${each.definition} = "${each.icon}"${each.previous && each.previous !== each.icon ? ` (was "${each.previous}")` : ''}`,
+                      `${each.definition} = "${each.icon}"${each.previous === each.icon ? ' (unchanged)' : each.previous ? ` (was "${each.previous}")` : ' (was not mapped)'}`,
                   ),
                 ),
+                ...moduleUpdateLines(data),
               )
             : emit(
+                // The entry line reads `previous` and `icon`: a write can
+                // come from a package rename alone.
                 text(
                   data.icon == null
-                    ? data.changed
+                    ? data.previous != null
                       ? `[ok] Removed map.${data.definition} (was "${data.previous}") from ${data.file}.`
                       : `[ok] ${data.file} has no map.${data.definition}.`
-                    : data.changed
+                    : data.previous !== data.icon
                       ? `[ok] map.${data.definition} = "${data.icon}" in ${data.file}${data.previous ? ` (was "${data.previous}")` : ''}.`
                       : `[ok] map.${data.definition} is already "${data.icon}".`,
                 ),
+                ...moduleUpdateLines(data),
               ),
       ),
   });
@@ -430,6 +448,7 @@ export function registerExperimentalIcon(group, program) {
               text(
                 `[ok] ${data.variant}: ${data.added} icons gained it${data.already > 0 ? `, ${data.already} already had it` : ''}, read from ${data.from}.`,
               ),
+              ...moduleUpdateLines(data),
               ...(data.files.length > 0 ? [list(data.files)] : []),
               ...(data.missing.length > 0
                 ? [
@@ -488,10 +507,11 @@ export function registerExperimentalIcon(group, program) {
           const {data} = result;
           emit(
             text(
-              data.changed
+              data.added
                 ? `[ok] Added ${data.icon.export} as "${data.icon.id}"${data.variant ? ` (variant ${data.variant})` : ''}${data.definition ? `, map.${data.definition} = "${data.icon.id}"` : ''}.`
                 : `[ok] ${data.icon.export} is already "${data.icon.id}"${data.definition ? ` and map.${data.definition} names it` : ''}.`,
             ),
+            ...moduleUpdateLines(data),
             ...(data.files.length > 0 ? [list(data.files)] : []),
             ...(data.note ? [text(`[next] ${data.note}`)] : []),
           );
@@ -543,6 +563,7 @@ export function registerExperimentalIcon(group, program) {
               : `The experimental.iconSets root ${root.path} in ${manifest} is unchanged.`
             : `${dryRun ? 'Would update' : 'Updated'} ${manifest}.`,
         ),
+        ...moduleUpdateLines(data),
         ...(files.length > 0 ? [list(files)] : []),
         // What to do next comes before the long lists, so it never scrolls
         // away.

package/clients/cli/commands/experimental-render.doc.mjs

@@ -53,7 +53,7 @@ export const doc = {
     {code: 0, when: 'the file was written (warnings included)'},
     {
       code: 1,
-      when: 'no file, a wrong extension, a missing file, a page that does not compile, has no default export, imports a package that is not installed, reads a browser API while rendering, throws, or takes over 60 seconds; a file to write outside the current folder; with --reverse, an existing output without --overwrite, a damaged embedded source, or HTML that is not an Astryx page',
+      when: 'no file, a wrong extension, a missing file, a page that does not compile, has no default export, imports a package that is not installed, reads a browser API while rendering, throws, crashes Node, or takes over 60 seconds; a file to write outside the current folder; with --reverse, an existing output without --overwrite, a damaged embedded source, or HTML that is not an Astryx page',
     },
   ],
   related: ['template', 'build'],