opacacms 0.3.1 → 0.3.2

package/dist/chunk-wqvdwck9.js

@@ -0,0 +1,326 @@
+import {
+  require_picocolors
+} from "./chunk-f3dg5dq4.js";
+import {
+  Ct,
+  Gt,
+  Jt,
+  Nt,
+  Rt,
+  Vt,
+  Wt,
+  be
+} from "./chunk-gzdfc1ct.js";
+import {
+  defineCommand
+} from "./chunk-71wwx9vj.js";
+import {
+  __toESM
+} from "./chunk-6bywt602.js";
+
+// src/cli/commands/init.ts
+import fs from "node:fs";
+import { resolve } from "node:path";
+var import_picocolors = __toESM(require_picocolors(), 1);
+function detectFramework(pkgJsonPath) {
+  if (!fs.existsSync(pkgJsonPath))
+    return "unknown";
+  try {
+    const pkg = JSON.parse(fs.readFileSync(pkgJsonPath, "utf-8"));
+    const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+    if (deps.next)
+      return "nextjs";
+    if (deps.nuxt)
+      return "nuxt";
+    if (deps.vue && deps.vite)
+      return "vue";
+    if (deps.react && deps.vite)
+      return "react";
+    if (deps["@angular/core"])
+      return "angular";
+    if (deps.vite)
+      return "vite";
+    if (deps.wrangler || deps["@cloudflare/workers-types"])
+      return "cloudflare-workers";
+    return "unknown";
+  } catch (error) {
+    return "unknown";
+  }
+}
+var init_default = defineCommand({
+  meta: {
+    name: "init",
+    description: "Initialize OpacaCMS in an existing project"
+  },
+  args: {
+    target: {
+      type: "positional",
+      description: "Target directory (defaults to current directory)",
+      required: false
+    }
+  },
+  async run({ args }) {
+    console.log();
+    Wt(import_picocolors.default.bgBlue(import_picocolors.default.white(" Welcome to OpacaCMS Setup! ")));
+    const targetDir = args.target ? resolve(process.cwd(), args.target) : process.cwd();
+    const pkgJsonPath = resolve(targetDir, "package.json");
+    let framework = detectFramework(pkgJsonPath);
+    if (framework !== "unknown") {
+      const confirmFramework = await Rt({
+        message: `Detected ${import_picocolors.default.cyan(framework)}. Is this correct?`,
+        initialValue: true
+      });
+      if (Ct(confirmFramework)) {
+        Nt("Operation cancelled.");
+        process.exit(0);
+      }
+      if (!confirmFramework) {
+        framework = "unknown";
+      }
+    }
+    if (framework === "unknown") {
+      const selected = await Jt({
+        message: "Which framework are you using?",
+        options: [
+          { value: "nextjs", label: "Next.js" },
+          { value: "nuxt", label: "Nuxt" },
+          { value: "cloudflare-workers", label: "Cloudflare Workers" },
+          { value: "vue", label: "Vue / Vite" },
+          { value: "react", label: "React / Vite" },
+          { value: "angular", label: "Angular" },
+          { value: "unknown", label: "Other / Node.js" }
+        ]
+      });
+      if (Ct(selected)) {
+        Nt("Operation cancelled.");
+        process.exit(0);
+      }
+      framework = selected;
+    }
+    const dbType = await Jt({
+      message: "Which database would you like to use?",
+      options: [
+        { value: "sqlite", label: "SQLite (Local/Bun)" },
+        { value: "d1", label: "Cloudflare D1" },
+        { value: "postgres", label: "PostgreSQL" }
+      ],
+      initialValue: framework === "cloudflare-workers" ? "d1" : "sqlite"
+    });
+    if (Ct(dbType)) {
+      Nt("Operation cancelled.");
+      process.exit(0);
+    }
+    const useAuth = await Rt({
+      message: "Enable Authentication (Better Auth)?",
+      initialValue: true
+    });
+    if (Ct(useAuth)) {
+      Nt("Operation cancelled.");
+      process.exit(0);
+    }
+    const s = be();
+    s.start(`Generating boilerplate for ${framework}...`);
+    let dbImport = "";
+    let dbInit = "";
+    if (dbType === "sqlite") {
+      dbImport = `import { createSQLiteAdapter } from 'opacacms/db/sqlite';`;
+      dbInit = `createSQLiteAdapter('local.db')`;
+    } else if (dbType === "d1") {
+      dbImport = `import { createD1Adapter } from 'opacacms/db/d1';`;
+      dbInit = `createD1Adapter(env.DB)`;
+    } else if (dbType === "postgres") {
+      dbImport = `import { createPostgresAdapter } from 'opacacms/db/postgres';`;
+      dbInit = `createPostgresAdapter(process.env.DATABASE_URL || '')`;
+    }
+    let authConfig = "";
+    if (useAuth) {
+      authConfig = `
+  auth: {
+    strategies: { emailPassword: true },
+    features: {
+      apiKeys: { enabled: true }
+    }
+  },`;
+    }
+    const srcDir = fs.existsSync(resolve(targetDir, "src")) ? "src/" : "";
+    const nextPathPrefix = framework === "nextjs" ? `${srcDir}app/(opaca)/` : "";
+    const cfPathPrefix = framework === "cloudflare-workers" ? "src/" : "";
+    const pathPrefix = framework === "nextjs" ? nextPathPrefix : cfPathPrefix;
+    const configCode = `import { defineConfig } from 'opacacms/config';
+${dbImport}
+import { posts } from './${pathPrefix}opaca/collections/posts';
+import { siteSettings } from './${pathPrefix}opaca/globals/site-settings';
+
+${dbType === "d1" ? `const getConfig = (env: any, request: Request) => defineConfig({
+  appName: "My OpacaCMS App",
+  serverURL: new URL(request.url).origin,
+  secret: env.OPACA_SECRET,
+  db: ${dbInit},
+  runMigrationsOnStartup: true,${authConfig}
+  collections: [posts],
+  globals: [siteSettings]
+});
+
+export default getConfig;` : `export default defineConfig({
+  appName: "My OpacaCMS App",
+  serverURL: "http://localhost:3000",
+  secret: process.env.OPACA_SECRET || "my-super-secret-key-change-me",
+  db: ${dbInit},
+  runMigrationsOnStartup: true,${authConfig}
+  collections: [posts],
+  globals: [siteSettings]
+});`}
+`;
+    const postsCode = `import { defineCollection, z } from 'opacacms/schema';
+
+export const posts = defineCollection({
+  slug: 'posts',
+  schema: z.object({
+    id: z.text().default(() => crypto.randomUUID()),
+    title: z.text().required(),
+    content: z.richText(),
+  })
+});
+`;
+    const globalsCode = `import { defineGlobal, z } from 'opacacms/schema';
+
+export const siteSettings = defineGlobal({
+  slug: 'site-settings',
+  schema: z.object({
+    siteName: z.text().default("My Awesome Site"),
+    description: z.text().optional(),
+  })
+});
+`;
+    const createDir = (path) => {
+      fs.mkdirSync(resolve(targetDir, path), { recursive: true });
+    };
+    const writeFile = (path, content) => {
+      fs.writeFileSync(resolve(targetDir, path), content);
+    };
+    writeFile("opaca.config.ts", configCode);
+    if (framework === "nextjs") {
+      const baseDir = `${srcDir}app/(opaca)`;
+      createDir(`${baseDir}/opaca/collections`);
+      createDir(`${baseDir}/opaca/globals`);
+      createDir(`${baseDir}/api/opaca/[[...slug]]`);
+      createDir(`${baseDir}/admin/[[...slug]]`);
+      writeFile(`${baseDir}/opaca/collections/posts.ts`, postsCode);
+      writeFile(`${baseDir}/opaca/globals/site-settings.ts`, globalsCode);
+      const importSteps = srcDir ? "../../../../../../" : "../../../../../";
+      const routeCode = `import { createNextHandler } from 'opacacms/runtimes/next';
+import config from '${importSteps}opaca.config';
+
+const handler = createNextHandler(config);
+
+export const GET = handler.GET;
+export const POST = handler.POST;
+export const PUT = handler.PUT;
+export const PATCH = handler.PATCH;
+export const DELETE = handler.DELETE;
+export const OPTIONS = handler.OPTIONS;
+`;
+      writeFile(`${baseDir}/api/opaca/[[...slug]]/route.ts`, routeCode);
+      const pageCode = `'use client';
+
+import { useEffect, useState } from 'react';
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'opaca-admin': {
+        'server-url'?: string;
+      };
+    }
+  }
+}
+
+export default function Page() {
+  const [loaded, setLoaded] = useState(false);
+
+  useEffect(() => {
+    import('opacacms/admin/wc')
+      .then(() => setLoaded(true))
+      .catch((err) => console.error('Failed to load Opaca Web Component', err));
+  }, []);
+
+  if (!loaded) {
+    return (
+      <div style={{ padding: '2rem', color: '#71717a' }}>
+        Loading Admin Interface...
+      </div>
+    );
+  }
+
+  // Ensure this points to where your Next.js app is hosted
+  const serverUrl =
+    typeof window !== 'undefined'
+      ? window.location.origin
+      : 'http://localhost:3000';
+
+  return <opaca-admin server-url={serverUrl} />;
+}
+`;
+      writeFile(`${baseDir}/admin/[[...slug]]/page.tsx`, pageCode);
+    } else if (framework === "cloudflare-workers") {
+      createDir("src/opaca/collections");
+      createDir("src/opaca/globals");
+      writeFile("src/opaca/collections/posts.ts", postsCode);
+      writeFile("src/opaca/globals/site-settings.ts", globalsCode);
+      const indexCode = `import { createCloudflareWorkersHandler } from "opacacms/runtimes/cloudflare-workers";
+import config from "../opaca.config";
+
+export default createCloudflareWorkersHandler(config, { enableAdmin: true });
+`;
+      writeFile("src/index.ts", indexCode);
+    } else if (framework === "nuxt") {
+      createDir("opaca/collections");
+      createDir("opaca/globals");
+      createDir("server/api/opaca");
+      writeFile("opaca/collections/posts.ts", postsCode);
+      writeFile("opaca/globals/site-settings.ts", globalsCode);
+      const routeCode = `import { createAPIRouter } from 'opacacms/server/router';
+import config from '../../../opaca.config';
+
+// OpacaCMS API Router (You may need to adapt this to native Nuxt handler or Hono integration)
+export default defineEventHandler(async (event) => {
+  // Placeholder for OpacaCMS Nuxt integration
+});
+`;
+      writeFile("server/api/opaca/[...slug].ts", routeCode);
+    } else {
+      createDir("opaca/collections");
+      createDir("opaca/globals");
+      writeFile("opaca/collections/posts.ts", postsCode);
+      writeFile("opaca/globals/site-settings.ts", globalsCode);
+      const serverCode = `import { createBunHandler } from 'opacacms/runtimes/bun';
+import config from './opaca.config';
+
+const { app, init } = createBunHandler(config, { port: 3001 });
+
+await init(); // Connects DB, runs migrations, starts server
+console.log('\uD83D\uDE80 OpacaCMS Backend Listening on http://localhost:3001');
+`;
+      writeFile("server.ts", serverCode);
+    }
+    if (fs.existsSync(pkgJsonPath)) {
+      try {
+        const pkg = JSON.parse(fs.readFileSync(pkgJsonPath, "utf-8"));
+        if (!pkg.dependencies)
+          pkg.dependencies = {};
+        if (!pkg.dependencies.opacacms) {
+          pkg.dependencies.opacacms = "latest";
+          fs.writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, 2));
+        }
+      } catch (e) {}
+    }
+    s.stop(`Scaffolding complete!`);
+    Vt(`1. Check the newly created \`opaca.config.ts\` and \`opaca\` folder.
+2. Run \`npm install\` (or your preferred package manager) to install dependencies.
+3. Start your dev server!`, "Next Steps");
+    Gt(`Build something awesome! \uD83C\uDF88`);
+  }
+});
+export {
+  init_default as default
+};

