create-velora-plugin 0.9.0

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,20 @@
+# create-velora-plugin
+
+Scaffolds a new Velora plugin from a type-aware template (`datatype`,
+`section`, `template`, `theme`, `integration`, `utility`, or `bundle`),
+generating a stub that matches the plugin type's allowed contributions and
+the current `@velora-cms/plugin-sdk` contract.
+
+## Install
+
+```sh
+npm create velora-plugin@latest
+```
+
+## Usage
+
+```sh
+npm create velora-plugin@latest -- --name my-plugin --type datatype
+```
+
+Part of [Velora](https://github.com/velora-cms/velora). Apache-2.0.

package/dist/generate.d.ts

@@ -0,0 +1,19 @@
+import { type ScaffoldPluginType } from "./names.js";
+export interface GeneratePluginOptions {
+    type: ScaffoldPluginType;
+    name: string;
+    id: string;
+    targetDir: string;
+    author?: string;
+    description?: string;
+}
+export interface GeneratedPlugin {
+    targetDir: string;
+    /** Target-relative, forward-slashed, sorted. */
+    files: string[];
+}
+/** Input/precondition failures the CLI reports as clean exit-1 messages. */
+export declare class GeneratePluginError extends Error {
+    constructor(message: string);
+}
+export declare function generatePlugin(options: GeneratePluginOptions): GeneratedPlugin;

package/dist/generate.js

@@ -0,0 +1,87 @@
+import { existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
+import { dirname, join, relative } from "node:path";
+import { fileURLToPath } from "node:url";
+import { PLUGIN_TYPES, isValidPluginId, kebabCase, remoteNameFromId, vendorFromId, } from "./names.js";
+/** Input/precondition failures the CLI reports as clean exit-1 messages. */
+export class GeneratePluginError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = "GeneratePluginError";
+    }
+}
+// templates/ sits at the package root; this file resolves it correctly
+// from both src/ (tests import the source) and dist/ (the built CLI).
+const TEMPLATES_ROOT = join(dirname(fileURLToPath(import.meta.url)), "..", "templates");
+// _-prefixed template names dodge npm publish mangling (create-vite's
+// convention) and are renamed on copy.
+const RENAMES = { _gitignore: ".gitignore" };
+// Templates splice name/author/description into single-quoted TS strings
+// and JSX attributes verbatim (see replacements below); any of these
+// characters would break out of that context and produce a project that
+// fails to compile while the CLI still exits 0. Reject rather than escape —
+// simpler at this project's scale and keeps generated source readable.
+const UNSAFE_CHARS = /['"`\\\n]/;
+function assertSafeField(fieldName, value) {
+    if (UNSAFE_CHARS.test(value)) {
+        throw new GeneratePluginError(`Plugin ${fieldName} must not contain quotes, backslashes, or newlines.`);
+    }
+}
+export function generatePlugin(options) {
+    const { type, name, id, targetDir } = options;
+    if (!PLUGIN_TYPES.includes(type)) {
+        throw new GeneratePluginError(`Unknown plugin type "${type}". Valid types: ${PLUGIN_TYPES.join(", ")}.`);
+    }
+    if (kebabCase(name) === "") {
+        throw new GeneratePluginError("Plugin name must contain at least one letter or digit.");
+    }
+    if (!isValidPluginId(id)) {
+        throw new GeneratePluginError(`Plugin id "${id}" must be a reverse-domain id like com.vendor.plugin.`);
+    }
+    assertSafeField("name", name);
+    if (options.author !== undefined)
+        assertSafeField("author", options.author);
+    if (options.description !== undefined)
+        assertSafeField("description", options.description);
+    // All inputs are validated BEFORE any write — a rejected call never
+    // leaves a half-written project behind.
+    if (existsSync(targetDir)) {
+        if (!statSync(targetDir).isDirectory()) {
+            throw new GeneratePluginError(`Target "${targetDir}" exists and is not a directory.`);
+        }
+        if (readdirSync(targetDir).length > 0) {
+            throw new GeneratePluginError(`Target directory "${targetDir}" is not empty.`);
+        }
+    }
+    const replacements = {
+        __PLUGIN_ID__: id,
+        __PLUGIN_NAME__: name.trim(),
+        __PLUGIN_TYPE__: type,
+        __PKG_NAME__: kebabCase(name),
+        __REMOTE_NAME__: remoteNameFromId(id),
+        __DATATYPE_ID__: `${id}.field`,
+        __AUTHOR__: options.author ?? vendorFromId(id),
+        __DESCRIPTION__: options.description ?? `A Velora ${type} plugin.`,
+    };
+    const files = [];
+    copyDir(join(TEMPLATES_ROOT, "base"), targetDir, targetDir, replacements, files);
+    copyDir(join(TEMPLATES_ROOT, type), targetDir, targetDir, replacements, files);
+    return { targetDir, files: files.sort() };
+}
+function copyDir(from, to, targetRoot, replacements, files) {
+    mkdirSync(to, { recursive: true });
+    for (const entry of readdirSync(from)) {
+        const source = join(from, entry);
+        const targetName = RENAMES[entry] ?? entry;
+        const target = join(to, targetName);
+        if (statSync(source).isDirectory()) {
+            copyDir(source, target, targetRoot, replacements, files);
+            continue;
+        }
+        let content = readFileSync(source, "utf8");
+        for (const [token, value] of Object.entries(replacements)) {
+            content = content.replaceAll(token, value);
+        }
+        writeFileSync(target, content);
+        files.push(relative(targetRoot, target).replaceAll("\\", "/"));
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/index.js

@@ -0,0 +1,83 @@
+#!/usr/bin/env node
+import { parseArgs } from "node:util";
+import * as p from "@clack/prompts";
+import { GeneratePluginError, generatePlugin } from "./generate.js";
+import { PLUGIN_TYPES, isValidPluginId, kebabCase } from "./names.js";
+// Thin interactive front-end over generatePlugin(): every prompt has a
+// flag equivalent so the CLI runs fully non-interactively (tests and the
+// e2e verification drive it that way). Prompts re-ask on invalid input;
+// flag values hit generatePlugin's own guards and exit 1 with the same
+// message.
+function exitCancelled() {
+    p.cancel("Cancelled — nothing was written.");
+    process.exit(1);
+}
+async function textPrompt(message, initialValue, validate) {
+    const answer = await p.text({ message, initialValue, validate });
+    if (p.isCancel(answer))
+        exitCancelled();
+    return answer;
+}
+async function main() {
+    const { values, positionals } = parseArgs({
+        allowPositionals: true,
+        options: {
+            name: { type: "string" },
+            type: { type: "string" },
+            id: { type: "string" },
+            author: { type: "string" },
+            description: { type: "string" },
+        },
+    });
+    p.intro("create-velora-plugin");
+    const name = values.name ??
+        (await textPrompt("Plugin name", "", (value) => {
+            if (kebabCase(value) === "")
+                return "Name must contain at least one letter or digit.";
+            if (/['"`\\\n]/.test(value))
+                return "Name must not contain quotes, backslashes, or newlines.";
+            return undefined;
+        }));
+    let type = values.type;
+    if (type === undefined) {
+        const answer = await p.select({
+            message: "Plugin type",
+            options: PLUGIN_TYPES.map((pluginType) => ({ value: pluginType, label: pluginType })),
+        });
+        if (p.isCancel(answer))
+            exitCancelled();
+        type = answer;
+    }
+    const id = values.id ??
+        (await textPrompt("Plugin id (reverse-domain)", `com.example.${kebabCase(name)}`, (value) => isValidPluginId(value) ? undefined : "Must be a reverse-domain id like com.vendor.plugin."));
+    const targetDir = positionals[0] ?? kebabCase(name);
+    try {
+        const result = generatePlugin({
+            type,
+            name,
+            id,
+            targetDir,
+            author: values.author,
+            description: values.description,
+        });
+        p.outro([
+            `Scaffolded ${result.files.length} files in ${result.targetDir}`,
+            "",
+            "Next steps:",
+            `  cd ${result.targetDir}`,
+            "  npm install",
+            "  npm run build",
+        ].join("\n"));
+    }
+    catch (error) {
+        if (error instanceof GeneratePluginError) {
+            p.cancel(error.message);
+            process.exit(1);
+        }
+        throw error;
+    }
+}
+main().catch((error) => {
+    console.error(error);
+    process.exit(1);
+});

package/dist/names.d.ts

@@ -0,0 +1,7 @@
+export declare const PLUGIN_TYPES: readonly ["datatype", "section", "template", "theme", "integration", "utility", "bundle"];
+export type ScaffoldPluginType = (typeof PLUGIN_TYPES)[number];
+export declare const PLUGIN_ID_REGEX: RegExp;
+export declare function isValidPluginId(id: string): boolean;
+export declare function kebabCase(name: string): string;
+export declare function remoteNameFromId(id: string): string;
+export declare function vendorFromId(id: string): string;

package/dist/names.js

@@ -0,0 +1,29 @@
+// Pure naming/validation helpers shared by the generator (generate.ts)
+// and the interactive CLI (index.ts).
+export const PLUGIN_TYPES = ["datatype", "section", "template", "theme", "integration", "utility", "bundle"];
+// The EXACT regex manifest-schema.ts's pluginIdSchema uses — an id this
+// accepts is an id validatePluginManifest accepts, so an invalid id can
+// never reach a generated manifest.
+export const PLUGIN_ID_REGEX = /^[a-z0-9-]+(\.[a-z0-9-]+)+$/i;
+export function isValidPluginId(id) {
+    return PLUGIN_ID_REGEX.test(id);
+}
+export function kebabCase(name) {
+    return name
+        .trim()
+        .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+}
+// Module Federation remote names must be valid JS identifiers.
+export function remoteNameFromId(id) {
+    const name = id.replace(/[^a-zA-Z0-9]/g, "_");
+    return /^[0-9]/.test(name) ? `plugin_${name}` : name;
+}
+// Default manifest author: the vendor segment of the reverse-domain id
+// (com.example.x → "example"; two-segment example.thing → "example").
+export function vendorFromId(id) {
+    const segments = id.split(".");
+    return segments.length >= 3 ? segments[1] : segments[0];
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "create-velora-plugin",
+  "version": "0.9.0",
+  "license": "Apache-2.0",
+  "type": "module",
+  "bin": {
+    "create-velora-plugin": "dist/index.js"
+  },
+  "main": "dist/generate.js",
+  "types": "dist/generate.d.ts",
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/velora-cms/velora.git",
+    "directory": "packages/create-velora-plugin"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@clack/prompts": "0.11.0"
+  },
+  "devDependencies": {
+    "@types/node": "20.19.43",
+    "@types/react": "19.2.17",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "@velora-cms/plugin-sdk": "0.9.0"
+  },
+  "scripts": {
+    "build": "tsc -p .",
+    "test": "vitest run"
+  }
+}

package/templates/base/README.md

@@ -0,0 +1,18 @@
+# __PLUGIN_NAME__
+
+A Velora __PLUGIN_TYPE__ plugin (`__PLUGIN_ID__`), scaffolded with
+`npm create velora-plugin`.
+
+## Commands
+
+- `npm run dev` — Vite dev server (the `velora-dev` sandbox's hot-reload
+  target)
+- `npm run build` — typecheck, then produce `dist/remoteEntry.js`
+- `npm run preview` — serve the built remote for sideload testing
+
+## Where to go from here
+
+- `src/plugin.tsx` is your plugin's manifest — the default export a
+  Velora host installs. Edit the example contribution to make it yours.
+- Keep `react`, `react-dom` and `@velora-cms/plugin-sdk` in vite.config.ts's
+  `shared` block: your views run against the HOST's copies at runtime.

package/templates/base/_gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

package/templates/base/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>__PKG_NAME__</title>
+  </head>
+  <body>
+    <!-- This package exists to serve remoteEntry.js; there is no app here. -->
+    <p>__PLUGIN_NAME__ — a Velora __PLUGIN_TYPE__ plugin. The useful artifact is <code>remoteEntry.js</code>.</p>
+  </body>
+</html>

package/templates/base/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "__PKG_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p . && vite build",
+    "preview": "vite preview",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@velora-cms/plugin-sdk": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@module-federation/vite": "1.16.12",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "4.7.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "typescript": "6.0.3",
+    "velora-dev": "^0.1.0",
+    "velora-plugin": "^0.1.0",
+    "vite": "6.4.3",
+    "vitest": "3.2.6"
+  }
+}

package/templates/base/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noEmit": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/templates/base/vite.config.ts

@@ -0,0 +1,40 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { federation } from '@module-federation/vite'
+
+export default defineConfig({
+  plugins: [
+    react(),
+    federation({
+      name: '__REMOTE_NAME__',
+      filename: 'remoteEntry.js',
+      exposes: {
+        './plugin': './src/plugin.tsx',
+      },
+      // Mirror of the Velora admin host's singletons: at runtime the
+      // plugin's react/SDK imports resolve to the HOST's copies — same
+      // registry, same context hooks. Never remove these.
+      shared: {
+        react: { singleton: true },
+        'react-dom': { singleton: true },
+        '@velora-cms/plugin-sdk': { singleton: true, requiredVersion: '*' },
+      },
+    }),
+  ],
+  build: {
+    target: 'chrome89',
+  },
+  server: {
+    // velora-dev's dev-mode hot reload (Session 79) fetches
+    // remoteEntry.js cross-origin from this dev server — needs its own
+    // CORS flag, same reason preview.cors exists below for the
+    // build+preview path.
+    cors: true,
+  },
+  preview: {
+    port: 5175,
+    // The Velora admin fetches remoteEntry.js cross-origin — Vite 6's
+    // tightened default CORS would block it.
+    cors: true,
+  },
+})

package/templates/bundle/src/plugin.ts

@@ -0,0 +1,30 @@
+import { type BundlePluginManifest } from '@velora-cms/plugin-sdk'
+
+const plugin: BundlePluginManifest = {
+  id: '__PLUGIN_ID__',
+  name: '__PLUGIN_NAME__',
+  version: '0.1.0',
+  type: 'bundle',
+  description: '__DESCRIPTION__',
+  author: '__AUTHOR__',
+  license: 'MIT',
+  cmsVersion: '^0.1.0',
+  databaseCompatibility: {
+    storageType: 'simple',
+    supported: ['postgresql', 'mysql', 'sqlite'],
+  },
+  permissions: {
+    needsStructuredData: false,
+    needsExternalNetwork: false,
+    needsFileSystemAccess: false,
+  },
+  contributions: {
+    // The listings this bundle installs together. Every id must be a
+    // published marketplace listing; paid bundles may only reference
+    // FREE members (the Month 13 monetization rule) — enforced at
+    // submission, not here.
+    bundledPlugins: ['com.example.some-plugin'],
+  },
+}
+
+export default plugin

package/templates/datatype/src/plugin.tsx

@@ -0,0 +1,62 @@
+import { definePlugin, type DataTypePluginManifest } from '@velora-cms/plugin-sdk'
+import { InputView, ReadOnlyView, SettingsView } from './views'
+
+// The field type this plugin contributes. Its id is deliberately distinct
+// from the plugin's own id — a plugin can ship several field types.
+export const exampleField = definePlugin({
+  id: '__DATATYPE_ID__',
+  name: '__PLUGIN_NAME__',
+  icon: 'puzzle',
+  version: '0.1.0',
+  type: 'datatype',
+  schema: {
+    type: 'object',
+    properties: {
+      text: { type: 'string' },
+    },
+    additionalProperties: false,
+  },
+  settingsSchema: {
+    type: 'object',
+    properties: {
+      placeholder: { type: 'string' },
+    },
+    additionalProperties: false,
+  },
+  defaultSettings: {},
+  views: {
+    input: InputView,
+    readOnly: ReadOnlyView,
+    settings: SettingsView,
+  },
+  serialize: (value) => value,
+  deserialize: (raw) => raw,
+})
+
+// The full manifest a Velora host installs — the default export.
+const plugin: DataTypePluginManifest = {
+  id: '__PLUGIN_ID__',
+  name: '__PLUGIN_NAME__',
+  version: '0.1.0',
+  type: 'datatype',
+  description: '__DESCRIPTION__',
+  author: '__AUTHOR__',
+  license: 'MIT',
+  cmsVersion: '^0.1.0',
+  databaseCompatibility: {
+    // 'simple' JSON key-value storage suits most datatype plugins and
+    // works on every database. 'structured' requires marketplace review.
+    storageType: 'simple',
+    supported: ['postgresql', 'mysql', 'sqlite'],
+  },
+  permissions: {
+    needsStructuredData: false,
+    needsExternalNetwork: false,
+    needsFileSystemAccess: false,
+  },
+  contributions: {
+    dataTypes: [exampleField],
+  },
+}
+
+export default plugin

package/templates/datatype/src/views.tsx

@@ -0,0 +1,51 @@
+import { Input, PropertyField, usePluginSettings, usePluginSettingsValue, usePluginValue } from '@velora-cms/plugin-sdk'
+
+// Example stored value — replace with your own shape, and keep
+// src/plugin.tsx's `schema` in sync with it.
+interface ExampleValue {
+  text?: string
+}
+
+// Example settings — replace, keeping src/plugin.tsx's `settingsSchema`
+// in sync. Admins set these per Data Type config in Velora's admin.
+interface ExampleSettings {
+  [key: string]: unknown
+  placeholder?: string
+}
+
+export function InputView() {
+  const { value, onChange } = usePluginValue<ExampleValue | null>()
+  const settings = usePluginSettings<ExampleSettings>()
+  return (
+    <PropertyField label="__PLUGIN_NAME__" htmlFor="__PKG_NAME__-text">
+      <Input
+        id="__PKG_NAME__-text"
+        value={value?.text ?? ''}
+        placeholder={settings.placeholder ?? ''}
+        onChange={(e) => onChange({ ...value, text: e.target.value })}
+      />
+    </PropertyField>
+  )
+}
+
+export function ReadOnlyView() {
+  const { value } = usePluginValue<ExampleValue | null>()
+  return <p>{value?.text ?? ''}</p>
+}
+
+export function SettingsView() {
+  const { value: settings, onChange } = usePluginSettingsValue<ExampleSettings>()
+  return (
+    <PropertyField
+      label="Placeholder text"
+      htmlFor="__PKG_NAME__-placeholder"
+      helpText="Shown in the empty input."
+    >
+      <Input
+        id="__PKG_NAME__-placeholder"
+        value={settings.placeholder ?? ''}
+        onChange={(e) => onChange({ ...settings, placeholder: e.target.value })}
+      />
+    </PropertyField>
+  )
+}

package/templates/integration/src/plugin.tsx

@@ -0,0 +1,31 @@
+import { type IntegrationPluginManifest } from '@velora-cms/plugin-sdk'
+
+const plugin: IntegrationPluginManifest = {
+  id: '__PLUGIN_ID__',
+  name: '__PLUGIN_NAME__',
+  version: '0.1.0',
+  type: 'integration',
+  description: '__DESCRIPTION__',
+  author: '__AUTHOR__',
+  license: 'MIT',
+  cmsVersion: '^0.1.0',
+  databaseCompatibility: {
+    storageType: 'simple',
+    supported: ['postgresql', 'mysql', 'sqlite'],
+  },
+  permissions: {
+    needsStructuredData: false,
+    needsExternalNetwork: false,
+    needsFileSystemAccess: false,
+  },
+  contributions: {
+    hooks: {
+      'content:afterSave': () => {
+        // Called after any content save — replace with your
+        // integration's sync/notify logic.
+      },
+    },
+  },
+}
+
+export default plugin

package/templates/section/src/plugin.tsx

@@ -0,0 +1,58 @@
+import { type SectionPluginManifest } from '@velora-cms/plugin-sdk'
+import { SectionView } from './views'
+
+const plugin: SectionPluginManifest = {
+  id: '__PLUGIN_ID__',
+  name: '__PLUGIN_NAME__',
+  version: '0.1.0',
+  type: 'section',
+  description: '__DESCRIPTION__',
+  author: '__AUTHOR__',
+  license: 'MIT',
+  cmsVersion: '^0.1.0',
+  databaseCompatibility: {
+    storageType: 'simple',
+    supported: ['postgresql', 'mysql', 'sqlite'],
+  },
+  permissions: {
+    needsStructuredData: false,
+    needsExternalNetwork: false,
+    needsFileSystemAccess: false,
+  },
+  contributions: {
+    adminSections: [
+      {
+        id: '__PKG_NAME__',
+        name: '__PLUGIN_NAME__',
+        icon: 'layout-grid',
+        view: SectionView,
+      },
+    ],
+    apiRoutes: [
+      {
+        method: 'GET',
+        // Mounted under /api/plugins/__PLUGIN_ID__/… by the host, so two
+        // plugins can never collide on a path.
+        path: '/status',
+        handler: () => ({ ok: true }),
+      },
+    ],
+    // Document types this plugin provisions at install (the server mints
+    // ids) — only 'section' and 'template' plugins may declare this
+    // contribution. Remove this array entirely if your plugin doesn't
+    // need one. The datatypeId below is the built-in Text data type's id
+    // (packages/api-schemas/src/data-type-config.schema.ts).
+    documentTypes: [
+      {
+        name: 'Example Item',
+        icon: 'file',
+        kind: 'page',
+        fields: [{ id: 'title', name: 'Title', datatypeId: 'b1e00000-0000-4000-8000-000000000001' }],
+        tabs: [],
+        treeRules: { allowedAtRoot: true, allowedParentTypes: [], allowedChildTypes: [] },
+      },
+    ],
+  },
+}
+
+export default plugin

package/templates/section/src/views.tsx

@@ -0,0 +1,9 @@
+import { Panel } from '@velora-cms/plugin-sdk'
+
+export function SectionView() {
+  return (
+    <Panel>
+      <p>__PLUGIN_NAME__ — your admin section starts here.</p>
+    </Panel>
+  )
+}

package/templates/template/src/plugin.tsx

@@ -0,0 +1,41 @@
+import { type TemplatePluginManifest } from '@velora-cms/plugin-sdk'
+
+const plugin: TemplatePluginManifest = {
+  id: '__PLUGIN_ID__',
+  name: '__PLUGIN_NAME__',
+  version: '0.1.0',
+  type: 'template',
+  description: '__DESCRIPTION__',
+  author: '__AUTHOR__',
+  license: 'MIT',
+  cmsVersion: '^0.1.0',
+  databaseCompatibility: {
+    storageType: 'simple',
+    supported: ['postgresql', 'mysql', 'sqlite'],
+  },
+  permissions: {
+    needsStructuredData: false,
+    needsExternalNetwork: false,
+    needsFileSystemAccess: false,
+  },
+  contributions: {
+    // Document types this template provisions at install — the same
+    // creation shape the admin's Document Type builder uses.
+    documentTypes: [
+      {
+        name: '__PLUGIN_NAME__ Page',
+        icon: 'file-text',
+        kind: 'page',
+        tabs: [],
+        fields: [],
+        treeRules: {
+          allowedAtRoot: true,
+          allowedParentTypes: [],
+          allowedChildTypes: [],
+        },
+      },
+    ],
+  },
+}
+
+export default plugin

package/templates/theme/src/plugin.tsx

@@ -0,0 +1,35 @@
+import { type ThemePluginManifest } from '@velora-cms/plugin-sdk'
+
+const plugin: ThemePluginManifest = {
+  id: '__PLUGIN_ID__',
+  name: '__PLUGIN_NAME__',
+  version: '0.1.0',
+  type: 'theme',
+  description: '__DESCRIPTION__',
+  author: '__AUTHOR__',
+  license: 'MIT',
+  cmsVersion: '^0.1.0',
+  databaseCompatibility: {
+    storageType: 'simple',
+    supported: ['postgresql', 'mysql', 'sqlite'],
+  },
+  permissions: {
+    needsStructuredData: false,
+    needsExternalNetwork: false,
+    needsFileSystemAccess: false,
+  },
+  contributions: {
+    // Themes override design TOKENS only (color scales + radius) — never
+    // components. Applying the theme re-skins the whole admin, including
+    // other plugins' UIs, via CSS variables.
+    themeTokens: {
+      color: {
+        primary: {
+          '500': '#6366F1',
+        },
+      },
+    },
+  },
+}
+
+export default plugin

package/templates/utility/src/plugin.tsx

@@ -0,0 +1,33 @@
+import { type UtilityPluginManifest } from '@velora-cms/plugin-sdk'
+import { WidgetView } from './views'
+
+const plugin: UtilityPluginManifest = {
+  id: '__PLUGIN_ID__',
+  name: '__PLUGIN_NAME__',
+  version: '0.1.0',
+  type: 'utility',
+  description: '__DESCRIPTION__',
+  author: '__AUTHOR__',
+  license: 'MIT',
+  cmsVersion: '^0.1.0',
+  databaseCompatibility: {
+    storageType: 'simple',
+    supported: ['postgresql', 'mysql', 'sqlite'],
+  },
+  permissions: {
+    needsStructuredData: false,
+    needsExternalNetwork: false,
+    needsFileSystemAccess: false,
+  },
+  contributions: {
+    dashboardWidgets: [
+      {
+        id: '__PKG_NAME__',
+        name: '__PLUGIN_NAME__',
+        view: WidgetView,
+      },
+    ],
+  },
+}
+
+export default plugin

package/templates/utility/src/views.tsx

@@ -0,0 +1,9 @@
+import { Panel } from '@velora-cms/plugin-sdk'
+
+export function WidgetView() {
+  return (
+    <Panel>
+      <p>__PLUGIN_NAME__ — your dashboard widget starts here.</p>
+    </Panel>
+  )
+}