@askrjs/cli 0.0.2 → 0.0.3

package/templates/full-stack/tests/actions/create-message.test.ts

@@ -1,13 +1,12 @@
-import { describe, expect, it } from 'vitest';
-import { createMessageAction } from '../../src/actions/create-message';
+import { describe, expect, it } from "vitest";
+import { createMessageAction } from "../../src/actions/create-message";
 
-describe('create message action', () => {
-  it('should reject an empty message given declared input validation', () => {
-    expect(createMessageAction.input.safeParse({ value: '' }).success).toBe(false);
+describe("create message action", () => {
+  it("should reject an empty message given declared input validation", () => {
+    expect(createMessageAction.input.safeParse({ value: "" }).success).toBe(false);
   });
 
-  it('should accept a message given valid input', () => {
-    expect(createMessageAction.input.safeParse({ value: 'hello' }).success).toBe(true);
+  it("should accept a message given valid input", () => {
+    expect(createMessageAction.input.safeParse({ value: "hello" }).success).toBe(true);
   });
 });
-

package/templates/full-stack/tsconfig.json

@@ -13,4 +13,3 @@
   },
   "include": ["src", "tests", "server.ts", "vite.config.ts"]
 }
-

package/templates/full-stack/vite.config.ts

@@ -1,11 +1,10 @@
-import { defineConfig } from 'vite-plus';
-import { askr } from '@askrjs/vite';
-import { askrServer } from '@askrjs/vite/server';
+import { defineConfig } from "vite-plus";
+import { askr } from "@askrjs/vite";
+import { askrServer } from "@askrjs/vite/server";
 
 export default defineConfig({
-  plugins: [askr(), askrServer({ entry: './src/server/entry-server.ts' })],
-  lint: { ignorePatterns: ['dist/**', 'node_modules/**', 'coverage/**'] },
+  plugins: [askr(), askrServer({ entry: "./src/server/entry-server.ts" })],
+  lint: { ignorePatterns: ["dist/**", "node_modules/**", "coverage/**"] },
   server: { port: 5173, open: true },
   build: { manifest: true, sourcemap: true },
 });
-

package/templates/spa/AGENTS.md

@@ -23,7 +23,7 @@ npm run fmt        # Prettier
 - **Data:** Route/container components own resources; `src/features` owns product workflows; `src/adapters` owns API clients, transports, abort handling, and generated clients.
 - **Consistency:** Event-sourced screens should expose pending writes, projection lag, stale data, retries, and manual refresh instead of hiding everything behind one loading state.
 - **Styling:** Keep `src/styles.css` thin. Customize theme values in `src/styles/tokens.css`, global defaults in `src/styles/theme.css`, shell structure in `src/styles/layout.css`, and component classes in `src/styles/components.css`.
-- **Charts:** Import chart components from `@askrjs/charts/components`; chart CSS is loaded from `@askrjs/charts/default`.
+- **Charts:** Create typed plot namespaces from `@askrjs/charts` at module scope and compose marks inside `Plot.Root`; chart CSS is loaded from `@askrjs/charts/styles`.
 - **Vite plugin:** `askr()` from `@askrjs/vite` handles JSX transform. Do not add manual esbuild JSX config.
 
 ## File Structure

package/templates/spa/package.json

@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@askrjs/askr": ">=0.0.53 <0.1.0",
-    "@askrjs/charts": ">=0.0.3 <0.1.0",
+    "@askrjs/charts": ">=0.1.0 <0.2.0",
     "@askrjs/logos": ">=0.0.3 <0.1.0",
     "@askrjs/lucide": ">=0.0.3 <0.1.0",
     "@askrjs/themes": ">=0.0.12 <0.1.0",

package/templates/spa/src/adapters/operations-client.ts

@@ -8,13 +8,18 @@ export type OperationRun = {
   updatedAt: string;
 };
 
+export type OperationsChartRow = {
+  label: string;
+  value: number;
+};
+
 export type OperationsSnapshot = {
   version: number;
   consistency: 'fresh' | 'pending-write' | 'stale';
   lastEventId: string;
   metrics: Array<{ label: string; value: string; trend: string }>;
-  throughput: Array<{ label: string; value: number }>;
-  lag: Array<{ label: string; value: number }>;
+  throughput: OperationsChartRow[];
+  lag: OperationsChartRow[];
   runs: OperationRun[];
 };
 

package/templates/spa/src/pages/app/admin-home.tsx

@@ -1,5 +1,5 @@
 import { resource } from '@askrjs/askr/resources';
-import { BarChart, Sparkline } from '@askrjs/charts/components';
+import { createPlot } from '@askrjs/charts';
 import { AlertCircleIcon, RefreshCwIcon } from '@askrjs/lucide';
 import { Button } from '@askrjs/themes/components';
 import {
@@ -16,9 +16,12 @@ import { Block, Inline, Section, Stack } from '@askrjs/themes/components';
 import { EmptyState } from '@askrjs/themes/components';
 import MetricCard from '../../components/shared/metric-card';
 import StatusBadge from '../../components/shared/status-badge';
+import type { OperationsChartRow } from '../../adapters/operations-client';
 import { loadOperations } from '../../features/operations/operations.query';
 import { formatRelativeTime } from '../../shared/format';
 
+const OperationsPlot = createPlot<OperationsChartRow>();
+
 export default function AdminHomePage() {
   const operations = resource(({ signal }) => loadOperations({ signal }), []);
   const snapshot = operations.value;
@@ -84,7 +87,14 @@ export default function AdminHomePage() {
                 </CardDescription>
               </CardHeader>
               <CardContent>
-                <BarChart label="Run throughput" data={snapshot.throughput} />
+                <OperationsPlot.Root
+                  data={snapshot.throughput}
+                  rowKey="label"
+                  label="Run throughput"
+                  description="Accepted commands by work type."
+                >
+                  <OperationsPlot.Bar x="label" y="value" />
+                </OperationsPlot.Root>
               </CardContent>
             </Card>
             <Card>
@@ -95,7 +105,15 @@ export default function AdminHomePage() {
                 </CardDescription>
               </CardHeader>
               <CardContent>
-                <Sparkline label="Projection lag" data={snapshot.lag} />
+                <OperationsPlot.Root
+                  data={snapshot.lag}
+                  rowKey="label"
+                  label="Projection lag"
+                  description="Projection lag over the last hour."
+                >
+                  <OperationsPlot.Line x="label" y="value" />
+                  <OperationsPlot.Point x="label" y="value" />
+                </OperationsPlot.Root>
               </CardContent>
             </Card>
           </Block>

package/templates/spa/src/styles.css

@@ -1,5 +1,5 @@
 @import '@askrjs/themes/default';
-@import '@askrjs/charts/default';
+@import '@askrjs/charts/styles';
 @import './styles/reset.css';
 @import './styles/tokens.css';
 @import './styles/theme.css';

package/templates/ssg/tests/ssg-config.test.ts

@@ -3,9 +3,9 @@ import { staticConfig } from '../ssg.config';
 
 describe('SSG config', () => {
   it('keeps the sample route tree explicit', () => {
-    expect(staticConfig.registry.manifest.records.map((route) => route.path).sort()).toEqual(
-      ['/', '/content', '/preview', '/workflow'].sort()
-    );
+    expect(
+      staticConfig.registry.manifest.records.map((route) => route.path).sort()
+    ).toEqual(['/', '/content', '/preview', '/workflow'].sort());
     expect(staticConfig.registry.routes).toHaveLength(4);
   });
 });

package/templates/ssr/server.ts

@@ -1,16 +1,10 @@
-import { listen } from '@askrjs/node';
+import { serve } from '@askrjs/node';
 import app from 'virtual:askr-server';
 
 const port = Number(process.env.PORT ?? 3000);
-const server = await listen(app, {
+const running = await serve(app, {
   host: process.env.HOST ?? '127.0.0.1',
   port,
+  assets: { root: new URL('./dist', import.meta.url).pathname },
 });
-const address = server.address();
-const boundPort = typeof address === 'object' && address ? address.port : port;
-
-console.log(`Server started at http://127.0.0.1:${boundPort}`);
-
-const shutdown = () => server.close();
-process.once('SIGINT', shutdown);
-process.once('SIGTERM', shutdown);
+console.log(`Server started at ${running.url}`);

package/templates/ssr/src/entry-server.tsx

@@ -1,9 +1,11 @@
-import { createServerApp } from '@askrjs/server';
-import { createAskrPageHandler } from '@askrjs/server/askr';
+import { createAskrApp } from '@askrjs/server/askr';
 import { pageRegistry } from './routes';
 
-const app = createServerApp({
-  fallback: createAskrPageHandler({ registry: pageRegistry }),
+const app = createAskrApp({
+  name: '{{appName}}',
+  version: '0.1.0',
+  dependencies: undefined,
+  pages: pageRegistry,
 });
 
 export { app };