package/dist/{chunk-r0ms5tk1.js → chunk-y4e9twg2.js}

@@ -1,15 +1,15 @@
 import {
   require_picocolors
-} from "./chunk-rwqwsanx.js";
+} from "./chunk-f3dg5dq4.js";
 import {
   Gt,
   R,
   Vt,
   Wt
-} from "./chunk-ec4jhybj.js";
+} from "./chunk-gzdfc1ct.js";
 import {
   defineCommand
-} from "./chunk-1qm0m8r8.js";
+} from "./chunk-71wwx9vj.js";
 import {
   __toESM
 } from "./chunk-6bywt602.js";

package/dist/cli/commands/init.d.ts

@@ -1,13 +1,8 @@
 declare const _default: import("citty").CommandDef<{
     readonly target: {
         readonly type: "positional";
-        readonly description: "Target directory name";
+        readonly description: "Target directory (defaults to current directory)";
         readonly required: false;
     };
-    readonly example: {
-        readonly type: "string";
-        readonly alias: "e";
-        readonly description: "Use an example template";
-    };
 }>;
 export default _default;

package/dist/cli/index.js

@@ -2,8 +2,8 @@
 import {
   loadConfig,
   resolveConfigPath
-} from "../chunk-majsbncm.js";
-import"../chunk-1qm0m8r8.js";
+} from "../chunk-jvv72110.js";
+import"../chunk-71wwx9vj.js";
 import"../chunk-6bywt602.js";
 export {
   resolveConfigPath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opacacms",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "license": "MIT",
   "description": "OpacaCMS: A lightweight, type-safe, and developer-first Headless CMS for the edge and beyond.",
   "keywords": [
@@ -146,6 +146,7 @@
     "@hono-rate-limiter/cloudflare": "^0.2.2",
     "@hono/bun-transpiler": "^0.2.1",
     "@hono/esbuild-transpiler": "^0.1.4",
+    "@hono/graphql-server": "^0.7.0",
     "@hono/node-server": "^1.19.11",
     "@lexical/code": "^0.41.0",
     "@lexical/history": "^0.41.0",
@@ -162,6 +163,8 @@
     "@nanostores/react": "^1.0.0",
     "@nanostores/router": "^1.0.0",
     "@r2wc/react-to-web-component": "^2.1.1",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@scalar/hono-api-reference": "^0.10.4",
     "@tanstack/react-form": "^1.28.5",
     "@testing-library/dom": "^10.4.1",
@@ -170,15 +173,19 @@
     "@types/bun": "latest",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "better-auth": "^1.5.5",
     "better-sqlite3": "^12.6.2",
     "bun-plugin-scss": "^1.0.0",
     "class-variance-authority": "^0.7.1",
     "dotenv": "^17.3.1",
     "esbuild": "^0.27.4",
     "esbuild-wasm": "^0.27.4",
+    "graphql": "^16.13.1",
     "happy-dom": "^20.8.4",
     "hono": "^4.12.7",
+    "hono-rate-limiter": "^0.5.3",
     "ky": "^1.14.3",
+    "kysely": "^0.28.11",
     "kysely-bun-sqlite": "^0.4.0",
     "kysely-d1": "^0.4.0",
     "kysely-postgres-js": "^3.0.0",
@@ -188,7 +195,8 @@
     "postgres": "^3.4.8",
     "radix-ui": "^1.4.3",
     "sass": "^1.98.0",
-    "zod": "^4.3.6"
+    "zod": "^4.3.6",
+    "zod-to-json-schema": "^3.25.1"
   },
   "peerDependencies": {
     "hono": "^4.0.0",
@@ -208,14 +216,7 @@
       "optional": true
     }
   },
