vite-plugin-decap-cms 0.1.0 → 0.2.0

package/README.md

@@ -6,8 +6,7 @@
 ![NPM Downloads](https://img.shields.io/npm/dm/vite-plugin-decap-cms)
 ![GitHub Issues or Pull Requests](https://img.shields.io/github/issues/ghostrider-05/vite-plugin-decap-cms)
 
-
-> [!DANGER] Unstable version
+> [!WARNING]
 > This plugin has not reached a stable version, 1.0.0, and can include breaking changes following the semver specification. This plugin is open for contributions, both for code, suggestions and (missing) documentation.
 
 ## Install
@@ -53,9 +52,11 @@ export default defineConfig({
 })
 ```
 
+For more options and guides, see [the documentation](https://vite-plugin-decap-cms.pages.dev)
+
 ## Example
 
-See [the documentation](https://vite-plugin-decap.pages.dev) for an example
+See [the documentation CMS](https://vite-plugin-decap-cms.pages.dev/admin/index.html) for an example
 
 ## Development
 

package/dist/index.cjs

@@ -58,6 +58,7 @@ __export(src_exports, {
   getGitData: () => getGitData
 });
 module.exports = __toCommonJS(src_exports);
+var import_child_process2 = require("child_process");
 var import_yaml = require("yaml");
 
 // src/util.ts
@@ -139,35 +140,41 @@ var VitePress = class {
       createOverwriteableField("boolean", {
         name: "sidebar",
         label: "Whether to display the sidebar",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.sidebar),
       // TODO: add aside 'left' option
       createOverwriteableField("boolean", {
         name: "aside",
         label: "Whether to display the aside container",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.aside),
       // TODO: add support for [number, number] | 'deep' | false
       createOverwriteableField("number", {
         name: "outline",
         label: "The header levels in the outline",
-        default: 2
+        default: 2,
+        required: false
       }, overwrites == null ? void 0 : overwrites.outline),
       // TODO: add support for Date 
       createOverwriteableField("boolean", {
         name: "lastUpdated",
         label: "Whether to display last updated text",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.lastUpdated),
       createOverwriteableField("boolean", {
         name: "editLink",
         label: "Whether to display edit link text",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.editLink),
       createOverwriteableField("boolean", {
         name: "footer",
         label: "Whether to display footer text",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.footer),
       createOverwriteableField("string", {
         name: "pageClass",
@@ -296,71 +303,148 @@ function createConfigFile(config, command) {
 }
 
 // src/script.ts
+function createCmsFunction(method, items, createParams, options) {
+  var _a;
+  const create = (params) => {
+    var _a2;
+    return `${(_a2 = options == null ? void 0 : options.base) != null ? _a2 : "CMS"}.${method}(${params})`;
+  };
+  return (items != null ? items : []).map((item) => {
+    const params = createParams(item);
+    if (!params)
+      return null;
+    else
+      return create(params);
+  }).filter(Boolean).join((_a = options == null ? void 0 : options.joinChar) != null ? _a : "\n");
+}
 function createScript(options) {
   const _a = options, {
     useManualInitialization,
+    markdownEditorComponents,
+    formatters,
+    previewStylesheets,
     onGenerated: onGenerated,
     onInitialized
   } = _a, eventHooks = __objRest(_a, [
     "useManualInitialization",
+    "markdownEditorComponents",
+    "formatters",
+    "previewStylesheets",
+    // previewTemplates,
+    // widgets,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     "onGenerated",
     "onInitialized"
   ]);
-  const events = Object.keys(eventHooks).map((hookName) => {
+  const events = createCmsFunction("registerEventListener", Object.keys(eventHooks), (hookName) => {
     const hook = eventHooks[hookName];
     if (!hook)
       return null;
     else {
       const name = hookName.slice(2)[0].toLowerCase() + hookName.slice(3);
-      return `CMS.registerEventListener({ name: '${name}', handler: data => { function ${hook.toString()}; ${hookName}({ app: CMS, ...data }) } })`;
+      return `{ name: '${name}', handler: data => { function ${hook.toString()}; ${hookName}({ app: CMS, ...data }) } }`;
     }
-  }).join("\n");
+  });
+  const customFormatters = createCmsFunction("registerCustomFormat", formatters, ({ name, extension, formatter }) => {
+    return `'${name}', '${extension}', ${formatter.toString()}`;
+  });
+  const customStyles = createCmsFunction("registerPreviewStyle", previewStylesheets, (style) => {
+    return typeof style === "string" ? style : `${style.style}, { raw: ${style.options.raw} }`;
+  });
+  const editorComponents = createCmsFunction("registerEditorComponent", markdownEditorComponents, (item) => {
+    const _a2 = item, { pattern, toPreview, toBlock, fromBlock } = _a2, component = __objRest(_a2, ["pattern", "toPreview", "toBlock", "fromBlock"]);
+    return `{ pattern: ${pattern}, toPreview: ${toPreview.toString()}, toBlock: ${toBlock.toString()}, fromBlock: ${fromBlock.toString()}, ...${JSON.stringify(component)}}`;
+  });
   return `
 <script>
 ${useManualInitialization ? "window.CMS_MANUAL_INIT = true;" : ""}
 ${onInitialized != void 0 ? `window.onload = () => { function ${onInitialized.toString()}; onInitialized({ app: CMS }) }` : ""}
+${customFormatters}
+${customStyles}
 ${events}
+${editorComponents}
 </script>`;
 }
 
 // src/files/index.ts
+var defaultDecapCmsCdnVersion = "3.1.3";
+var defaultNetlifyIdentityVersion = "1";
+var addSlash = (path, slash = "/") => path.endsWith(slash) ? path : path + slash;
 function resolveCdnRoute(options) {
-  const getUrl = (host = "https://unpkg.com/", version = "3.1.3") => {
-    return `${host.endsWith("/") ? host : host + "/"}decap-cms@^${version}/dist/decap-cms.js`;
+  const getUrl = (host = "https://unpkg.com/", version = defaultDecapCmsCdnVersion) => {
+    return `${addSlash(host)}decap-cms@^${version}/dist/decap-cms.js`;
   };
   return typeof options === "boolean" ? options ? getUrl() : void 0 : typeof options === "string" ? options : options != void 0 ? getUrl(options.base, options.version) : void 0;
 }
-function getIndexFeatures(options) {
-  var _a, _b;
-  function useNetlifyIdentity(options2) {
-    return options2.config.backend.name === "git-gateway";
-  }
+function resolveHead(head) {
+  return head.reduce((output, config) => {
+    if (typeof config === "string")
+      return output.concat(config);
+    if ("skip" in config) {
+      if (config.skip)
+        return output;
+      if (typeof config.head === "string")
+        return output.concat(config.head);
+    }
+    const item = "head" in config ? config.head : config;
+    let str = `<${item[0]}`;
+    for (const key in item[1]) {
+      str += ` ${key}="${item[1][key]}"`;
+    }
+    str += item[0] === "meta" ? "/>" : ">";
+    if (item[2] == void 0)
+      return output.concat(str);
+    str += item[2] + `</${item[0]}>`;
+    return output.concat(str);
+  }, []);
+}
+function getIndexFeatures(config, loadOptions) {
+  var _a;
+  const configRoute = config.dir ? addSlash(config.dir) + "config.yml" : void 0;
   return {
-    cdn_route: resolveCdnRoute(options.load == void 0 || options.load.method === "cdn" ? (_b = (_a = options.load) == null ? void 0 : _a.options) != null ? _b : true : void 0),
-    custom_logo: "logoUrl" in options.config ? options.config.logoUrl != void 0 : "logo_url" in options.config ? options.config.logo_url != void 0 : false,
-    netlify_identity: useNetlifyIdentity(options),
-    config_route: options.config.dir ? options.config.dir + (!options.config.dir.endsWith("/") ? "/" : "") + "config.yml" : void 0
+    cdn_route: resolveCdnRoute(loadOptions == void 0 || loadOptions.method === "cdn" ? (_a = loadOptions == null ? void 0 : loadOptions.options) != null ? _a : true : void 0),
+    custom_logo: "logoUrl" in config ? config.logoUrl != void 0 : "logo_url" in config ? config.logo_url != void 0 : false,
+    head: (options) => {
+      var _a2, _b, _c;
+      return resolveHead([
+        ["meta", { charset: "utf-8" }],
+        ["meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }],
+        ["meta", { name: "robots", content: "noindex" }],
+        ...(_a2 = options == null ? void 0 : options.head) != null ? _a2 : [],
+        ["title", {}, (_b = options == null ? void 0 : options.title) != null ? _b : "Content Manager"],
+        {
+          head: ["link", { rel: "favicon", ref: (_c = options == null ? void 0 : options.icon) != null ? _c : "" }],
+          skip: (options == null ? void 0 : options.icon) == void 0
+        },
+        {
+          head: ["script", { src: `https://identity.netlify.com/v${defaultNetlifyIdentityVersion}/netlify-identity-widget.js` }],
+          skip: config.backend.name !== "git-gateway"
+        },
+        {
+          head: ["link", { type: "text/yaml", rel: "cms-config-url", href: configRoute }],
+          skip: configRoute == void 0
+        }
+      ]);
+    }
   };
 }
