opacacms 0.1.21 → 0.2.0

package/dist/chunk-mkn49zmy.js

@@ -0,0 +1,102 @@
+import {
+  logger
+} from "./chunk-t0zg026p.js";
+import"./chunk-8sqjbsgt.js";
+
+// src/cli/commands/plugin-init.ts
+import fs from "node:fs";
+import path from "node:path";
+async function pluginInitCommand(pluginName) {
+  if (!pluginName) {
+    logger.error("Please provide a plugin name. Usage: opacacms plugin:init <plugin_name>");
+    process.exit(1);
+  }
+  const targetDir = path.resolve(process.cwd(), pluginName);
+  if (fs.existsSync(targetDir)) {
+    logger.error(`Directory ${targetDir} already exists.`);
+    process.exit(1);
+  }
+  logger.info(`Initializing new plugin in ${targetDir}...`);
+  fs.mkdirSync(targetDir, { recursive: true });
+  fs.mkdirSync(path.join(targetDir, "src"), { recursive: true });
+  const packageJson = {
+    name: pluginName,
+    version: "1.0.0",
+    description: "An OpacaCMS plugin",
+    main: "dist/index.js",
+    types: "dist/index.d.ts",
+    scripts: {
+      build: "opacacms plugin:build",
+      dev: "bun run build --watch"
+    },
+    peerDependencies: {
+      opacacms: "workspace:*"
+    },
+    devDependencies: {
+      typescript: "^5.0.0",
+      "@types/node": "^20.0.0"
+    }
+  };
+  fs.writeFileSync(path.join(targetDir, "package.json"), JSON.stringify(packageJson, null, 2), "utf-8");
+  const tsconfig = {
+    compilerOptions: {
+      target: "ESNext",
+      module: "ESNext",
+      moduleResolution: "bundler",
+      strict: true,
+      esModuleInterop: true,
+      skipLibCheck: true,
+      forceConsistentCasingInFileNames: true,
+      outDir: "./dist",
+      declaration: true,
+      jsx: "react"
+    },
+    include: ["src/**/*"]
+  };
+  fs.writeFileSync(path.join(targetDir, "tsconfig.json"), JSON.stringify(tsconfig, null, 2), "utf-8");
+  const indexTsx = `import type { OpacaPlugin, OpacaPluginContext } from 'opacacms/types';
+import { definePlugin } from 'opacacms/plugins';
+
+export const myPlugin = (): OpacaPlugin => definePlugin({
+  name: '${pluginName}',
+  label: 'My Custom Plugin',
+  description: 'A great new plugin for OpacaCMS.',
+  version: '1.0.0',
+  icon: 'Box',
+
+  onInit: (ctx: OpacaPluginContext) => {
+    ctx.logger.info('[${pluginName}] Plugin initialized!');
+    return ctx.config;
+  },
+
+  adminUI: {
+    component: 'my-plugin-dashboard',
+    // The CLI will automatically compile dashboard.tsx into this 'source' field during build.
+    source: '',
+  }
+});
+`;
+  fs.writeFileSync(path.join(targetDir, "src", "index.tsx"), indexTsx, "utf-8");
+  const dashboardTsx = `class MyPluginDashboard extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = \`
+      <div style="padding: 2rem; font-family: sans-serif;">
+        <h2>Welcome to ${pluginName} Dashboard!</h2>
+        <p>This UI component is built as a self-contained Web Component.</p>
+      </div>
+    \`;
+  }
+}
+
+customElements.define('my-plugin-dashboard', MyPluginDashboard);
+`;
+  fs.writeFileSync(path.join(targetDir, "src", "dashboard.tsx"), dashboardTsx, "utf-8");
+  logger.success(`Plugin ${pluginName} initialized successfully!`);
+  logger.info(`Next steps:
+  cd ${pluginName}
+  bun install
+  bun run build`);
+}
+export {
+  pluginInitCommand
+};

package/dist/{chunk-n1xraw7j.js → chunk-qb6ztvw9.js}