-  "dependencies": {
-    "@hono/graphql-server": "^0.7.0",
-    "better-auth": "^1.5.5",
-    "graphql": "^16.13.1",
-    "hono-rate-limiter": "^0.5.3",
-    "kysely": "^0.28.11",
-    "zod-to-json-schema": "^3.25.1"
-  },
+  "dependencies": {},
   "files": [
     "dist"
   ]

package/dist/chunk-fatyf6f7.js

@@ -1,221 +0,0 @@
-import {
-  require_picocolors
-} from "./chunk-rwqwsanx.js";
-import {
-  Ct,
-  Gt,
-  Jt,
-  Nt,
-  Rt,
-  Vt,
-  Wt,
-  Zt,
-  be
-} from "./chunk-ec4jhybj.js";
-import {
-  defineCommand
-} from "./chunk-1qm0m8r8.js";
-import {
-  __toESM
-} from "./chunk-6bywt602.js";
-
-// src/cli/commands/init.ts
-import fs from "node:fs";
-import { resolve } from "node:path";
-var import_picocolors = __toESM(require_picocolors(), 1);
-var init_default = defineCommand({
-  meta: {
-    name: "init",
-    description: "Initialize a new OpacaCMS project"
-  },
-  args: {
-    target: {
-      type: "positional",
-      description: "Target directory name",
-      required: false
-    },
-    example: {
-      type: "string",
-      alias: "e",
-      description: "Use an example template"
-    }
-  },
-  async run({ args }) {
-    console.log();
-    Wt(import_picocolors.default.bgBlue(import_picocolors.default.white(" Welcome to OpacaCMS! ")));
-    let target = args.target;
-    if (!target) {
-      const response = await Zt({
-        message: "Where should we create your project?",
-        placeholder: "my-opaca-app",
-        defaultValue: "my-opaca-app"
-      });
-      if (Ct(response)) {
-        Nt("Operation cancelled.");
-        process.exit(0);
-      }
-      target = response;
-    }
-    if (args.example) {
-      const s2 = be();
-      s2.start(`Using example template: ${args.example}`);
-      let currentDir = resolve(import.meta.dirname);
-      let exampleDir = "";
-      const localExample = resolve(process.cwd(), "examples", args.example);
-      if (fs.existsSync(localExample)) {
-        exampleDir = localExample;
-      } else {
-        while (currentDir !== resolve(currentDir, "..")) {
-          const potential = resolve(currentDir, "examples", args.example);
-          if (fs.existsSync(potential)) {
-            exampleDir = potential;
-            break;
-          }
-          currentDir = resolve(currentDir, "..");
-        }
-      }
-      if (!exampleDir) {
-        s2.stop(`Example ${args.example} not found.`);
-        process.exit(1);
-      }
-      fs.cpSync(exampleDir, resolve(process.cwd(), target), { recursive: true });
-      s2.stop(`Copied example ${args.example} to ${target}!`);
-      Gt(`Run ${import_picocolors.default.cyan(`cd ${target} && bun install`)} to get started.`);
-      return;
-    }
-    const dbType = await Jt({
-      message: "Which database would you like to use?",
-      options: [
-        { value: "sqlite", label: "SQLite (Local/Bun)" },
-        { value: "d1", label: "Cloudflare D1" },
-        { value: "postgres", label: "PostgreSQL" }
-      ],
-      initialValue: "sqlite"
-    });
-    if (Ct(dbType)) {
-      Nt("Operation cancelled.");
-      process.exit(0);
-    }
-    const useAuth = await Rt({
-      message: "Enable Authentication (Better Auth)?",
-      initialValue: true
-    });
-    if (Ct(useAuth)) {
-      Nt("Operation cancelled.");
-      process.exit(0);
-    }
-    const s = be();
-    s.start(`Generating boilerplate in ./${target}...`);
-    fs.mkdirSync(resolve(process.cwd(), target), { recursive: true });
-    let dbImport = "";
-    let dbInit = "";
-    if (dbType === "sqlite") {
-      dbImport = `import { createSQLiteAdapter } from 'opacacms/db/sqlite';`;
-      dbInit = `createSQLiteAdapter('local.db')`;
-    } else if (dbType === "d1") {
-      dbImport = `import { createD1Adapter } from 'opacacms/db/d1';`;
-      dbInit = `createD1Adapter(env.DB)`;
-    } else if (dbType === "postgres") {
-      dbImport = `import { createPostgresAdapter } from 'opacacms/db/postgres';`;
-      dbInit = `createPostgresAdapter(process.env.DATABASE_URL!)`;
-    }
-    let authConfig = "";
-    if (useAuth) {
-      authConfig = `
-  auth: {
-    strategies: { emailPassword: true },
-    features: {
-      apiKeys: { enabled: true }
-    }
-  },`;
-    }
-    let configCode = `import { defineConfig } from 'opacacms/config';
-import { z, defineCollection } from 'opacacms/schema';
-${dbImport}
-
-const posts = defineCollection({
-  slug: 'posts',
-  schema: z.object({
-    id: z.text().default(() => crypto.randomUUID()),
-    title: z.text().required(),
-    content: z.richText(),
-  })
-});
-
-export default defineConfig({
-  appName: "My OpacaCMS App",
-  serverURL: "http://localhost:3000",
-  secret: "my-super-secret-key-change-me",
-  db: ${dbInit},
-  runMigrationsOnStartup: true,${authConfig}
-  collections: [posts]
-});
-`;
-    if (dbType === "d1") {
-      configCode = `import { defineConfig } from 'opacacms/config';
-import { z, defineCollection } from 'opacacms/schema';
-${dbImport}
-
-const posts = defineCollection({
-  slug: 'posts',
-  schema: z.object({
-    id: z.text().default(() => crypto.randomUUID()),
-    title: z.text().required(),
-    content: z.richText(),
-  })
-});
-
-const getConfig = (env: any, request: Request) => defineConfig({
-  appName: "My Edge App",
-  serverURL: new URL(request.url).origin,
-  secret: env.OPACA_SECRET,
-  db: ${dbInit},
-  runMigrationsOnStartup: true,${authConfig}
-  collections: [posts]
-});
-
-export default getConfig;
-`;
-    }
-    fs.writeFileSync(resolve(process.cwd(), target, "opacacms.config.ts"), configCode);
-    let serverCode = "";
-    if (dbType === "d1") {
-      serverCode = `import { createCloudflareWorkersHandler } from 'opacacms/runtimes/cloudflare-workers';
-import config from './opacacms.config';
-
-const app = createCloudflareWorkersHandler(config);
-
-export default app;
-`;
-    } else {
-      serverCode = `import { createBunHandler } from 'opacacms/runtimes/bun';
-import config from './opacacms.config';
-
-const { app, init } = createBunHandler(config, { port: 3000 });
-
-await init(); // Connects DB, runs migrations, starts server
-console.log('\uD83D\uDE80 Listening on http://localhost:3000');
-`;
-    }
-    fs.writeFileSync(resolve(process.cwd(), target, "index.ts"), serverCode);
-    const pkgJson = {
-      name: target,
-      type: "module",
-      scripts: {
-        dev: dbType === "d1" ? "wrangler dev" : "bun run --watch index.ts"
-      },
-      dependencies: {
-        opacacms: "latest"
-      }
-    };
-    fs.writeFileSync(resolve(process.cwd(), target, "package.json"), JSON.stringify(pkgJson, null, 2));
-    s.stop(`Project created successfully in ${import_picocolors.default.green(`./${target}`)}!`);
-    Vt(`cd ${target}
-bun install
-bun run dev`, "Next Steps");
-    Gt(`Build something awesome! \uD83C\uDF88`);
-  }
-});
-export {
-  init_default as default
-};