-function createIndexFile(_options) {
+function createIndexFile(pluginOptions) {
   var _a, _b;
-  const features = getIndexFeatures(_options);
-  const options = _options.login;
-  const identifyScript = '<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>';
+  const { config, load, login: options, script } = pluginOptions;
+  if (options == null ? void 0 : options.html)
+    return options.html;
+  const features = getIndexFeatures(config, load);
   return `<!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="robots" content="noindex" />
-        <title>${(_a = options == null ? void 0 : options.title) != null ? _a : "Content Manager"}</title>${features.netlify_identity ? identifyScript : ""}
-        ${features.config_route ? `<link href="${features.config_route}" type="text/yaml" rel="cms-config-url">` : ""}
-        ${((_b = options == null ? void 0 : options.head) != null ? _b : []).join("\n" + " ".repeat(8))}
+        ${features.head(options).join("\n" + " ".repeat(8))}
     </head>
     <body>
         ${features.cdn_route ? `<script src="${features.cdn_route}"></script>` : ""}
-        ${_options.script ? createScript(_options.script) : ""}
+        ${script ? createScript(script) : ""}
+        ${((_a = pluginOptions.login) == null ? void 0 : _a.additionalHtml) ? `${(_b = pluginOptions.login) == null ? void 0 : _b.additionalHtml}
+
+<div id="nc-root"></div>` : ""}
     </body>
 </html>${features.custom_logo ? `
 
@@ -394,8 +478,24 @@ function validateLoadOptions(options) {
   if (!valid)
     throw new Error("Invalid load options for decap-cms provided");
 }
+function runProxy(options) {
+  var _a, _b, _c, _d, _e;
+  const proxy = (0, import_child_process2.exec)("npx decap-server", __spreadProps(__spreadValues({}, (_a = options == null ? void 0 : options.process) != null ? _a : {}), {
+    env: __spreadProps(__spreadValues({}, (_c = (_b = options == null ? void 0 : options.process) == null ? void 0 : _b.env) != null ? _c : {}), {
+      PORT: ((_d = options == null ? void 0 : options.port) != null ? _d : 8081).toString()
+    })
+  }));
+  (_e = proxy.stdout) == null ? void 0 : _e.pipe(process.stdout);
+  proxy.on("error", (err) => {
+    if ("code" in err && err.code === "EADDRINUSE") {
+      console.log("[PROXY] Port is already used");
+    } else
+      throw err;
+  });
+  process.on("beforeExit", () => proxy.kill());
+}
 async function updateConfig(options, config) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   validateLoadOptions(options.load);
   const loginFile = createIndexFile(options);
   const configFile = createConfigFile(options.config, config.command);
@@ -410,9 +510,12 @@ async function updateConfig(options, config) {
       ]
     }
   );
