@vira-ui/cli 0.4.1-alpha → 1.0.1

package/dist/go/readme.js

@@ -11,4 +11,21 @@ exports.readme = `# Vira Engine Monorepo (scaffold)
 - plugins/ — интеграции
 - migrations/ — SQL/Go миграции
 - deploy/ — docker-compose/devops артефакты
-`;
+
+Next steps:
+  cd my-vira-app/frontend
+  npm install
+  npm run dev
+
+UI package:
+  cd ../ui
+  npm install
+  npm run dev
+
+Backend stub:
+  cd ../backend
+  go mod tidy
+  go run ./cmd/api
+
+Dev stack (DB/Redis/Kafka):
+  cd ../deploy && docker compose -f docker-compose.dev.yml up`;

package/dist/go/registryGo.js

@@ -3,11 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.registryGo = void 0;
 exports.registryGo = `package events
 
-import (
-  "context"
-  "github.com/gorilla/websocket"
-)
-
 // Registry holds all registered event handlers.
 var Registry = make(map[string]EventHandler)
 

package/dist/index.js

@@ -65,8 +65,6 @@ const dbGo_1 = require("./go/dbGo");
 const configGo_1 = require("./go/configGo");
 const mainGo_1 = require("./go/mainGo");
 const goMod_1 = require("./go/goMod");
-const useViraState_1 = require("./go/useViraState");
-const useViraStream_1 = require("./go/useViraStream");
 const channelHelpers_1 = require("./go/channelHelpers");
 const eventsAPI_1 = require("./go/eventsAPI");
 const eventHandlerTemplate_1 = require("./go/eventHandlerTemplate");
@@ -301,13 +299,11 @@ async function createFullstackProject(projectPath) {
     const frontendPath = path.join(projectPath, "frontend");
     const backendPath = path.join(projectPath, "backend");
     const uiPath = path.join(projectPath, "ui");
-    const cliPath = path.join(projectPath, "cli");
     const pluginsPath = path.join(projectPath, "plugins");
     const migrationsPath = path.join(projectPath, "migrations");
     const deployPath = path.join(projectPath, "deploy");
     await fs.ensureDir(projectPath);
     await fs.ensureDir(uiPath);
-    await fs.ensureDir(cliPath);
     await fs.ensureDir(pluginsPath);
     await fs.ensureDir(migrationsPath);
     await fs.ensureDir(deployPath);
@@ -363,12 +359,12 @@ async function createFrontendProject(projectPath) {
             preview: "vite preview",
         },
         dependencies: {
-            "@vira-ui/core": "^0.3.0-alpha",
-            "@vira-ui/ui": "^0.3.0-alpha",
+            "@vira-ui/core": "^1.0.0",
+            "@vira-ui/ui": "^1.0.0",
             "lucide-react": "^0.400.0",
         },
         devDependencies: {
-            "@vira-ui/babel-plugin": "^0.3.0-alpha",
+            "@vira-ui/babel-plugin": "^1.0.0",
             "@vitejs/plugin-react": "^4.2.0",
             "@types/node": "^20.10.0",
             "@types/react": "^18.2.0",
@@ -388,8 +384,8 @@ async function createFrontendProject(projectPath) {
     await fs.writeFile(path.join(projectPath, "src", "index.css"), indexCss_1.indexCss);
     await fs.writeFile(path.join(projectPath, "src", "main.tsx"), mainTsx_1.mainTsx);
     await fs.writeFile(path.join(projectPath, "src", "App.tsx"), appTsx_1.appTsx);
-    await fs.writeFile(path.join(projectPath, "src", "hooks", "useViraStream.ts"), useViraStream_1.useViraStream);
-    await fs.writeFile(path.join(projectPath, "src", "hooks", "useViraState.ts"), useViraState_1.useViraState);
+    // VRP hooks are now provided by @vira-ui/core
+    // No need to generate useViraState/useViraStream files
 }
 /**
  * Бекенд-заготовка (Go) для последующего расширения (Kafka/Redis/PG)

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 './hooks/useViraState';
-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,118 +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 } from '@vira-ui/core';
-import { useViraState } from '../hooks/useViraState';
-import type { KanbanBoard, KanbanCard, KanbanChannel } from '../models/kanban';
-
-// Create kanban service (singleton via DI container)
-// Service holds business logic, not React state
-createService('kanban', () => ({
-  // Helper: get cards for a column (pure function)
-  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);
-  },
-}));
-
-import { createService, useService } from '@vira-ui/core';
-import { useViraState } from '../hooks/useViraState';
-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/dist/react/tsconfig.js

@@ -16,10 +16,6 @@ exports.tsconfig = {
         esModuleInterop: true,
         skipLibCheck: true,
         forceConsistentCasingInFileNames: true,
-        paths: {
-            "@vira-ui/ui": ["./node_modules/@vira-ui/ui/src"],
-            "@vira-ui/core": ["./node_modules/@vira-ui/core/src"],
-        },
     },
     include: ["src"],
 };

package/package.json

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