@vira-ui/cli 1.0.0 → 1.0.1

package/dist/go/eventsAPI.js

@@ -16,6 +16,11 @@ import (
 // VRP_VERSION is the current protocol version.
 const VRP_VERSION = "0.1"
 
+// ProtocolVersion returns the current VRP version.
+func ProtocolVersion() string {
+	return VRP_VERSION
+}
+
 // WSMessage matches protocol message schema.
 type WSMessage struct {
   Type      string          \`json:"type"\`

package/dist/react/appTsx.js

@@ -2,51 +2,65 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.appTsx = void 0;
 // src/App.tsx
-exports.appTsx = `import { useState } from 'react';
-import { Container, Heading, Text, Button, Stack, Code } from '@vira-ui/ui';
-import { useViraState } from '@vira-ui/core';
-import './index.css';
-
-export function App() {
-  const { data, sendEvent, sendUpdate, sendDiff } = useViraState<any>('demo');
-  const [counter, setCounter] = useState(0);
-
-  const bump = () => {
-    const next = counter + 1;
-    setCounter(next);
-    sendUpdate({ counter: next });
-  };
-
-  const echo = () => {
-    sendEvent('demo.echo', { message: 'hello from client', at: Date.now(), counter });
-  };
-
-  const patch = () => {
-    sendDiff({ patched: true, ts: Date.now() });
-  };
-
-  return (
-    <Container design={{ padding: 8, maxWidth: '900px', margin: '0 auto' }}>
-      <Stack space={3}>
-        <Heading design={{ fontSize: '2rem', fontWeight: 'bold' }}>Vira Engine demo</Heading>
-        <Text color="#555">
-          WebSocket demo channel <Code>demo</Code>. Uses handshake/session, versioned updates/diffs.
-        </Text>
-        <Stack direction="row" space={2}>
-          <Button preset="primary" onClick={bump}>
-            sendUpdate (counter)
-          </Button>
-          <Button preset="secondary" onClick={patch}>
-            sendDiff (patch)
-          </Button>
-          <Button preset="ghost" onClick={echo}>
-            sendEvent (demo.echo)
-          </Button>
-        </Stack>
-        <Heading design={{ fontSize: '1.1rem' }}>State:</Heading>
-        <Code block>{JSON.stringify(data ?? {}, null, 2)}</Code>
-      </Stack>
-    </Container>
-  );
-}
+exports.appTsx = `import { Container, Heading, Text, Button, Stack, Code } from '@vira-ui/ui';
+import { useViraState } from '@vira-ui/react';
+import './index.css';
+
+interface DemoState {
+  counter: number;
+  patched?: boolean;
+  ts?: number;
+  message?: string;
+  at?: number;
+}
+
+export function App() {
+  const { data, sendEvent, sendUpdate, sendDiff } = useViraState<DemoState>('demo', {
+    enableMsgId: true,
+  });
+
+  // Use server state instead of local counter
+  const currentCounter = data?.counter ?? 0;
+
+  const bump = () => {
+    // Send diff with increment - server will handle versioning
+    sendDiff({ counter: currentCounter + 1 });
+  };
+
+  const echo = () => {
+    sendEvent('demo.echo', {
+      message: 'hello from client',
+      at: Date.now(),
+      counter: currentCounter,
+    });
+  };
+
+  const patch = () => {
+    sendDiff({ patched: true, ts: Date.now() });
+  };
+
+  return (
+    <Container design={{ padding: 8, maxWidth: '900px', margin: '0 auto' }}>
+      <Stack space={3}>
+        <Heading design={{ fontSize: '2rem', fontWeight: 'bold' }}>Vira Engine demo</Heading>
+        <Text color="#555">
+          WebSocket demo channel <Code>demo</Code>. Uses handshake/session, versioned updates/diffs.
+        </Text>
+        <Stack direction="row" space={2}>
+          <Button preset="primary" onClick={bump}>
+            sendDiff (counter + 1)
+          </Button>
+          <Button preset="secondary" onClick={patch}>
+            sendDiff (patch)
+          </Button>
+          <Button preset="ghost" onClick={echo}>
+            sendEvent (demo.echo)
+          </Button>
+        </Stack>
+        <Heading design={{ fontSize: '1.1rem' }}>State:</Heading>
+        <Code block>{JSON.stringify(data ?? {}, null, 2)}</Code>
+      </Stack>
+    </Container>
+  );
+}
 `;

package/dist/react/kanbanService.js

@@ -2,98 +2,99 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.kanbanService = void 0;
 // src/services/kanban.ts
-exports.kanbanService = `// Kanban service using Vira Core DI container + VRP
-// This demonstrates the Vira standard: services for business logic, hooks for React state
-
-import { createService, useService, useViraState } from '@vira-ui/core';
-import type { KanbanBoard, KanbanCard, KanbanChannel } from '../models/kanban';
-
-// Create kanban service (singleton via DI container)
-// Service holds pure business logic helpers
-createService('kanban', () => ({
-  getColumnCards(board: KanbanBoard | null, columnId: string): KanbanCard[] {
-    if (!board) return [];
-    const column = board.columns.find(col => col.id === columnId);
-    if (!column) return [];
-    return column.cardIds
-      .map(id => board.cards[id])
-      .filter((card): card is KanbanCard => card !== undefined)
-      .sort((a, b) => a.order - b.order);
-  },
-}));
-
-// Hook for board operations (combines service + VRP state)
-export function useKanbanBoard(boardId: string) {
-  const channel: KanbanChannel = \`kanban:\${boardId}\`;
-  const { data: board, sendEvent, sendUpdate, sendDiff } = useViraState<KanbanBoard>(channel, null);
-  const kanbanService = useService<{ getColumnCards: (board: KanbanBoard | null, columnId: string) => KanbanCard[] }>('kanban');
-
-  return {
-    board,
-    // Card operations
-    createCard(columnId: string, title: string, description?: string) {
-      sendEvent('kanban.card.create', {
-        boardId,
-        columnId,
-        title,
-        description,
-        at: Date.now(),
-      });
-    },
-    updateCard(cardId: string, updates: Partial<Pick<KanbanCard, 'title' | 'description' | 'assignee' | 'tags'>>) {
-      sendDiff({
-        cards: {
-          [cardId]: updates,
-        },
-        updatedAt: Date.now(),
-      });
-    },
-    moveCard(cardId: string, fromColumnId: string, toColumnId: string, newOrder: number) {
-      sendEvent('kanban.card.move', {
-        boardId,
-        cardId,
-        fromColumnId,
-        toColumnId,
-        newOrder,
-        at: Date.now(),
-      });
-    },
-    deleteCard(cardId: string) {
-      sendEvent('kanban.card.delete', {
-        boardId,
-        cardId,
-        at: Date.now(),
-      });
-    },
-    // Column operations
-    createColumn(title: string, order: number) {
-      sendEvent('kanban.column.create', {
-        boardId,
-        title,
-        order,
-        at: Date.now(),
-      });
-    },
-    updateColumn(columnId: string, title: string) {
-      if (!board) return;
-      sendDiff({
-        columns: board.columns.map(col =>
-          col.id === columnId ? { ...col, title } : col
-        ),
-        updatedAt: Date.now(),
-      });
-    },
-    // Board operations
-    updateBoardTitle(title: string) {
-      sendDiff({
-        title,
-        updatedAt: Date.now(),
-      });
-    },
-    // Helper: get cards for a column (uses service)
-    getColumnCards(columnId: string): KanbanCard[] {
-      return kanbanService.getColumnCards(board, columnId);
-    },
-  };
-}
+exports.kanbanService = `// Kanban service using Vira Core DI container + VRP
+// This demonstrates the Vira standard: services for business logic, hooks for React state
+
+import { createService, useService } from '@vira-ui/core';
+import { useViraState } from '@vira-ui/react';
+import type { KanbanBoard, KanbanCard, KanbanChannel } from '../models/kanban';
+
+// Create kanban service (singleton via DI container)
+// Service holds pure business logic helpers
+createService('kanban', () => ({
+  getColumnCards(board: KanbanBoard | null, columnId: string): KanbanCard[] {
+    if (!board) return [];
+    const column = board.columns.find(col => col.id === columnId);
+    if (!column) return [];
+    return column.cardIds
+      .map(id => board.cards[id])
+      .filter((card): card is KanbanCard => card !== undefined)
+      .sort((a, b) => a.order - b.order);
+  },
+}));
+
+// Hook for board operations (combines service + VRP state)
+export function useKanbanBoard(boardId: string) {
+  const channel: KanbanChannel = \`kanban:\${boardId}\`;
+  const { data: board, sendEvent, sendUpdate, sendDiff } = useViraState<KanbanBoard>(channel, null);
+  const kanbanService = useService<{ getColumnCards: (board: KanbanBoard | null, columnId: string) => KanbanCard[] }>('kanban');
+
+  return {
+    board,
+    // Card operations
+    createCard(columnId: string, title: string, description?: string) {
+      sendEvent('kanban.card.create', {
+        boardId,
+        columnId,
+        title,
+        description,
+        at: Date.now(),
+      });
+    },
+    updateCard(cardId: string, updates: Partial<Pick<KanbanCard, 'title' | 'description' | 'assignee' | 'tags'>>) {
+      sendDiff({
+        cards: {
+          [cardId]: updates,
+        },
+        updatedAt: Date.now(),
+      });
+    },
+    moveCard(cardId: string, fromColumnId: string, toColumnId: string, newOrder: number) {
+      sendEvent('kanban.card.move', {
+        boardId,
+        cardId,
+        fromColumnId,
+        toColumnId,
+        newOrder,
+        at: Date.now(),
+      });
+    },
+    deleteCard(cardId: string) {
+      sendEvent('kanban.card.delete', {
+        boardId,
+        cardId,
+        at: Date.now(),
+      });
+    },
+    // Column operations
+    createColumn(title: string, order: number) {
+      sendEvent('kanban.column.create', {
+        boardId,
+        title,
+        order,
+        at: Date.now(),
+      });
+    },
+    updateColumn(columnId: string, title: string) {
+      if (!board) return;
+      sendDiff({
+        columns: board.columns.map(col =>
+          col.id === columnId ? { ...col, title } : col
+        ),
+        updatedAt: Date.now(),
+      });
+    },
+    // Board operations
+    updateBoardTitle(title: string) {
+      sendDiff({
+        title,
+        updatedAt: Date.now(),
+      });
+    },
+    // Helper: get cards for a column (uses service)
+    getColumnCards(columnId: string): KanbanCard[] {
+      return kanbanService.getColumnCards(board, columnId);
+    },
+  };
+}
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vira-ui/cli",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "CLI tool for ViraJS project generation",
   "author": "Vira Team",
   "license": "MIT",