@@ -4,7 +4,7 @@ import {
 
 // src/cli/commands/seed-command.ts
 async function seedCommand(opaca, count, reset, type) {
-  const { autoSeed } = await import("./chunk-nb7ctdg8.js");
+  const { autoSeed } = await import("./chunk-swtcpvhf.js");
   try {
     await autoSeed(opaca, count, reset, type);
   } catch (error) {

package/dist/{chunk-2kyhqvhc.js → chunk-qxt9vge8.js}

@@ -49,7 +49,7 @@ function mapFieldToSQLiteType(field) {
 function flattenFields(fields, prefix = "") {
   const result = [];
   for (const field of fields) {
-    if (field.type === "join" || field.type === "virtual")
+    if (field.type === "join" || field.type === "virtual" || field.type === "ui")
       continue;
     const currentName = field.name ? `${prefix}${field.name}` : undefined;
     if (field.type === "group") {

package/dist/chunk-r39em4yj.js

@@ -0,0 +1,29 @@
+import {
+  defineCustomField
+} from "./chunk-rqyjjqgy.js";
+
+// src/admin/vue.tsx
+function defineVueField(tagName, Component, options) {
+  defineCustomField(tagName, {
+    mount: (container, props) => {
+      const app = options.createApp(Component, props);
+      container._opacaVueApp = app;
+      app.mount(container);
+    },
+    update: (container, props) => {
+      const app = container._opacaVueApp;
+      if (app && app._instance) {
+        Object.assign(app._instance.props, props);
+      }
+    },
+    unmount: (container) => {
+      const app = container._opacaVueApp;
+      if (app) {
+        app.unmount();
+        delete container._opacaVueApp;
+      }
+    }
+  });
+}
+
+export { defineVueField };

package/dist/chunk-rqyjjqgy.js

@@ -0,0 +1,91 @@
+// src/admin/custom-field.ts
+function defineCustomField(tagName, adapter) {
+  if (typeof window === "undefined")
+    return;
+  if (customElements.get(tagName)) {
+    console.warn(`[OpacaCMS] Custom field tag "${tagName}" is already defined.`);
+    return;
+  }
+
+  class OpacaCustomFieldElement extends HTMLElement {
+    _value;
+    _fieldConfig;
+    _error;
+    _parentData;
+    _isMounted = false;
+    handleChange = (newValue) => {
+      this.dispatchEvent(new CustomEvent("opacachange", {
+        detail: { value: newValue },
+        bubbles: true,
+        composed: true
+      }));
+    };
+    getProps() {
+      return {
+        value: this._value,
+        fieldConfig: this._fieldConfig,
+        disabled: this.getAttribute("data-disabled") === "true",
+        readOnly: this.getAttribute("data-readonly") === "true",
+        error: this._error,
+        parentData: this._parentData,
+        onChange: this.handleChange
+      };
+    }
+    set error(err) {
+      if (this._error !== err) {
+        this._error = err;
+        if (this._isMounted && adapter.update) {
+          adapter.update(this, this.getProps());
+        }
+      }
+    }
+    get error() {
+      return this._error;
+    }
+    set parentData(data) {
+      this._parentData = data;
+      if (this._isMounted && adapter.update) {
+        adapter.update(this, this.getProps());
+      }
+    }
+    get parentData() {
+      return this._parentData;
+    }
+    set value(val) {
+      const oldValue = this._value;
+      this._value = val;
+      if (this._isMounted && adapter.update && oldValue !== val) {
+        adapter.update(this, this.getProps());
+      }
+    }
+    get value() {
+      return this._value;
+    }
+    set fieldConfig(config) {
+      this._fieldConfig = config;
+      if (this._isMounted && adapter.update) {
+        adapter.update(this, this.getProps());
+      }
+    }
+    get fieldConfig() {
+      return this._fieldConfig;
+    }
+    connectedCallback() {
+      if (!this._isMounted) {
+        adapter.mount(this, this.getProps());
+        this._isMounted = true;
+      }
+    }
+    disconnectedCallback() {
+      if (this._isMounted) {
+        if (adapter.unmount) {
+          adapter.unmount(this);
+        }
+        this._isMounted = false;
+      }
+    }
+  }
+  customElements.define(tagName, OpacaCustomFieldElement);
+}
+
+export { defineCustomField };

package/dist/chunk-rsf0tpy1.js

@@ -0,0 +1,8 @@
+import {
+  pluginSyncCommand
+} from "./chunk-twpvxfce.js";
+import"./chunk-t0zg026p.js";
+import"./chunk-8sqjbsgt.js";
+export {
+  pluginSyncCommand
+};