opacacms 0.3.0 → 0.3.2

package/dist/{chunk-56n342hs.js → chunk-rjvcp6ph.js}

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

package/dist/{chunk-63yg00vx.js → chunk-v0nazhmk.js}

@@ -1,6 +1,6 @@
 import {
   require_picocolors
-} from "./chunk-rwqwsanx.js";
+} from "./chunk-f3dg5dq4.js";
 import {
   Ct,
   Gt,
@@ -9,10 +9,10 @@ import {
   Wt,
   Zt,
   be
-} from "./chunk-ec4jhybj.js";
+} from "./chunk-gzdfc1ct.js";
 import {
   defineCommand
-} from "./chunk-1qm0m8r8.js";
+} from "./chunk-71wwx9vj.js";
 import {
   logger
 } from "./chunk-jq1drsen.js";

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/dist/runtimes/bun.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-a3qae86h.js";
 import {
   createAPIRouter
-} from "../chunk-z3ffn2b7.js";
+} from "../chunk-941zxavt.js";
 import"../chunk-m24yqkeq.js";
 import"../chunk-5b8r0v8c.js";
 import"../chunk-m5ems3hh.js";

package/dist/runtimes/cloudflare-workers.js

@@ -1,6 +1,6 @@
 import {
   createAPIRouter
-} from "../chunk-z3ffn2b7.js";
+} from "../chunk-941zxavt.js";
 import"../chunk-m24yqkeq.js";
 import"../chunk-5b8r0v8c.js";
 import"../chunk-m5ems3hh.js";

package/dist/runtimes/next.js

@@ -1,6 +1,6 @@
 import {
   createAPIRouter
-} from "../chunk-z3ffn2b7.js";
+} from "../chunk-941zxavt.js";
 import"../chunk-m24yqkeq.js";
 import"../chunk-5b8r0v8c.js";
 import"../chunk-m5ems3hh.js";

package/dist/runtimes/node.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-a3qae86h.js";
 import {
   createAPIRouter
-} from "../chunk-z3ffn2b7.js";
+} from "../chunk-941zxavt.js";
 import"../chunk-m24yqkeq.js";
 import"../chunk-5b8r0v8c.js";
 import"../chunk-m5ems3hh.js";

package/dist/server.js

@@ -7,7 +7,7 @@ import {
   hydrateDoc,
   parsePopulate,
   populateDoc
-} from "./chunk-z3ffn2b7.js";
+} from "./chunk-941zxavt.js";
 import {
   defineConfig
 } from "./chunk-1bd7fz7n.js";

package/package.json

@@ -1,6 +1,29 @@
 {
   "name": "opacacms",
-  "version": "0.3.0",
+  "version": "0.3.2",
+  "license": "MIT",
+  "description": "OpacaCMS: A lightweight, type-safe, and developer-first Headless CMS for the edge and beyond.",
+  "keywords": [
+    "cms",
+    "headless-cms",
+    "typescript",
+    "hono",
+    "sqlite",
+    "d1",
+    "cloudflare-workers",
+    "admin-panel",
+    "edge"
+  ],
+  "author": "fhorray",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fhorray/opacacms.git",
+    "directory": "packages/opacacms"
+  },
+  "bugs": {
+    "url": "https://github.com/fhorray/opacacms/issues"
+  },
+  "homepage": "https://opaca.francy.dev",
   "scripts": {
     "build": "bun run ../../scripts/build.ts && tsc --emitDeclarationOnly",
     "build:publish": "bun run ../../scripts/build.ts --publish && tsc --emitDeclarationOnly",
@@ -123,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",
@@ -139,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",
@@ -147,12 +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",
@@ -160,26 +193,30 @@
     "lucide-react": "^0.577.0",
     "nanostores": "^1.1.1",
     "postgres": "^3.4.8",
-    "sass": "^1.98.0"
+    "radix-ui": "^1.4.3",
+    "sass": "^1.98.0",
+    "zod": "^4.3.6",
+    "zod-to-json-schema": "^3.25.1"
   },
   "peerDependencies": {
+    "hono": "^4.0.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "zod": "^4.3.6"
   },
-  "dependencies": {
-    "@hono/graphql-server": "^0.7.0",
-    "better-auth": "^1.5.5",
-    "class-variance-authority": "^0.7.1",
-    "graphql": "^16.13.1",
-    "hono": "^4.12.7",
-    "hono-rate-limiter": "^0.5.3",
-    "ky": "^1.14.3",
-    "kysely": "^0.28.11",
-    "radix-ui": "^1.4.3",
-    "zod": "^4.3.6",
-    "zod-to-json-schema": "^3.25.1"
+  "peerDependenciesMeta": {
+    "@hono/graphql-server": {
+      "optional": true
+    },
+    "graphql": {
+      "optional": true
+    },
+    "hono-rate-limiter": {
+      "optional": true
+    }
   },
+  "dependencies": {},
   "files": [
     "dist"
   ]