@askrjs/cli 0.0.11 → 0.0.13

package/dist/templates/startkit/src/components/data-table.tsx

@@ -1,4 +1,4 @@
-import { For } from '@askrjs/askr/control';
+import { Case, For, Match } from '@askrjs/askr/control';
 import { Skeleton } from '@askrjs/themes/components';
 import EmptyState from './empty-state';
 import { joinClasses } from '../utils/join-classes';
@@ -22,54 +22,26 @@ export default function DataTable<Row>(props: {
   emptyTitle?: string;
   emptyDescription?: string;
 }) {
-  if (props.errorText) {
-    return (
-      <EmptyState title="Could not load table" description={props.errorText} />
-    );
-  }
-
-  if (props.isLoading) {
-    return (
-      <div
-        class={joinClasses('panel stack-sm', props.class)}
-        aria-hidden="true"
-      >
-        <Skeleton class="skeleton-line" />
-        <Skeleton class="skeleton-line" />
-        <Skeleton class="skeleton-line" />
-      </div>
-    );
-  }
-
-  if (props.rows().length === 0) {
-    return (
-      <EmptyState
-        title={props.emptyTitle ?? 'No rows found'}
-        description={
-          props.emptyDescription ??
-          'Try changing filters or adding new records.'
-        }
-      />
-    );
-  }
-
-  return (
+  const rows = props.rows();
+  const table = (
     <div class={joinClasses('table-wrap', props.class)}>
       <table class={props.tableClass}>
         <thead>
           <tr>
-            {props.columns.map((column) => (
-              <th class={column.class}>{column.header}</th>
-            ))}
+            <For each={props.columns} by={(column) => column.key}>
+              {(column) => <th class={column.class}>{column.header}</th>}
+            </For>
           </tr>
         </thead>
         <tbody>
           <For each={props.rows} by={props.rowKey}>
             {(row: Row) => (
               <tr class={props.rowClass?.(row)}>
-                {props.columns.map((column) => (
-                  <td class={column.class}>{column.render(row)}</td>
-                ))}
+                <For each={props.columns} by={(column) => column.key}>
+                  {(column) => (
+                    <td class={column.class}>{column.render(row)}</td>
+                  )}
+                </For>
               </tr>
             )}
           </For>
@@ -77,4 +49,34 @@ export default function DataTable<Row>(props: {
       </table>
     </div>
   );
+
+  return (
+    <Case fallback={table}>
+      <Match when={props.errorText}>
+        <EmptyState
+          title="Could not load table"
+          description={props.errorText ?? 'The table could not be loaded.'}
+        />
+      </Match>
+      <Match when={props.isLoading}>
+        <div
+          class={joinClasses('panel stack-sm', props.class)}
+          aria-hidden="true"
+        >
+          <Skeleton class="skeleton-line" />
+          <Skeleton class="skeleton-line" />
+          <Skeleton class="skeleton-line" />
+        </div>
+      </Match>
+      <Match when={rows.length === 0}>
+        <EmptyState
+          title={props.emptyTitle ?? 'No rows found'}
+          description={
+            props.emptyDescription ??
+            'Try changing filters or adding new records.'
+          }
+        />
+      </Match>
+    </Case>
+  );
 }

package/dist/templates/startkit/src/pages/workspace/dashboard.tsx

@@ -1,4 +1,5 @@
 import { state } from '@askrjs/askr';
+import { For } from '@askrjs/askr/control';
 import { resource } from '@askrjs/askr/resources';
 import { Button } from '@askrjs/ui/button';
 import {
@@ -61,19 +62,21 @@ export default function DashboardPage() {
       />
 
       <div class="stat-grid">
-        {stats().map((stat) => {
-          const Icon =
-            iconByStatKey[stat.key as keyof typeof iconByStatKey] ??
-            BarChart3Icon;
-          return (
-            <StatCard
-              label={stat.label}
-              value={stat.value}
-              trend={stat.trend}
-              icon={Icon}
-            />
-          );
-        })}
+        <For each={stats} by={(stat) => stat.key}>
+          {(stat) => {
+            const Icon =
+              iconByStatKey[stat.key as keyof typeof iconByStatKey] ??
+              BarChart3Icon;
+            return (
+              <StatCard
+                label={stat.label}
+                value={stat.value}
+                trend={stat.trend}
+                icon={Icon}
+              />
+            );
+          }}
+        </For>
       </div>
 
       <section class="panel stack-md">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askrjs/cli",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Unified CLI for the Askr platform",
   "homepage": "https://github.com/askrjs/askr-cli#readme",
   "bugs": {
@@ -36,6 +36,7 @@
     "clean": "npx rimraf dist node_modules",
     "build": "vp pack",
     "dev": "vp pack --watch",
+    "analyze": "tsx src/bin/cli.ts analyze --check",
     "test": "vp test run -c vitest.config.ts",
     "test:coverage": "vp test run -c vitest.config.ts --coverage",
     "fmt": "vp fmt .",
@@ -47,7 +48,7 @@
     "bench": "npm run build --silent && npm run bench:analyze && node --import tsx benchmarks/cli.mjs --gate",
     "bench:analyze": "vp test bench --run -c vitest.bench.config.ts",
     "bench:json": "npm run build --silent && node --import tsx benchmarks/cli.mjs --gate --json",
-    "check": "npm run lint && npm run typecheck && npm run test:coverage && npm run build && npm run test:publint && npm run pack:check",
+    "check": "npm run analyze && npm run lint && npm run typecheck && npm run test:coverage && npm run build && npm run test:publint && npm run pack:check",
     "prepack": "npm run build",
     "prepublishOnly": "npm run check && npm run test:templates"
   },
@@ -86,5 +87,12 @@
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"
+  },
+  "askr": {
+    "analyze": {
+      "exclude": [
+        "templates/**"
+      ]
+    }
   }
 }