-  await ((_d = (_c = options.script) == null ? void 0 : _c.onConfigUpdated) == null ? void 0 : _d.call(_c));
+  if (config.command === "serve" && configFile.local_backend !== false && ((_d = (_c = options.proxy) == null ? void 0 : _c.enabled) != null ? _d : true)) {
+    runProxy(options.proxy);
+  }
+  await ((_f = (_e = options.script) == null ? void 0 : _e.onConfigUpdated) == null ? void 0 : _f.call(_e));
   if (config.command === "build") {
-    await ((_f = (_e = options.script) == null ? void 0 : _e.onGenerated) == null ? void 0 : _f.call(_e));
+    await ((_h = (_g = options.script) == null ? void 0 : _g.onGenerated) == null ? void 0 : _h.call(_g));
   }
 }
 function VitePluginDecapCMS(options) {

package/dist/index.d.cts

@@ -1,13 +1,24 @@
-import * as vite from 'vite';
 import { Plugin } from 'vite';
 import * as yaml from 'yaml';
 import * as decap_cms_core from 'decap-cms-core';
-import { CmsEventListener, CMS, CmsFieldMarkdown, CmsField, CmsFieldMeta, CmsCollectionFile, CmsConfig, CmsLocalBackend, CmsBackend, CmsFieldStringOrText, CmsFieldBase, CmsCollection } from 'decap-cms-core';
+import { CmsEventListener, CMS, EditorComponentOptions, Formatter, CmsFieldMarkdown, CmsField, CmsFieldMeta, CmsCollectionFile, CmsConfig, CmsLocalBackend, CmsBackend, CmsFieldStringOrText, CmsFieldBase, CmsCollection } from 'decap-cms-core';
+import { ExecOptions } from 'child_process';
 
 interface CmsHookContext {
     app: CMS;
 }
 type CmsEventHookContext = CmsHookContext & Parameters<CmsEventListener['handler']>[0];
+type CmsEditorComponentOptions = EditorComponentOptions & {
+    id: string;
+    label: string;
+    pattern: RegExp;
+    fields: DecapCmsField[];
+};
+interface CmsEditorFormatter {
+    name: string;
+    extension: string;
+    formatter: Formatter;
+}
 type ScriptOptions = {
     [event in `on${Capitalize<CmsEventListener['name']>}`]?: (ctx: CmsEventHookContext) => Promise<void> | void;
 } & {
@@ -40,8 +51,34 @@ type ScriptOptions = {
      *
      * cms.init()
      * ```
+     *
+     * @see https://decapcms.org/docs/manual-initialization/
+     * @default false
      */
     useManualInitialization?: boolean;
+    /**
+     * Register custom components to use in the rich text markdown editor field
+     * @see https://decapcms.org/docs/custom-widgets/
+     */
+    markdownEditorComponents?: CmsEditorComponentOptions[];
+    /**
+     * Register custom file formatters.
+     * @see https://decapcms.org/docs/custom-formatters/
+     * @default []
+     */
+    formatters?: CmsEditorFormatter[];
+    /**
+     * Register custom styles to use in the CMS
+     * Either pass the filename of the stylesheet or with `options.raw` pass the raw styles imported.
+     * @see https://decapcms.org/docs/customization/
+     * @default []
+     */
+    previewStylesheets?: (string | {
+        style: string;
+        options: {
+            raw: true;
+        };
+    })[];
 };
 
 type CamelToSnakeCase<S extends string, I extends string = never> = S extends `${infer T}${infer U}` ? S extends I ? S : `${T extends Capitalize<T> ? '_' : ''}${Lowercase<T>}${CamelToSnakeCase<U>}` : S;
@@ -53,6 +90,8 @@ type KeysToCamelCase<T> = {
     [K in keyof T as CamelCase<string & K>]: T[K] extends {} ? KeysToCamelCase<T[K]> : T[K];
 };
 type PickRequired<O extends object, K extends keyof O> = Omit<O, K> & Required<Pick<O, K>>;
+type EnvContextOption = boolean | 'dev' | 'prod';
+type EnvDevContextOption = Exclude<EnvContextOption, 'prod'>;
 type CollectionType = 'file' | 'folder';
 type DecapCmsMarkdownFieldRenderOptions = KeysToCamelCase<Omit<CmsFieldMarkdown, 'widget' | 'default' | 'editorComponents'>>;
 type DecapCmsField = KeysToCamelCase<CmsField>;
@@ -70,7 +109,7 @@ type DecapCmsCollection<Type extends CollectionType = CollectionType> = Type ext
 }> : never;
 type DecapCmsConfig = KeysToCamelCase<Omit<CmsConfig, 'local_backend' | 'backend' | 'collections' | 'load_config_file'>> & {
     backend: {
-        local?: boolean | 'dev' | KeysToCamelCase<CmsLocalBackend>;
+        local?: EnvDevContextOption | KeysToCamelCase<CmsLocalBackend>;
         /**
          * Overwrite the branch specified in `backend.branch`
          * - true: always use current branch
@@ -79,7 +118,7 @@ type DecapCmsConfig = KeysToCamelCase<Omit<CmsConfig, 'local_backend' | 'backend
          * - 'prod': ony use the current branch when building the site
          * @default false
          */
-        useCurrentBranch?: boolean | 'dev' | 'prod';
+        useCurrentBranch?: EnvContextOption;
     } & KeysToCamelCase<CmsBackend>;
     collections: DecapCmsCollection[];
     /**
@@ -93,11 +132,62 @@ type CdnLinkOptions = string | {
     version?: string;
     base?: string;
 };
+type HeadConfig = string | [string, Record<string, string>] | [string, Record<string, string>, string];
 interface LoginPageOptions {
+    /**
+     * The title for the CMS pages
+     * @default 'Content Manager'
+     */
     title?: string;
-    head?: string[];
+    /**
+     * The favicon for the CMS pages
+     */
+    icon?: string;
+    /**
+     * Additional head items for the page.
+     * The following items are configured already:
+     * - title
+     * - viewport
+     * - robots
+     * - charset
+     * - favicon (if used in the config)
+     * - Netlify Identity script (if used in the config)
+     * - custom config path (if used in the config)
+     */
+    head?: HeadConfig[];
+    /**
+     * Replace the login page with your own html
+     */
+    html?: string;
+    /**
+     * Instead of replacing all html, load this next to the CMS Editor for a custom footer, nav, etc.
+     */
+    additionalHtml?: string;
+    /**
+     * The version of Netlify Identity to use
+     * @default '1'
+     */
+    netlifyIdentityVersion?: string;
 }
 type YmlStringifyOptions = Parameters<typeof yaml.stringify>;
+interface DecapProxyOptions {
+    /**
+     * If using local backend AND Vite dev mode is running, control whether to run the decap-server proxy.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Run the proxy on a different port.
+     * Does not change the local backend allowed hosts
+     * @default 8081
+     */
+    port?: number;
+    /**
+     * Pass any option to use in the child process
+     * @default undefined
+     */
+    process?: ExecOptions;
+}
 interface Options {
     /**
      * How to load Decap CMS
@@ -128,6 +218,10 @@ interface Options {
      * Run custom JS to enhance the CMS
      */
     script?: ScriptOptions;
+    /**
+     * Options for the Decap server proxy
+     */
+    proxy?: DecapProxyOptions;
     /**
      * Yml stringify options for writing the config.yml file
      */
@@ -142,11 +236,11 @@ declare function getGitData(): {
     readonly commitSha: string | undefined;
 };
 declare function createField<T extends DecapCmsFieldType>(widget: T, data: Omit<DecapCmsFieldWidget<T>, 'widget'>): DecapCmsFieldWidget<T>;
-declare function createFolderCollection(data: DecapCmsCollection<'folder'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "files" | "fields">> & {
+declare function createFolderCollection(data: DecapCmsCollection<'folder'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "fields" | "files">> & {
     fields: DecapCmsField[];
 };
 declare function createFile(data: DecapCmsCollectionFile): DecapCmsCollectionFile;
-declare function createFileCollection(data: DecapCmsCollection<'file'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "files" | "fields">> & {
+declare function createFileCollection(data: DecapCmsCollection<'file'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "fields" | "files">> & {
     files: DecapCmsCollectionFile[];
 };
 type OverwriteOptions = Omit<CmsFieldBase, 'name'> & {
@@ -204,45 +298,11 @@ declare class VitePress {
     }): DecapCmsCollectionFile;
     static createDefaultPageFileCollection(name: string, files: Parameters<typeof VitePress['createDefaultPageFile']>[], options?: {
         collection?: Partial<Omit<DecapCmsCollection<'file'>, 'name' | 'files'>>;
-    }): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "files" | "fields">> & {
+    }): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "fields" | "files">> & {
         files: DecapCmsCollectionFile[];
     };
 }
 
-declare function VitePluginDecapCMS(options: Options): {
-    name: string;
-    configResolved(this: void, config: Readonly<Omit<vite.UserConfig, "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker" | "build"> & {
-        configFile: string | undefined;
-        configFileDependencies: string[];
-        inlineConfig: vite.InlineConfig;
-        root: string;
-        base: string;
-        publicDir: string;
-        cacheDir: string;
-        command: "build" | "serve";
-        mode: string;
-        isWorker: boolean;
-        isProduction: boolean;
-        envDir: string;
-        env: Record<string, any>;
-        resolve: Required<vite.ResolveOptions> & {
-            alias: vite.Alias[];
-        };
-        plugins: readonly Plugin<any>[];
-        css: vite.ResolvedCSSOptions;
-        esbuild: false | vite.ESBuildOptions;
-        server: vite.ResolvedServerOptions;
-        build: vite.ResolvedBuildOptions;
-        preview: vite.ResolvedPreviewOptions;
-        ssr: vite.ResolvedSSROptions;
-        assetsInclude: (file: string) => boolean;
-        logger: vite.Logger;
-        createResolver: (options?: Partial<vite.InternalResolveOptions> | undefined) => vite.ResolveFn;
-        optimizeDeps: vite.DepOptimizationOptions;
-        worker: vite.ResolvedWorkerOptions;
-        appType: vite.AppType;
-        experimental: vite.ExperimentalOptions;
-    } & vite.PluginHookUtils>): Promise<void>;
-};
+declare function VitePluginDecapCMS(options: Options): Plugin;
 
-export { type CdnLinkOptions, type CollectionType, type DecapCmsCollection, type DecapCmsCollectionFile, type DecapCmsConfig, type DecapCmsField, type DecapCmsFieldType, type DecapCmsFieldWidget, type DecapCmsMarkdownFieldRenderOptions, type KeysToCamelCase, type KeysToSnakeCase, type LoginPageOptions, type Options, type OverwriteOptions, VitePress, type VitePressDefaultThemeFieldOptions, type VitePressDefaultThemeFrontmatterKeys, type VitePressFieldOptions, type VitePressPageFrontmatterKeys, createField, createFile, createFileCollection, createFolderCollection, VitePluginDecapCMS as default, getGitData };
+export { type CdnLinkOptions, type CollectionType, type DecapCmsCollection, type DecapCmsCollectionFile, type DecapCmsConfig, type DecapCmsField, type DecapCmsFieldType, type DecapCmsFieldWidget, type DecapCmsMarkdownFieldRenderOptions, type DecapProxyOptions, type EnvContextOption, type EnvDevContextOption, type HeadConfig, type KeysToCamelCase, type KeysToSnakeCase, type LoginPageOptions, type Options, type OverwriteOptions, VitePress, type VitePressDefaultThemeFieldOptions, type VitePressDefaultThemeFrontmatterKeys, type VitePressFieldOptions, type VitePressPageFrontmatterKeys, createField, createFile, createFileCollection, createFolderCollection, VitePluginDecapCMS as default, getGitData };

package/dist/index.d.ts

@@ -1,13 +1,24 @@
-import * as vite from 'vite';
 import { Plugin } from 'vite';
 import * as yaml from 'yaml';
 import * as decap_cms_core from 'decap-cms-core';
-import { CmsEventListener, CMS, CmsFieldMarkdown, CmsField, CmsFieldMeta, CmsCollectionFile, CmsConfig, CmsLocalBackend, CmsBackend, CmsFieldStringOrText, CmsFieldBase, CmsCollection } from 'decap-cms-core';
+import { CmsEventListener, CMS, EditorComponentOptions, Formatter, CmsFieldMarkdown, CmsField, CmsFieldMeta, CmsCollectionFile, CmsConfig, CmsLocalBackend, CmsBackend, CmsFieldStringOrText, CmsFieldBase, CmsCollection } from 'decap-cms-core';
+import { ExecOptions } from 'child_process';
 
 interface CmsHookContext {
     app: CMS;
 }
 type CmsEventHookContext = CmsHookContext & Parameters<CmsEventListener['handler']>[0];
+type CmsEditorComponentOptions = EditorComponentOptions & {
+    id: string;
+    label: string;
+    pattern: RegExp;
+    fields: DecapCmsField[];
+};
+interface CmsEditorFormatter {
+    name: string;
+    extension: string;
+    formatter: Formatter;
+}
 type ScriptOptions = {
     [event in `on${Capitalize<CmsEventListener['name']>}`]?: (ctx: CmsEventHookContext) => Promise<void> | void;
 } & {
@@ -40,8 +51,34 @@ type ScriptOptions = {
      *
      * cms.init()
      * ```
+     *
+     * @see https://decapcms.org/docs/manual-initialization/
+     * @default false
      */
     useManualInitialization?: boolean;
+    /**
+     * Register custom components to use in the rich text markdown editor field
+     * @see https://decapcms.org/docs/custom-widgets/
+     */
+    markdownEditorComponents?: CmsEditorComponentOptions[];
+    /**
+     * Register custom file formatters.
+     * @see https://decapcms.org/docs/custom-formatters/
+     * @default []
+     */
+    formatters?: CmsEditorFormatter[];
+    /**
+     * Register custom styles to use in the CMS
+     * Either pass the filename of the stylesheet or with `options.raw` pass the raw styles imported.
+     * @see https://decapcms.org/docs/customization/
+     * @default []
+     */
+    previewStylesheets?: (string | {
+        style: string;
+        options: {
+            raw: true;
+        };
+    })[];
 };
 
 type CamelToSnakeCase<S extends string, I extends string = never> = S extends `${infer T}${infer U}` ? S extends I ? S : `${T extends Capitalize<T> ? '_' : ''}${Lowercase<T>}${CamelToSnakeCase<U>}` : S;
@@ -53,6 +90,8 @@ type KeysToCamelCase<T> = {
     [K in keyof T as CamelCase<string & K>]: T[K] extends {} ? KeysToCamelCase<T[K]> : T[K];
 };
 type PickRequired<O extends object, K extends keyof O> = Omit<O, K> & Required<Pick<O, K>>;
+type EnvContextOption = boolean | 'dev' | 'prod';
+type EnvDevContextOption = Exclude<EnvContextOption, 'prod'>;
 type CollectionType = 'file' | 'folder';
 type DecapCmsMarkdownFieldRenderOptions = KeysToCamelCase<Omit<CmsFieldMarkdown, 'widget' | 'default' | 'editorComponents'>>;
 type DecapCmsField = KeysToCamelCase<CmsField>;
@@ -70,7 +109,7 @@ type DecapCmsCollection<Type extends CollectionType = CollectionType> = Type ext
 }> : never;
 type DecapCmsConfig = KeysToCamelCase<Omit<CmsConfig, 'local_backend' | 'backend' | 'collections' | 'load_config_file'>> & {
     backend: {
-        local?: boolean | 'dev' | KeysToCamelCase<CmsLocalBackend>;
+        local?: EnvDevContextOption | KeysToCamelCase<CmsLocalBackend>;
         /**
          * Overwrite the branch specified in `backend.branch`
          * - true: always use current branch
@@ -79,7 +118,7 @@ type DecapCmsConfig = KeysToCamelCase<Omit<CmsConfig, 'local_backend' | 'backend
          * - 'prod': ony use the current branch when building the site
          * @default false
          */
-        useCurrentBranch?: boolean | 'dev' | 'prod';
+        useCurrentBranch?: EnvContextOption;
     } & KeysToCamelCase<CmsBackend>;
     collections: DecapCmsCollection[];
     /**
@@ -93,11 +132,62 @@ type CdnLinkOptions = string | {
     version?: string;
     base?: string;
 };
+type HeadConfig = string | [string, Record<string, string>] | [string, Record<string, string>, string];
 interface LoginPageOptions {
+    /**
+     * The title for the CMS pages
+     * @default 'Content Manager'
+     */
     title?: string;
-    head?: string[];
+    /**
+     * The favicon for the CMS pages
+     */
+    icon?: string;
+    /**
+     * Additional head items for the page.
+     * The following items are configured already:
+     * - title
+     * - viewport
+     * - robots
+     * - charset
+     * - favicon (if used in the config)
+     * - Netlify Identity script (if used in the config)
+     * - custom config path (if used in the config)
+     */
+    head?: HeadConfig[];
+    /**
+     * Replace the login page with your own html
+     */
+    html?: string;
+    /**
+     * Instead of replacing all html, load this next to the CMS Editor for a custom footer, nav, etc.
+     */
+    additionalHtml?: string;
+    /**
+     * The version of Netlify Identity to use
+     * @default '1'
+     */
+    netlifyIdentityVersion?: string;
 }
 type YmlStringifyOptions = Parameters<typeof yaml.stringify>;
+interface DecapProxyOptions {
+    /**
+     * If using local backend AND Vite dev mode is running, control whether to run the decap-server proxy.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Run the proxy on a different port.
+     * Does not change the local backend allowed hosts
+     * @default 8081
+     */
+    port?: number;
+    /**
+     * Pass any option to use in the child process
+     * @default undefined
+     */
+    process?: ExecOptions;
+}
 interface Options {
     /**
      * How to load Decap CMS
@@ -128,6 +218,10 @@ interface Options {
      * Run custom JS to enhance the CMS
      */
     script?: ScriptOptions;
+    /**
+     * Options for the Decap server proxy
+     */
+    proxy?: DecapProxyOptions;
     /**
      * Yml stringify options for writing the config.yml file
      */
@@ -142,11 +236,11 @@ declare function getGitData(): {
     readonly commitSha: string | undefined;
 };
 declare function createField<T extends DecapCmsFieldType>(widget: T, data: Omit<DecapCmsFieldWidget<T>, 'widget'>): DecapCmsFieldWidget<T>;
-declare function createFolderCollection(data: DecapCmsCollection<'folder'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "files" | "fields">> & {
+declare function createFolderCollection(data: DecapCmsCollection<'folder'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "fields" | "files">> & {
     fields: DecapCmsField[];
 };
 declare function createFile(data: DecapCmsCollectionFile): DecapCmsCollectionFile;
-declare function createFileCollection(data: DecapCmsCollection<'file'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "files" | "fields">> & {
+declare function createFileCollection(data: DecapCmsCollection<'file'>): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "fields" | "files">> & {
     files: DecapCmsCollectionFile[];
 };
 type OverwriteOptions = Omit<CmsFieldBase, 'name'> & {
@@ -204,45 +298,11 @@ declare class VitePress {
     }): DecapCmsCollectionFile;
     static createDefaultPageFileCollection(name: string, files: Parameters<typeof VitePress['createDefaultPageFile']>[], options?: {
         collection?: Partial<Omit<DecapCmsCollection<'file'>, 'name' | 'files'>>;
-    }): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "files" | "fields">> & {
+    }): KeysToCamelCase<Omit<decap_cms_core.CmsCollection, "fields" | "files">> & {
         files: DecapCmsCollectionFile[];
     };
 }
 
-declare function VitePluginDecapCMS(options: Options): {
-    name: string;
-    configResolved(this: void, config: Readonly<Omit<vite.UserConfig, "plugins" | "css" | "assetsInclude" | "optimizeDeps" | "worker" | "build"> & {
-        configFile: string | undefined;
-        configFileDependencies: string[];
-        inlineConfig: vite.InlineConfig;
-        root: string;
-        base: string;
-        publicDir: string;
-        cacheDir: string;
-        command: "build" | "serve";
-        mode: string;
-        isWorker: boolean;
-        isProduction: boolean;
-        envDir: string;
-        env: Record<string, any>;
-        resolve: Required<vite.ResolveOptions> & {
-            alias: vite.Alias[];
-        };
-        plugins: readonly Plugin<any>[];
-        css: vite.ResolvedCSSOptions;
-        esbuild: false | vite.ESBuildOptions;
-        server: vite.ResolvedServerOptions;
-        build: vite.ResolvedBuildOptions;
-        preview: vite.ResolvedPreviewOptions;
-        ssr: vite.ResolvedSSROptions;
-        assetsInclude: (file: string) => boolean;
-        logger: vite.Logger;
-        createResolver: (options?: Partial<vite.InternalResolveOptions> | undefined) => vite.ResolveFn;
-        optimizeDeps: vite.DepOptimizationOptions;
-        worker: vite.ResolvedWorkerOptions;
-        appType: vite.AppType;
-        experimental: vite.ExperimentalOptions;
-    } & vite.PluginHookUtils>): Promise<void>;
-};
+declare function VitePluginDecapCMS(options: Options): Plugin;
 
-export { type CdnLinkOptions, type CollectionType, type DecapCmsCollection, type DecapCmsCollectionFile, type DecapCmsConfig, type DecapCmsField, type DecapCmsFieldType, type DecapCmsFieldWidget, type DecapCmsMarkdownFieldRenderOptions, type KeysToCamelCase, type KeysToSnakeCase, type LoginPageOptions, type Options, type OverwriteOptions, VitePress, type VitePressDefaultThemeFieldOptions, type VitePressDefaultThemeFrontmatterKeys, type VitePressFieldOptions, type VitePressPageFrontmatterKeys, createField, createFile, createFileCollection, createFolderCollection, VitePluginDecapCMS as default, getGitData };
+export { type CdnLinkOptions, type CollectionType, type DecapCmsCollection, type DecapCmsCollectionFile, type DecapCmsConfig, type DecapCmsField, type DecapCmsFieldType, type DecapCmsFieldWidget, type DecapCmsMarkdownFieldRenderOptions, type DecapProxyOptions, type EnvContextOption, type EnvDevContextOption, type HeadConfig, type KeysToCamelCase, type KeysToSnakeCase, type LoginPageOptions, type Options, type OverwriteOptions, VitePress, type VitePressDefaultThemeFieldOptions, type VitePressDefaultThemeFrontmatterKeys, type VitePressFieldOptions, type VitePressPageFrontmatterKeys, createField, createFile, createFileCollection, createFolderCollection, VitePluginDecapCMS as default, getGitData };

package/dist/index.js

@@ -31,6 +31,7 @@ var __objRest = (source, exclude) => {
 };
 
 // src/index.ts
+import { exec } from "child_process";
 import { stringify } from "yaml";
 
 // src/util.ts
@@ -112,35 +113,41 @@ var VitePress = class {
       createOverwriteableField("boolean", {
         name: "sidebar",
         label: "Whether to display the sidebar",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.sidebar),
       // TODO: add aside 'left' option
       createOverwriteableField("boolean", {
         name: "aside",
         label: "Whether to display the aside container",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.aside),
       // TODO: add support for [number, number] | 'deep' | false
       createOverwriteableField("number", {
         name: "outline",
         label: "The header levels in the outline",
-        default: 2
+        default: 2,
+        required: false
       }, overwrites == null ? void 0 : overwrites.outline),
       // TODO: add support for Date 
       createOverwriteableField("boolean", {
         name: "lastUpdated",
         label: "Whether to display last updated text",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.lastUpdated),
       createOverwriteableField("boolean", {
         name: "editLink",
         label: "Whether to display edit link text",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.editLink),
       createOverwriteableField("boolean", {
         name: "footer",
         label: "Whether to display footer text",
-        default: true
+        default: true,
+        required: false
       }, overwrites == null ? void 0 : overwrites.footer),
       createOverwriteableField("string", {
         name: "pageClass",
@@ -269,71 +276,148 @@ function createConfigFile(config, command) {
 }
 
 // src/script.ts
+function createCmsFunction(method, items, createParams, options) {
+  var _a;
+  const create = (params) => {
+    var _a2;
+    return `${(_a2 = options == null ? void 0 : options.base) != null ? _a2 : "CMS"}.${method}(${params})`;
+  };
+  return (items != null ? items : []).map((item) => {
+    const params = createParams(item);
+    if (!params)
+      return null;
+    else
+      return create(params);
+  }).filter(Boolean).join((_a = options == null ? void 0 : options.joinChar) != null ? _a : "\n");
+}
 function createScript(options) {
   const _a = options, {
     useManualInitialization,
+    markdownEditorComponents,
+    formatters,
+    previewStylesheets,
     onGenerated: onGenerated,
     onInitialized
   } = _a, eventHooks = __objRest(_a, [
     "useManualInitialization",
+    "markdownEditorComponents",
+    "formatters",
+    "previewStylesheets",
+    // previewTemplates,
+    // widgets,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     "onGenerated",
     "onInitialized"
   ]);
-  const events = Object.keys(eventHooks).map((hookName) => {
+  const events = createCmsFunction("registerEventListener", Object.keys(eventHooks), (hookName) => {
     const hook = eventHooks[hookName];
     if (!hook)
       return null;
     else {
       const name = hookName.slice(2)[0].toLowerCase() + hookName.slice(3);
-      return `CMS.registerEventListener({ name: '${name}', handler: data => { function ${hook.toString()}; ${hookName}({ app: CMS, ...data }) } })`;
+      return `{ name: '${name}', handler: data => { function ${hook.toString()}; ${hookName}({ app: CMS, ...data }) } }`;
     }
-  }).join("\n");
+  });
+  const customFormatters = createCmsFunction("registerCustomFormat", formatters, ({ name, extension, formatter }) => {
+    return `'${name}', '${extension}', ${formatter.toString()}`;
+  });
+  const customStyles = createCmsFunction("registerPreviewStyle", previewStylesheets, (style) => {
+    return typeof style === "string" ? style : `${style.style}, { raw: ${style.options.raw} }`;
+  });
+  const editorComponents = createCmsFunction("registerEditorComponent", markdownEditorComponents, (item) => {
+    const _a2 = item, { pattern, toPreview, toBlock, fromBlock } = _a2, component = __objRest(_a2, ["pattern", "toPreview", "toBlock", "fromBlock"]);
+    return `{ pattern: ${pattern}, toPreview: ${toPreview.toString()}, toBlock: ${toBlock.toString()}, fromBlock: ${fromBlock.toString()}, ...${JSON.stringify(component)}}`;
+  });
   return `
 <script>
 ${useManualInitialization ? "window.CMS_MANUAL_INIT = true;" : ""}
 ${onInitialized != void 0 ? `window.onload = () => { function ${onInitialized.toString()}; onInitialized({ app: CMS }) }` : ""}
+${customFormatters}
+${customStyles}
 ${events}
+${editorComponents}
 </script>`;
 }
 
 // src/files/index.ts
+var defaultDecapCmsCdnVersion = "3.1.3";
+var defaultNetlifyIdentityVersion = "1";
+var addSlash = (path, slash = "/") => path.endsWith(slash) ? path : path + slash;
 function resolveCdnRoute(options) {
-  const getUrl = (host = "https://unpkg.com/", version = "3.1.3") => {
-    return `${host.endsWith("/") ? host : host + "/"}decap-cms@^${version}/dist/decap-cms.js`;
+  const getUrl = (host = "https://unpkg.com/", version = defaultDecapCmsCdnVersion) => {
+    return `${addSlash(host)}decap-cms@^${version}/dist/decap-cms.js`;
   };
   return typeof options === "boolean" ? options ? getUrl() : void 0 : typeof options === "string" ? options : options != void 0 ? getUrl(options.base, options.version) : void 0;
 }
-function getIndexFeatures(options) {
-  var _a, _b;
-  function useNetlifyIdentity(options2) {
-    return options2.config.backend.name === "git-gateway";
-  }
+function resolveHead(head) {
+  return head.reduce((output, config) => {
+    if (typeof config === "string")
+      return output.concat(config);
+    if ("skip" in config) {
+      if (config.skip)
+        return output;
+      if (typeof config.head === "string")
+        return output.concat(config.head);
+    }
+    const item = "head" in config ? config.head : config;
+    let str = `<${item[0]}`;
+    for (const key in item[1]) {
+      str += ` ${key}="${item[1][key]}"`;
+    }
+    str += item[0] === "meta" ? "/>" : ">";
+    if (item[2] == void 0)
+      return output.concat(str);
+    str += item[2] + `</${item[0]}>`;
+    return output.concat(str);
+  }, []);
+}
+function getIndexFeatures(config, loadOptions) {
+  var _a;
+  const configRoute = config.dir ? addSlash(config.dir) + "config.yml" : void 0;
   return {
-    cdn_route: resolveCdnRoute(options.load == void 0 || options.load.method === "cdn" ? (_b = (_a = options.load) == null ? void 0 : _a.options) != null ? _b : true : void 0),
-    custom_logo: "logoUrl" in options.config ? options.config.logoUrl != void 0 : "logo_url" in options.config ? options.config.logo_url != void 0 : false,
-    netlify_identity: useNetlifyIdentity(options),
-    config_route: options.config.dir ? options.config.dir + (!options.config.dir.endsWith("/") ? "/" : "") + "config.yml" : void 0
+    cdn_route: resolveCdnRoute(loadOptions == void 0 || loadOptions.method === "cdn" ? (_a = loadOptions == null ? void 0 : loadOptions.options) != null ? _a : true : void 0),
+    custom_logo: "logoUrl" in config ? config.logoUrl != void 0 : "logo_url" in config ? config.logo_url != void 0 : false,
+    head: (options) => {
+      var _a2, _b, _c;
+      return resolveHead([
+        ["meta", { charset: "utf-8" }],
+        ["meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }],
+        ["meta", { name: "robots", content: "noindex" }],
+        ...(_a2 = options == null ? void 0 : options.head) != null ? _a2 : [],
+        ["title", {}, (_b = options == null ? void 0 : options.title) != null ? _b : "Content Manager"],
+        {
+          head: ["link", { rel: "favicon", ref: (_c = options == null ? void 0 : options.icon) != null ? _c : "" }],
+          skip: (options == null ? void 0 : options.icon) == void 0
+        },
+        {
+          head: ["script", { src: `https://identity.netlify.com/v${defaultNetlifyIdentityVersion}/netlify-identity-widget.js` }],
+          skip: config.backend.name !== "git-gateway"
+        },
+        {
+          head: ["link", { type: "text/yaml", rel: "cms-config-url", href: configRoute }],
+          skip: configRoute == void 0
+        }
+      ]);
+    }
   };
 }
-function createIndexFile(_options) {
+function createIndexFile(pluginOptions) {
   var _a, _b;
-  const features = getIndexFeatures(_options);
-  const options = _options.login;
-  const identifyScript = '<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>';
+  const { config, load, login: options, script } = pluginOptions;
+  if (options == null ? void 0 : options.html)
+    return options.html;
+  const features = getIndexFeatures(config, load);
   return `<!DOCTYPE html>
 <html>
     <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="robots" content="noindex" />
-        <title>${(_a = options == null ? void 0 : options.title) != null ? _a : "Content Manager"}</title>${features.netlify_identity ? identifyScript : ""}
-        ${features.config_route ? `<link href="${features.config_route}" type="text/yaml" rel="cms-config-url">` : ""}
-        ${((_b = options == null ? void 0 : options.head) != null ? _b : []).join("\n" + " ".repeat(8))}
+        ${features.head(options).join("\n" + " ".repeat(8))}
     </head>
     <body>
         ${features.cdn_route ? `<script src="${features.cdn_route}"></script>` : ""}
-        ${_options.script ? createScript(_options.script) : ""}
+        ${script ? createScript(script) : ""}
+        ${((_a = pluginOptions.login) == null ? void 0 : _a.additionalHtml) ? `${(_b = pluginOptions.login) == null ? void 0 : _b.additionalHtml}
+
+<div id="nc-root"></div>` : ""}
     </body>
 </html>${features.custom_logo ? `
 
@@ -367,8 +451,24 @@ function validateLoadOptions(options) {
   if (!valid)
     throw new Error("Invalid load options for decap-cms provided");
 }
+function runProxy(options) {
+  var _a, _b, _c, _d, _e;
+  const proxy = exec("npx decap-server", __spreadProps(__spreadValues({}, (_a = options == null ? void 0 : options.process) != null ? _a : {}), {
+    env: __spreadProps(__spreadValues({}, (_c = (_b = options == null ? void 0 : options.process) == null ? void 0 : _b.env) != null ? _c : {}), {
+      PORT: ((_d = options == null ? void 0 : options.port) != null ? _d : 8081).toString()
+    })
+  }));
+  (_e = proxy.stdout) == null ? void 0 : _e.pipe(process.stdout);
+  proxy.on("error", (err) => {
+    if ("code" in err && err.code === "EADDRINUSE") {
+      console.log("[PROXY] Port is already used");
+    } else
+      throw err;
+  });
+  process.on("beforeExit", () => proxy.kill());
+}
 async function updateConfig(options, config) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   validateLoadOptions(options.load);
   const loginFile = createIndexFile(options);
   const configFile = createConfigFile(options.config, config.command);
@@ -383,9 +483,12 @@ async function updateConfig(options, config) {
       ]
     }
   );
-  await ((_d = (_c = options.script) == null ? void 0 : _c.onConfigUpdated) == null ? void 0 : _d.call(_c));
+  if (config.command === "serve" && configFile.local_backend !== false && ((_d = (_c = options.proxy) == null ? void 0 : _c.enabled) != null ? _d : true)) {
+    runProxy(options.proxy);
+  }
+  await ((_f = (_e = options.script) == null ? void 0 : _e.onConfigUpdated) == null ? void 0 : _f.call(_e));
   if (config.command === "build") {
-    await ((_f = (_e = options.script) == null ? void 0 : _e.onGenerated) == null ? void 0 : _f.call(_e));
+    await ((_h = (_g = options.script) == null ? void 0 : _g.onGenerated) == null ? void 0 : _h.call(_g));
   }
 }
 function VitePluginDecapCMS(options) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-decap-cms",
-    "version": "0.1.0",
+    "version": "0.2.0",
     "description": "Simplify the configuration of Decap cms for Vite projects",
     "type": "module",
     "license": "MIT",
@@ -32,21 +32,23 @@
         "build": "tsup src/index.ts --dts --format cjs,esm"
     },
     "dependencies": {
+        "decap-server": "^3.0.4",
+        "veaury": "^2.3.18",
         "yaml": "^2.4.0"
     },
     "devDependencies": {
         "@types/node": "18",
-        "@typescript-eslint/eslint-plugin": "^7.1.1",
-        "@typescript-eslint/parser": "^7.1.1",
-        "decap-cms-core": "^3.3.3",
-        "eslint": "^8.54.0",
+        "@typescript-eslint/eslint-plugin": "^7.4.0",
+        "@typescript-eslint/parser": "^7.4.0",
+        "decap-cms-core": "^3.3.5",
+        "eslint": "^8.57.0",
         "tsup": "^8.0.2",
-        "typescript": "^5.3.2",
-        "vite": "^5.0.2",
-        "vitest": "^0.34.6",
-        "vue": "^3.3.9"
+        "typescript": "^5.4.3",
+        "vite": "^5.2.6",
+        "vitest": "^1.4.0",
+        "vue": "^3.4.21"
     },
     "optionalDependencies": {
-        "decap-cms-app": "^3.1.2"
+        "decap-cms-app": "^3.1.5"
     }
 }