arckode-ui 0.1.0

package/dist/cli.js

@@ -0,0 +1,581 @@
+#!/usr/bin/env node
+import * as a from "node:fs";
+import * as n from "node:path";
+import { a as C } from "./analyzer-Ctnj3WTI.js";
+import { s as j } from "./router-DhUDyb8s.js";
+const E = `import { defineConfig } from 'vite'
+import { arkcodeUi } from 'arckode-ui/vite'
+
+export default defineConfig({
+  plugins: [arkcodeUi()],
+})
+`, x = `{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}
+`, S = (e) => `{
+  "name": "${e}",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "arckode-ui": "latest"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.0",
+    "vite": "^5.4.0",
+    "tailwindcss": "^3.4.0",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.0"
+  }
+}
+`, P = `/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './index.html',
+    './src/**/*.{ark,ts}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+`, N = `export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+`, A = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`, I = `node_modules/
+dist/
+.env
+.env.local
+`, L = `<template>
+  <div class="home-page">
+    <h1>Bienvenido a {{ props.title }}</h1>
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent, signal } from 'arckode-ui'
+
+  export default defineComponent({
+    name: 'HomePage',
+
+    props: {},
+
+    emits: [],
+
+    setup(props, { emit }) {
+      return {
+        state: {},
+        computed: {},
+        actions: {},
+      }
+    },
+  })
+<\/script>
+
+<style scoped>
+  .home-page {}
+</style>
+`, T = `<template>
+  <div class="min-h-screen bg-white">
+    <slot />
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'arckode-ui'
+  import '../styles/global.css'
+
+  export default defineComponent({
+    name: 'RootLayout',
+
+    props: {},
+
+    emits: [],
+
+    setup(props, { emit }) {
+      return {
+        state: {},
+        computed: {},
+        actions: {},
+      }
+    },
+  })
+<\/script>
+`;
+function _(e, t = {}) {
+  const s = t.cwd ?? process.cwd(), o = n.join(s, e), i = [
+    // Pages
+    { path: n.join(o, "src", "pages", "index.ark"), content: L },
+    { path: n.join(o, "src", "pages", "_layout.ark"), content: T },
+    // Empty dirs represented by .gitkeep
+    { path: n.join(o, "src", "components", "ui", ".gitkeep"), content: "" },
+    { path: n.join(o, "src", "components", "features", ".gitkeep"), content: "" },
+    { path: n.join(o, "src", "stores", ".gitkeep"), content: "" },
+    { path: n.join(o, "src", "services", ".gitkeep"), content: "" },
+    { path: n.join(o, "src", "types", ".gitkeep"), content: "" },
+    { path: n.join(o, "src", "shared", "helpers", ".gitkeep"), content: "" },
+    { path: n.join(o, "src", "shared", "constants", ".gitkeep"), content: "" },
+    // Public
+    { path: n.join(o, "public", ".gitkeep"), content: "" },
+    // Styles — Tailwind entry point
+    { path: n.join(o, "src", "styles", "global.css"), content: A },
+    // Config files
+    { path: n.join(o, "vite.config.ts"), content: E },
+    { path: n.join(o, "tsconfig.json"), content: x },
+    { path: n.join(o, "tailwind.config.js"), content: P },
+    { path: n.join(o, "postcss.config.js"), content: N },
+    { path: n.join(o, "package.json"), content: S(e) },
+    { path: n.join(o, ".gitignore"), content: I }
+  ];
+  if (!t.dryRun) {
+    if (a.existsSync(o))
+      throw new h(
+        `El directorio "${o}" ya existe. Confirmá si querés continuar.`
+      );
+    for (const r of i) {
+      const c = n.dirname(r.path);
+      a.existsSync(c) || a.mkdirSync(c, { recursive: !0 }), a.writeFileSync(r.path, r.content, "utf-8");
+    }
+  }
+  return { projectDir: o, files: i };
+}
+class h extends Error {
+  constructor(t) {
+    super(t), this.name = "NewProjectError";
+  }
+}
+function O(e) {
+  const t = u(e);
+  return `<template>
+  <div class="${t}">
+    <!-- template aquí -->
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent, signal, computed } from 'arckode-ui'
+
+  export default defineComponent({
+    name: '${e}',
+
+    props: {
+      // definir props aquí
+    },
+
+    emits: [],
+
+    setup(props, { emit }) {
+      // 1. signals
+      // 2. computed
+      // 3. lifecycle hooks
+      // 4. watch
+      // 5. actions
+
+      return {
+        state: {},
+        computed: {},
+        actions: {},
+      }
+    },
+  })
+<\/script>
+
+<style scoped>
+  .${t} {
+  }
+</style>
+`;
+}
+function R(e) {
+  const s = (e.split("/").pop() ?? e).replace(/[\[\]\.]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, ""), o = v(s) + "Page", i = u(o);
+  return `<template>
+  <div class="${i}">
+    <!-- template aquí -->
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent, signal, computed } from 'arckode-ui'
+
+  export default defineComponent({
+    name: '${o}',
+
+    props: {},
+
+    emits: [],
+
+    setup(props, { emit }) {
+      // 1. signals
+      // 2. computed
+      // 3. lifecycle hooks
+      // 4. watch
+      // 5. actions
+
+      return {
+        state: {},
+        computed: {},
+        actions: {},
+      }
+    },
+  })
+<\/script>
+
+<style scoped>
+  .${i} {
+  }
+</style>
+`;
+}
+function G(e) {
+  return `import { defineStore, signal, computed } from 'arckode-ui'
+
+export const ${`use${m(e)}Store`} = defineStore('${e}', {
+  state: {
+    // signals aquí
+  },
+
+  getters: {
+    // computed aquí
+  },
+
+  actions: {
+    // funciones aquí
+  },
+})
+`;
+}
+function z(e) {
+  const t = `${m(e)}Service`, s = u(e);
+  return `import { createService } from 'arckode-ui'
+
+export const ${t} = createService({
+  baseUrl: '/api/${s}s',
+
+  // async getById(id: string) {
+  //   return this.get(\`/\${id}\`)
+  // },
+})
+`;
+}
+function F(e) {
+  const t = `${v(e)}Layout`, s = u(t);
+  return `<template>
+  <div class="${s}">
+    <slot />
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'arckode-ui'
+
+  export default defineComponent({
+    name: '${t}',
+
+    props: {},
+
+    emits: [],
+
+    setup(props, { emit }) {
+      return {
+        state: {},
+        computed: {},
+        actions: {},
+      }
+    },
+  })
+<\/script>
+
+<style scoped>
+  .${s} {
+  }
+</style>
+`;
+}
+function u(e) {
+  return e.replace(/([A-Z])/g, (t, s) => s === 0 ? t.toLowerCase() : `-${t.toLowerCase()}`).replace(/^-/, "");
+}
+function m(e) {
+  return e && e.charAt(0).toUpperCase() + e.slice(1);
+}
+function v(e) {
+  return e.split(/[-_\s]+/).map((t) => m(t)).join("");
+}
+const D = {
+  c: "component",
+  p: "page",
+  s: "store",
+  sv: "service",
+  l: "layout",
+  component: "component",
+  page: "page",
+  store: "store",
+  service: "service",
+  layout: "layout"
+};
+function q(e) {
+  return D[e] ?? null;
+}
+function g(e) {
+  return /^[A-Z][A-Za-z0-9]*$/.test(e);
+}
+function U(e) {
+  return /^[a-z][A-Za-z0-9]*$/.test(e);
+}
+function V(e, t) {
+  return n.join(e, "src", "components", "features", `${t}.ark`);
+}
+function W(e, t) {
+  return n.join(e, "src", "pages", `${t}.ark`);
+}
+function M(e, t) {
+  return n.join(e, "src", "stores", `${t}.store.ts`);
+}
+function K(e, t) {
+  const s = t.charAt(0).toLowerCase() + t.slice(1);
+  return n.join(e, "src", "services", `${s}.service.ts`);
+}
+function Y(e, t) {
+  return n.join(e, "src", "pages", t, "_layout.ark");
+}
+function Z(e, t, s = {}) {
+  const o = s.cwd ?? process.cwd(), i = q(e);
+  if (i === null)
+    throw new p(
+      `UNKNOWN_GENERATE_TYPE: tipo "${e}" desconocido. Tipos válidos: component (c), page (p), store (s), service (sv), layout (l)`
+    );
+  if (i === "component" && !g(t))
+    throw new p(
+      `INVALID_COMPONENT_NAME: "${t}" debe ser PascalCase (ej: UserCard)`
+    );
+  if (i === "store" && !U(t))
+    throw new p(
+      `INVALID_STORE_NAME: "${t}" debe ser camelCase singular (ej: cart)`
+    );
+  if (i === "service" && !g(t))
+    throw new p(
+      `INVALID_SERVICE_NAME: "${t}" debe ser PascalCase (ej: Product)`
+    );
+  let r, c;
+  switch (i) {
+    case "component":
+      r = V(o, t), c = O(t);
+      break;
+    case "page":
+      r = W(o, t), c = R(t);
+      break;
+    case "store":
+      r = M(o, t), c = G(t);
+      break;
+    case "service": {
+      r = K(o, t), c = z(t);
+      break;
+    }
+    case "layout":
+      r = Y(o, t), c = F(t);
+      break;
+  }
+  if (!s.dryRun) {
+    const l = n.dirname(r);
+    if (a.existsSync(l) || a.mkdirSync(l, { recursive: !0 }), a.existsSync(r))
+      throw new p(
+        `FILE_ALREADY_EXISTS: "${r}" ya existe. Eliminalo o elige otro nombre.`
+      );
+    a.writeFileSync(r, c, "utf-8");
+  }
+  return { filePath: r, content: c };
+}
+class p extends Error {
+  constructor(t) {
+    super(t), this.name = "GenerateCLIError";
+  }
+}
+function y(e) {
+  if (!a.existsSync(e)) return [];
+  const t = [], s = a.readdirSync(e, { withFileTypes: !0 });
+  for (const o of s) {
+    const i = n.join(e, o.name);
+    o.isDirectory() ? t.push(...y(i)) : o.isFile() && (o.name.endsWith(".ark") || o.name.endsWith(".store.ts") || o.name.endsWith(".service.ts")) && t.push(i);
+  }
+  return t;
+}
+function B(e = {}) {
+  const t = e.cwd ?? process.cwd(), s = n.join(t, "src"), o = y(s);
+  let i = 0, r = 0;
+  const c = [];
+  for (const l of o) {
+    const k = a.readFileSync(l, "utf-8"), d = C(k), w = n.relative(t, l), $ = d.filter((f) => f.severity === "error").length, b = d.filter((f) => f.severity === "warning").length;
+    i += $, r += b, c.push({ path: w, violations: d });
+  }
+  return {
+    totalFiles: o.length,
+    errors: i,
+    warnings: r,
+    files: c
+  };
+}
+function J(e) {
+  const t = [];
+  t.push(`Analizando ${e.totalFiles} archivos...`), t.push("");
+  for (const s of e.files)
+    if (s.violations.length === 0)
+      t.push(`✅ ${s.path} — sin violaciones`);
+    else
+      for (const o of s.violations) {
+        const i = o.severity === "error" ? "❌" : "⚠️ ";
+        t.push(`${i} ${s.path}:${o.line}`), t.push(`   ${o.code}: ${o.message}`), t.push("");
+      }
+  return t.push(""), t.push(
+    `Resultado: ${e.errors} error${e.errors !== 1 ? "es" : ""}, ${e.warnings} warning${e.warnings !== 1 ? "s" : ""}, ${e.totalFiles - e.files.filter((s) => s.violations.length > 0).length} archivos OK`
+  ), t.join(`
+`);
+}
+function H(e) {
+  return JSON.stringify(
+    {
+      errors: e.errors,
+      warnings: e.warnings,
+      files: e.files
+    },
+    null,
+    2
+  );
+}
+function X(e = {}) {
+  const t = e.cwd ?? process.cwd(), s = n.join(t, "src", "pages");
+  return a.existsSync(s) ? { routes: j(s), pagesDir: s } : { routes: [], pagesDir: s };
+}
+function Q(e) {
+  if (e.routes.length === 0)
+    return `No se encontraron rutas en ${e.pagesDir}`;
+  const t = ["Rutas detectadas:"], s = Math.max(...e.routes.map((r) => r.path.length)), o = e.routes.filter((r) => !r.isLayout && !r.isError), i = e.routes.filter((r) => r.isLayout || r.isError);
+  for (const r of [...o, ...i]) {
+    const c = r.isLayout ? " [layout]" : r.isError ? " [error]" : "", l = r.path.padEnd(s);
+    t.push(`  ${l}  → src/pages/${r.filePath}${c}`);
+  }
+  return t.join(`
+`);
+}
+function ee(e) {
+  const t = [], s = {};
+  for (let o = 0; o < e.length; o++) {
+    const i = e[o];
+    if (i.startsWith("--")) {
+      const r = i.slice(2), c = e[o + 1];
+      c && !c.startsWith("--") ? (s[r] = c, o++) : s[r] = !0;
+    } else
+      t.push(i);
+  }
+  return { args: t, flags: s };
+}
+function te(e) {
+  const t = e[0];
+  t || (console.error("Error: ark new <nombre> — falta el nombre del proyecto"), process.exit(1));
+  try {
+    const s = _(t);
+    console.log(`
+✅ Proyecto "${t}" creado en ${s.projectDir}
+`), console.log("Próximos pasos:"), console.log(`  cd ${t} && bun install && bun dev
+`);
+  } catch (s) {
+    s instanceof h ? console.error(`Error: ${s.message}`) : console.error(s), process.exit(1);
+  }
+}
+function oe(e) {
+  const [t, s] = e;
+  t || (console.error("Error: ark generate <tipo> <nombre>"), console.error("Tipos: component (c), page (p), store (s), service (sv), layout (l)"), process.exit(1)), s || (console.error(`Error: ark generate ${t} <nombre> — falta el nombre`), process.exit(1));
+  try {
+    const o = Z(t, s);
+    console.log(`✅ Generado: ${o.filePath}`);
+  } catch (o) {
+    o instanceof p ? console.error(`Error: ${o.message}`) : console.error(o), process.exit(1);
+  }
+}
+function se(e) {
+  const t = e.json === !0;
+  try {
+    const s = B();
+    console.log(t ? H(s) : J(s)), s.errors > 0 && process.exit(1);
+  } catch (s) {
+    console.error(s), process.exit(1);
+  }
+}
+function re() {
+  try {
+    const e = X();
+    console.log(Q(e));
+  } catch (e) {
+    console.error(e), process.exit(1);
+  }
+}
+function ne() {
+  console.log(`
+ark — Arckode UI CLI
+
+Comandos:
+  ark new <nombre>                   Crea un nuevo proyecto
+  ark generate <tipo> <nombre>       Genera un archivo (alias: ark g)
+  ark analyze [--json]               Analiza violaciones en archivos .ark
+  ark routes                         Lista rutas detectadas en src/pages/
+  ark dev [--port 3000] [--host]     Servidor de desarrollo (via Vite)
+  ark build [--mode production]      Compila para producción (via Vite)
+
+Tipos de generate:
+  component (c)   → src/components/features/<NombrePascal>.ark
+  page (p)        → src/pages/<nombre>.ark
+  store (s)       → src/stores/<nombre>.store.ts
+  service (sv)    → src/services/<nombre>.service.ts
+  layout (l)      → src/pages/<nombre>/_layout.ark
+`);
+}
+function ie(e = process.argv.slice(2)) {
+  const { args: t, flags: s } = ee(e), o = t[0], i = t.slice(1);
+  switch (o) {
+    case "new":
+      te(i);
+      break;
+    case "generate":
+    case "g":
+      oe(i);
+      break;
+    case "analyze":
+      se(s);
+      break;
+    case "routes":
+      re();
+      break;
+    case "dev":
+    case "build":
+      console.error(`Comando "${o}" requiere Vite. Corré directamente: bun ${o}`), process.exit(1);
+      break;
+    case "help":
+    case "--help":
+    case "-h":
+    case void 0:
+      ne();
+      break;
+    default:
+      console.error(`Error: comando desconocido "${o}". Corré "ark --help" para ver los comandos disponibles.`), process.exit(1);
+  }
+}
+ie();
+export {
+  ie as main
+};