@vira-ui/cli 1.1.1 → 1.2.0

package/dist/react/viteConfig.js

@@ -1,31 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.viteConfig = void 0;
-exports.viteConfig = `import { defineConfig, loadEnv } from 'vite';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), '');
-  const API_URL = env.VITE_API_URL || 'http://localhost:8080';
-
-  return {
-    plugins: [react()],
-    server: {
-      proxy: {
-        '/api': {
-          target: API_URL,
-          changeOrigin: true,
-        },
-        '/ws': {
-          target: API_URL,
-          ws: true,
-          changeOrigin: true,
-        },
-      },
-    },
-    optimizeDeps: {
-      exclude: ['lucide-react'],
-    },
-  };
-});
+exports.viteConfig = `import { defineConfig, loadEnv } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  const API_URL = env.VITE_API_URL || 'http://localhost:8080';
+
+  return {
+    plugins: [react()],
+    server: {
+      proxy: {
+        '/api': {
+          target: API_URL,
+          changeOrigin: true,
+        },
+        '/ws': {
+          target: API_URL,
+          ws: true,
+          changeOrigin: true,
+        },
+      },
+    },
+    optimizeDeps: {
+      exclude: ['lucide-react'],
+    },
+  };
+});
 `;

package/package.json

@@ -1,45 +1,47 @@
-{
-  "name": "@vira-ui/cli",
-  "version": "1.1.1",
-  "description": "CLI tool for ViraJS project generation",
-  "author": "Vira Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/skrolikov/vira-cli.git"
-  },
-  "keywords": [
-    "vira",
-    "cli",
-    "generator",
-    "scaffold",
-    "framework",
-    "react",
-    "ui"
-  ],
-  "bin": {
-    "vira": "dist/index.js"
-  },
-  "main": "dist/index.js",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch",
-    "prepublishOnly": "npm run build"
-  },
-  "dependencies": {
-    "commander": "^11.1.0",
-    "fs-extra": "^11.2.0",
-    "chalk": "^4.1.2",
-    "inquirer": "^8.2.6",
-    "glob": "^10.3.10"
-  },
-  "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
-    "@types/inquirer": "^8.2.10",
-    "@types/node": "^20.10.0",
-    "typescript": "^5.3.0"
-  }
-}
+{
+  "name": "@vira-ui/cli",
+  "version": "1.2.0",
+  "description": "CLI tool for ViraJS project generation",
+  "author": "Vira Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/skrolikov/vira-cli.git"
+  },
+  "keywords": [
+    "vira",
+    "cli",
+    "generator",
+    "scaffold",
+    "framework",
+    "react",
+    "ui"
+  ],
+  "bin": {
+    "vira": "dist/index.js"
+  },
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "commander": "^11.1.0",
+    "fs-extra": "^11.2.0",
+    "chalk": "^4.1.2",
+    "inquirer": "^8.2.6",
+    "glob": "^10.3.10"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/inquirer": "^8.2.10",
+    "@types/node": "^20.10.0",
+    "typescript": "^5.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch"
+  }
+}

package/dist/go/useViraState.js

@@ -1,160 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useViraState = void 0;
-exports.useViraState = `import { useEffect, useMemo, useRef, useState, useCallback } from 'react';
-
-type Message = { type: string; channel?: string; data?: any; patch?: any; ts?: number; session?: string; interval?: number; versionNo?: number };
-const WS_PATH = '/ws';
-
-export function useViraState<T = any, C extends string = string>(channel: C, initial: T | null = null) {
-  const [data, setData] = useState<T | null>(initial);
-  const wsRef = useRef<WebSocket | null>(null);
-  const sessionRef = useRef<string | null>(null);
-  const bufferRef = useRef<Array<{ send: () => void; ver: number }>>([]);
-  const versionRef = useRef<number>(0);
-  const lastSentVersionRef = useRef<number>(0);
-  const url = useMemo(() => {
-    const api = import.meta.env.VITE_API_URL || 'http://localhost:8080';
-    return api.replace(/^http/, 'ws') + WS_PATH;
-  }, []);
-
-  const sendEvent = useCallback(
-    (name: string, payload: any) => {
-      const ver = versionRef.current;
-      const send = () =>
-        wsRef.current?.send(
-          JSON.stringify({ type: 'event', name, channel, data: payload, ts: Date.now(), versionNo: ver })
-        );
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        send();
-        lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-      } else {
-        bufferRef.current.push({ send, ver });
-      }
-    },
-    [channel]
-  );
-
-  const sendUpdate = useCallback(
-    (payload: any) => {
-      const ver = versionRef.current;
-      const send = () =>
-        wsRef.current?.send(
-          JSON.stringify({ type: 'update', channel, data: payload, ts: Date.now(), versionNo: ver })
-        );
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        send();
-        lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-      } else {
-        bufferRef.current.push({ send, ver });
-      }
-    },
-    [channel]
-  );
-
-  const sendDiff = useCallback(
-    (patch: any) => {
-      const ver = versionRef.current;
-      const send = () =>
-        wsRef.current?.send(
-          JSON.stringify({ type: 'diff', channel, patch, ts: Date.now(), versionNo: ver })
-        );
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        send();
-        lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-      } else {
-        bufferRef.current.push({ send, ver });
-      }
-    },
-    [channel]
-  );
-
-  useEffect(() => {
-    if (!channel) return;
-    let closed = false;
-    let timeout = 500;
-
-    const connect = () => {
-      if (closed) return;
-      const ws = new WebSocket(url);
-      wsRef.current = ws;
-
-      ws.onopen = () => {
-        ws.send(
-          JSON.stringify({
-            type: 'handshake',
-            client: 'vira-react',
-            version: '0.1',
-            authToken: import.meta.env.VITE_AUTH_TOKEN || '',
-            ts: Date.now(),
-            session: sessionRef.current || undefined,
-          })
-        );
-        ws.send(JSON.stringify({ type: 'sub', channels: [channel] }));
-        // flush buffered messages
-        bufferRef.current.splice(0).forEach(({ send, ver }) => {
-          if (ver <= lastSentVersionRef.current) return;
-          if (ws.readyState === WebSocket.OPEN) {
-            send();
-            lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-          }
-        });
-      };
-
-      ws.onmessage = (evt) => {
-        try {
-          const msg = JSON.parse(evt.data as string) as Message;
-          if (msg.type === 'ack' && msg.session) {
-            sessionRef.current = msg.session;
-          }
-          if ((msg.type === 'update' || msg.type === 'event') && msg.channel === channel) {
-            if (msg.versionNo && msg.versionNo < versionRef.current) return;
-            if (msg.versionNo) versionRef.current = msg.versionNo;
-            setData(msg.data as T);
-          }
-          if (msg.type === 'diff' && msg.channel === channel && msg.patch && typeof msg.patch === 'object') {
-            if (msg.versionNo && msg.versionNo < versionRef.current) return;
-            if (msg.versionNo) versionRef.current = msg.versionNo;
-            setData((prev) => {
-              if (prev && typeof prev === 'object') {
-                return { ...(prev as any), ...(msg.patch as any) };
-              }
-              return (msg.patch as T) || prev;
-            });
-          }
-          if (msg.type === 'ping') {
-            ws.send(JSON.stringify({ type: 'pong', ts: Date.now() }));
-          }
-        } catch {
-          // ignore malformed
-        }
-      };
-
-      ws.onclose = () => {
-        wsRef.current = null;
-        if (closed) return;
-        setTimeout(connect, timeout);
-        timeout = Math.min(timeout * 2, 5000);
-      };
-
-      ws.onerror = () => {
-        ws.close();
-      };
-    };
-
-    connect();
-
-    return () => {
-      closed = true;
-      wsRef.current?.close();
-    };
-  }, [channel, url]);
-
-  return {
-    data,
-    sendEvent,
-    sendUpdate,
-    sendDiff,
-  };
-}
-`;

package/dist/go/useViraStream.js

@@ -1,167 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useViraStream = void 0;
-exports.useViraStream = `import { useEffect, useMemo, useRef, useState, useCallback } from 'react';
-
-type Message = { type: string; channel?: string; data?: any; session?: string; interval?: number; versionNo?: number };
-const WS_PATH = '/ws';
-
-export function useViraStream<T = any, C extends string = string>(channel: C) {
-  const [data, setData] = useState<T | null>(null);
-  const wsRef = useRef<WebSocket | null>(null);
-  const sessionRef = useRef<string | null>(null);
-  const bufferRef = useRef<Array<{ msg: any; ver: number }>>([]);
-  const versionRef = useRef<number>(0);
-  const lastSentVersionRef = useRef<number>(0);
-  const url = useMemo(() => {
-    const api = import.meta.env.VITE_API_URL || 'http://localhost:8080';
-    return api.replace(/^http/, 'ws') + WS_PATH;
-  }, []);
-
-  const sendEvent = useCallback(
-    (name: string, payload: any, msgId?: string) => {
-      const ver = versionRef.current;
-      const msg: any = { type: 'event', name, channel, data: payload, ts: Date.now(), versionNo: ver };
-      if (msgId) msg.msgId = msgId;
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        wsRef.current.send(JSON.stringify(msg));
-        lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-      } else {
-        bufferRef.current.push({ msg, ver });
-      }
-    },
-    [channel]
-  );
-
-  const sendUpdate = useCallback(
-    (payload: any, msgId?: string) => {
-      const ver = versionRef.current;
-      const msg: any = { type: 'update', channel, data: payload, ts: Date.now(), versionNo: ver };
-      if (msgId) msg.msgId = msgId;
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        wsRef.current.send(JSON.stringify(msg));
-        lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-      } else {
-        bufferRef.current.push({ msg, ver });
-      }
-    },
-    [channel]
-  );
-
-  const sendDiff = useCallback(
-    (patch: any, msgId?: string) => {
-      const ver = versionRef.current;
-      const msg: any = { type: 'diff', channel, patch, ts: Date.now(), versionNo: ver };
-      if (msgId) msg.msgId = msgId;
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        wsRef.current.send(JSON.stringify(msg));
-        lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-      } else {
-        bufferRef.current.push({ msg, ver });
-      }
-    },
-    [channel]
-  );
-
-  useEffect(() => {
-    if (!channel) return;
-    let closed = false;
-    let timeout = 500;
-    let pingIntervalId: any;
-
-    const connect = () => {
-      if (closed) return;
-      const ws = new WebSocket(url);
-      wsRef.current = ws;
-
-      ws.onopen = () => {
-        console.log(\`WS connected to \${url}\`);
-        ws.send(
-          JSON.stringify({
-            type: 'handshake',
-            client: 'vira-react',
-            version: '0.1',
-            authToken: import.meta.env.VITE_AUTH_TOKEN || '',
-            session: sessionRef.current || undefined,
-            ts: Date.now(),
-          })
-        );
-        ws.send(JSON.stringify({ type: 'sub', channels: [channel] }));
-        // Resend buffered messages
-        const buffered = bufferRef.current.splice(0);
-        buffered.forEach(({ msg, ver }) => {
-          if (ver <= lastSentVersionRef.current) return;
-          if (ws.readyState === WebSocket.OPEN) {
-            ws.send(JSON.stringify(msg));
-            lastSentVersionRef.current = Math.max(lastSentVersionRef.current, ver);
-          }
-        });
-        timeout = 500; // Reset timeout on successful connection
-      };
-
-      ws.onmessage = (evt) => {
-        try {
-          const msg = JSON.parse(evt.data as string) as Message;
-          if (msg.type === 'ack' && msg.session) {
-            sessionRef.current = msg.session;
-            if (msg.interval) {
-              clearInterval(pingIntervalId);
-              pingIntervalId = setInterval(() => {
-                if (ws.readyState === WebSocket.OPEN) {
-                  ws.send(JSON.stringify({ type: 'ping', ts: Date.now() }));
-                }
-              }, msg.interval);
-            }
-          }
-          if ((msg.type === 'update' || msg.type === 'event') && msg.channel === channel) {
-            if (msg.versionNo && msg.versionNo < versionRef.current) return;
-            if (msg.versionNo) versionRef.current = msg.versionNo;
-            setData(msg.data as T);
-          }
-          if (msg.type === 'diff' && msg.channel === channel && msg.patch && typeof msg.patch === 'object') {
-            setData((prev) => {
-              if (prev && typeof prev === 'object') {
-                return { ...(prev as any), ...(msg.patch as any) };
-              }
-              return (msg.patch as T) || prev;
-            });
-          }
-          if (msg.type === 'ping') {
-            ws.send(JSON.stringify({ type: 'pong', ts: Date.now() }));
-          }
-        } catch {
-          // ignore malformed
-        }
-      };
-
-      ws.onclose = () => {
-        console.log('WS disconnected. Reconnecting...');
-        wsRef.current = null;
-        clearInterval(pingIntervalId);
-        if (closed) return;
-        setTimeout(connect, timeout);
-        timeout = Math.min(timeout * 2, 30000); // Max 30 seconds
-      };
-
-      ws.onerror = () => {
-        ws.close();
-      };
-    };
-
-    connect();
-
-    return () => {
-      closed = true;
-      clearInterval(pingIntervalId);
-      wsRef.current?.close();
-    };
-  }, [channel, url]);
-
-  return {
-    data,
-    sendEvent,
-    sendUpdate,
-    sendDiff,
-  };
-}
-`;