@vira-ui/cli 0.3.0-alpha

package/dist/index.js

@@ -0,0 +1,328 @@
+#!/usr/bin/env node
+"use strict";
+/**
+ * Vira CLI - Генератор проектов и компонентов
+ *
+ * @example
+ * npx vira create project
+ * npx vira generate service user
+ * npx vira generate component Button
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const fs = __importStar(require("fs-extra"));
+const path = __importStar(require("path"));
+const chalk_1 = __importDefault(require("chalk"));
+const program = new commander_1.Command();
+program
+    .name("vira")
+    .description("ViraJS CLI - Create projects and generate code")
+    .version("0.3.0-alpha");
+/**
+ * Создание проекта
+ */
+program
+    .command("create")
+    .description("Create a new Vira project")
+    .argument("<name>", "Project name")
+    .option("-t, --template <template>", "Template type", "default")
+    .action(async (name, options) => {
+    console.log(chalk_1.default.blue(`Creating Vira project: ${name}`));
+    const projectPath = path.resolve(process.cwd(), name);
+    // Проверяем, существует ли директория
+    if (await fs.pathExists(projectPath)) {
+        console.error(chalk_1.default.red(`Directory ${name} already exists!`));
+        process.exit(1);
+    }
+    // Создаём структуру проекта
+    await createProjectStructure(projectPath, options.template);
+    console.log(chalk_1.default.green(`✓ Project ${name} created successfully!`));
+    console.log(chalk_1.default.yellow(`\nNext steps:`));
+    console.log(`  cd ${name}`);
+    console.log(`  npm install`);
+    console.log(`  npm run dev`);
+});
+/**
+ * Генерация компонента
+ */
+program
+    .command("generate")
+    .alias("g")
+    .description("Generate code")
+    .argument("<type>", "Type: component, service, page, model, route")
+    .argument("<name>", "Name")
+    .option("-d, --dir <directory>", "Output directory", "src")
+    .action(async (type, name, options) => {
+    console.log(chalk_1.default.blue(`Generating ${type}: ${name}`));
+    switch (type) {
+        case "component":
+        case "comp":
+            await generateComponent(name, options.dir);
+            break;
+        case "service":
+            await generateService(name, options.dir);
+            break;
+        case "page":
+            await generatePage(name, options.dir);
+            break;
+        case "model":
+            await generateModel(name, options.dir);
+            break;
+        case "route":
+            await generateRoute(name, options.dir);
+            break;
+        default:
+            console.error(chalk_1.default.red(`Unknown type: ${type}`));
+            process.exit(1);
+    }
+    console.log(chalk_1.default.green(`✓ ${type} ${name} generated successfully!`));
+});
+program.parse(process.argv);
+/**
+ * Создание структуры проекта
+ */
+async function createProjectStructure(projectPath, template) {
+    // Базовые директории
+    await fs.ensureDir(path.join(projectPath, "src", "components"));
+    await fs.ensureDir(path.join(projectPath, "src", "services"));
+    await fs.ensureDir(path.join(projectPath, "src", "pages"));
+    await fs.ensureDir(path.join(projectPath, "src", "models"));
+    await fs.ensureDir(path.join(projectPath, "src", "utils"));
+    // package.json
+    const packageJson = {
+        name: path.basename(projectPath),
+        version: "0.1.0",
+        private: true,
+        scripts: {
+            dev: "vite",
+            build: "vite build",
+            preview: "vite preview",
+        },
+        dependencies: {
+            "@vira-ui/core": "^0.3.0-alpha",
+            "@vira-ui/ui": "^0.3.0-alpha",
+        },
+        devDependencies: {
+            "@vira-ui/babel-plugin": "^0.3.0-alpha",
+            "@types/node": "^20.10.0",
+            "typescript": "^5.3.0",
+            "vite": "^5.0.0",
+        },
+    };
+    await fs.writeJSON(path.join(projectPath, "package.json"), packageJson, { spaces: 2 });
+    // tsconfig.json
+    const tsconfig = {
+        compilerOptions: {
+            target: "ES2020",
+            module: "ESNext",
+            lib: ["ES2020", "DOM", "DOM.Iterable"],
+            jsx: "react-jsx",
+            jsxImportSource: "@vira-ui/core",
+            moduleResolution: "bundler",
+            resolveJsonModule: true,
+            allowJs: true,
+            strict: true,
+            noEmit: true,
+            esModuleInterop: true,
+            skipLibCheck: true,
+            forceConsistentCasingInFileNames: true,
+        },
+        include: ["src"],
+    };
+    await fs.writeJSON(path.join(projectPath, "tsconfig.json"), tsconfig, { spaces: 2 });
+    // vite.config.ts
+    const viteConfig = `import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import vira from '@vira-ui/babel-plugin';
+
+export default defineConfig({
+  plugins: [
+    react({
+      babel: {
+        plugins: [vira],
+      },
+    }),
+  ],
+});
+`;
+    await fs.writeFile(path.join(projectPath, "vite.config.ts"), viteConfig);
+    // index.html
+    const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vira App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+`;
+    await fs.writeFile(path.join(projectPath, "index.html"), indexHtml);
+    // src/main.tsx
+    const mainTsx = `import { render } from '@vira-ui/core';
+import { App } from './App';
+
+const root = document.getElementById('root');
+if (root) {
+  render(<App />, root);
+}
+`;
+    await fs.writeFile(path.join(projectPath, "src", "main.tsx"), mainTsx);
+    // src/App.tsx
+    const appTsx = `import { createElement } from '@vira-ui/core';
+
+export function App() {
+  return createElement('div', { className: 'app' }, 
+    createElement('h1', null, 'Welcome to Vira!')
+  );
+}
+`;
+    await fs.writeFile(path.join(projectPath, "src", "App.tsx"), appTsx);
+}
+/**
+ * Генерация компонента
+ */
+async function generateComponent(name, dir) {
+    const componentPath = path.join(process.cwd(), dir, "components", `${name}.tsx`);
+    await fs.ensureDir(path.dirname(componentPath));
+    const componentCode = `import { createElement } from '@vira-ui/core';
+import type { ViraComponentProps } from '@vira-ui/core';
+
+export interface ${name}Props extends ViraComponentProps {
+  // Add your props here
+}
+
+export function ${name}(props: ${name}Props) {
+  return createElement('div', { className: '${name.toLowerCase()}' },
+    // Add your content here
+  );
+}
+`;
+    await fs.writeFile(componentPath, componentCode);
+}
+/**
+ * Генерация сервиса
+ */
+async function generateService(name, dir) {
+    const servicePath = path.join(process.cwd(), dir, "services", `${name}Service.ts`);
+    await fs.ensureDir(path.dirname(servicePath));
+    const serviceCode = `import { createViraService, signal } from '@vira-ui/core';
+
+export const ${name}Service = createViraService('${name.toLowerCase()}', () => {
+  const data = signal([]);
+  const loading = signal(false);
+  const error = signal<string | null>(null);
+
+  const fetch = async () => {
+    loading.set(true);
+    try {
+      // Add your logic here
+      // const result = await api.get('/${name.toLowerCase()}');
+      // data.set(result);
+    } catch (e) {
+      error.set(e instanceof Error ? e.message : 'Unknown error');
+    } finally {
+      loading.set(false);
+    }
+  };
+
+  return {
+    data,
+    loading,
+    error,
+    fetch,
+  };
+});
+`;
+    await fs.writeFile(servicePath, serviceCode);
+}
+/**
+ * Генерация страницы
+ */
+async function generatePage(name, dir) {
+    const pagePath = path.join(process.cwd(), dir, "pages", `${name}Page.tsx`);
+    await fs.ensureDir(path.dirname(pagePath));
+    const pageCode = `import { createElement } from '@vira-ui/core';
+
+export function ${name}Page() {
+  return createElement('div', { className: '${name.toLowerCase()}-page' },
+    createElement('h1', null, '${name}'),
+    // Add your content here
+  );
+}
+`;
+    await fs.writeFile(pagePath, pageCode);
+}
+/**
+ * Генерация модели
+ */
+async function generateModel(name, dir) {
+    const modelPath = path.join(process.cwd(), dir, "models", `${name}.ts`);
+    await fs.ensureDir(path.dirname(modelPath));
+    const modelCode = `import { defineModel } from '@vira-ui/core';
+
+export const ${name}Model = defineModel({
+  // Add your fields here
+  id: {
+    type: 'string',
+    required: true,
+  },
+});
+`;
+    await fs.writeFile(modelPath, modelCode);
+}
+/**
+ * Генерация роута
+ */
+async function generateRoute(name, dir) {
+    const routePath = path.join(process.cwd(), dir, "routes", `${name}.ts`);
+    await fs.ensureDir(path.dirname(routePath));
+    const routeCode = `import { reactiveRoute } from '@vira-ui/core';
+import { ${name}Page } from '../pages/${name}Page';
+
+export const ${name}Route = reactiveRoute({
+  path: '/${name.toLowerCase()}',
+  component: ${name}Page,
+});
+`;
+    await fs.writeFile(routePath, routeCode);
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@vira-ui/cli",
+  "version": "0.3.0-alpha",
+  "description": "CLI tool for ViraJS project generation",
+  "author": "Vira Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vira-ui/vira-ui"
+  },
+  "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"
+  }
+}
+