@hywax/cms-console 1.0.0

package/.nuxt/cms-console/button-copy-text.ts

@@ -0,0 +1,19 @@
+export default {
+  "slots": {
+    "root": "wrap-anywhere",
+    "text": "pe-5",
+    "button": "p-0 -ms-4 align-middle"
+  },
+  "variants": {
+    "buttonInvisible": {
+      "true": {
+        "button": "invisible"
+      }
+    },
+    "to": {
+      "true": {
+        "text": "ps-0"
+      }
+    }
+  }
+}

package/.nuxt/cms-console/button-delete-confirm.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms-console/form-panel-aside-section.ts

@@ -0,0 +1,9 @@
+export default {
+  "slots": {
+    "root": "",
+    "header": "flex items-center gap-2 mb-2",
+    "icon": "size-5",
+    "title": "break-words text-sm font-semibold",
+    "body": ""
+  }
+}

package/.nuxt/cms-console/form-panel-section.ts

@@ -0,0 +1,8 @@
+export default {
+  "slots": {
+    "root": "",
+    "title": "text-base text-pretty font-semibold text-highlighted mb-2",
+    "description": "text-[15px] text-pretty text-muted mt-1",
+    "body": "relative rounded-lg bg-elevated/50 ring ring-default grid gap-x-8 gap-y-4 p-4 sm:p-6"
+  }
+}

package/.nuxt/cms-console/form-panel.ts

@@ -0,0 +1,15 @@
+export default {
+  "slots": {
+    "root": "",
+    "form": "flex flex-1 flex-row",
+    "body": "flex-1 overflow-y-auto w-full lg:max-w-2xl mx-auto p-4 sm:p-6",
+    "sidebar": "flex-1 overflow-y-auto border-l border-default w-full max-w-xs p-4 sm:p-4"
+  },
+  "variants": {
+    "asideDivide": {
+      "true": {
+        "sidebar": "*:not-last:after:absolute *:not-last:after:inset-x-1 *:not-last:after:bottom-0 *:not-last:after:bg-border *:not-last:after:h-px *:not-last:relative *:not-last:pb-4 flex flex-col gap-4"
+      }
+    }
+  }
+}

package/.nuxt/cms-console/index.ts

@@ -0,0 +1,11 @@
+export { default as ButtonCopyText } from './button-copy-text'
+export { default as ButtonDeleteConfirm } from './button-delete-confirm'
+export { default as FormPanel } from './form-panel'
+export { default as FormPanelAsideSection } from './form-panel-aside-section'
+export { default as FormPanelSection } from './form-panel-section'
+export { default as InputSeo } from './input-seo'
+export { default as InputUploraImage } from './input-uplora-image'
+export { default as ModalConfirm } from './modal-confirm'
+export { default as TablePanel } from './table-panel'
+export { default as TableSearchInput } from './table-search-input'
+export { default as inputSlug } from './input-slug'

package/.nuxt/cms-console/input-seo.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": "flex flex-col gap-4"
+  }
+}

package/.nuxt/cms-console/input-slug.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": "flex flex-col gap-4"
+  }
+}

package/.nuxt/cms-console/input-uplora-image.ts

@@ -0,0 +1,27 @@
+export default {
+  "slots": {
+    "root": "relative w-full rounded-md overflow-hidden border-1 border-default aspect-3/2 text-sm bg-default",
+    "image": "",
+    "imageActions": "absolute top-4 right-4 flex gap-2",
+    "imageActionsWarning": "absolute top-0 right-0 size-6 bg-linear-to-bl from-error/90 to-transparent rounded-bl-lg text-error flex items-center justify-center",
+    "uploader": "flex flex-col items-center justify-center w-full h-full",
+    "uploaderPendingIcon": "size-6 animate-spin",
+    "uploaderIdleButton": "cursor-pointer h-full w-full",
+    "uploaderIdleText": "mt-2 font-medium",
+    "uploaderIdleExtensions": "mt-2 text-xs text-muted uppercase",
+    "uploaderErrorText": "text-center font-medium p-2",
+    "uploaderErrorActions": "flex gap-2 mt-4"
+  },
+  "variants": {
+    "disabled": {
+      "true": {
+        "root": "cursor-not-allowed opacity-75"
+      }
+    },
+    "uploaded": {
+      "false": {
+        "root": "border-dashed"
+      }
+    }
+  }
+}

package/.nuxt/cms-console/modal-confirm.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms-console/table-panel.ts

@@ -0,0 +1,8 @@
+export default {
+  "slots": {
+    "root": "",
+    "table": "",
+    "loader": "absolute z-10 inset-0 left-0 bg-default/90 flex items-center justify-center",
+    "loaderIcon": "animate-spin size-6"
+  }
+}

package/.nuxt/cms-console/table-search-input.ts

@@ -0,0 +1,6 @@
+export default {
+  "slots": {
+    "root": "",
+    "input": "basis-54 shrink-0"
+  }
+}

package/.nuxt/cms-console.css

@@ -0,0 +1,31 @@
+@source "./cms-console";
+
+@layer components {
+  .unvois {
+    --vis-crosshair-line-stroke-color: var(--ui-bg-elevated);
+    --vis-crosshair-circle-stroke-color: transparent;
+
+    --vis-axis-grid-color: var(--ui-border);
+    --vis-axis-tick-color: var(--ui-border);
+    --vis-axis-tick-label-color: var(--ui-text-dimmed);
+
+    --vis-tooltip-background-color: var(--ui-bg);
+    --vis-tooltip-border-color: var(--ui-border);
+    --vis-tooltip-text-color: var(--ui-text-highlighted);
+
+    --vis-color0: var(--ui-primary);
+    --vis-color1: var(--ui-secondary);
+    --vis-color2: var(--ui-info);
+    --vis-color3: var(--ui-warning);
+    --vis-color4: var(--ui-error);
+    --vis-color5: var(--ui-success);
+
+    --vis-dark-color0: var(--ui-primary);
+    --vis-dark-color1: var(--ui-secondary);
+    --vis-dark-color2: var(--ui-info);
+    --vis-dark-color3: var(--ui-warning);
+    --vis-dark-color4: var(--ui-error);
+    --vis-dark-color5: var(--ui-success);
+  }
+}
+  

package/dist/module.d.mts

@@ -0,0 +1,11 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { CMSRuntimeOptions } from '@hywax/cms-runtime';
+export * from '../dist/runtime/types/index.js';
+
+interface CMSConsoleOptions extends CMSRuntimeOptions {
+}
+
+declare const _default: _nuxt_schema.NuxtModule<CMSConsoleOptions, CMSConsoleOptions, false>;
+
+export { _default as default };
+export type { CMSConsoleOptions };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@hywax/cms-console",
+  "version": "1.0.0",
+  "configKey": "cmsConsole",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,387 @@
+import { createResolver, addComponentsDir, addImportsDir, addServerImportsDir, addTypeTemplate, addTemplate, addServerTemplate, defineNuxtModule } from '@nuxt/kit';
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'pathe';
+import { defu } from 'defu';
+import { kebabCase } from 'scule';
+
+const name = "@hywax/cms-console";
+const version = "1.0.0";
+
+function createContext(options, nuxt) {
+  const { resolve } = createResolver(import.meta.url);
+  const distDir = dirname(fileURLToPath(import.meta.url));
+  const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));
+  return {
+    options,
+    resolve,
+    distDir,
+    runtimeDir,
+    nuxt
+  };
+}
+
+const defaultModuleOptions = {
+  componentsPrefix: "C"
+};
+
+function prepareAutoImports({ resolve, options, nuxt }) {
+  addComponentsDir({
+    path: resolve("./runtime/components"),
+    pathPrefix: false,
+    prefix: options.componentsPrefix,
+    ignore: ["prose/**"]
+  });
+  addImportsDir([
+    resolve("./runtime/utils"),
+    resolve("./runtime/composables")
+  ]);
+  addServerImportsDir([
+    resolve("./runtime/utils")
+  ]);
+  nuxt.options.alias["#cms-console"] = resolve("./runtime");
+}
+
+const icons = {
+  calendar: "lucide:calendar",
+  sort: "lucide:arrow-down-up",
+  sortAsc: "lucide:arrow-up-wide-narrow",
+  sortDesc: "lucide:arrow-down-wide-narrow",
+  columns: "lucide:columns-3-cog",
+  filter: "lucide:filter",
+  ellipsisVertical: "lucide:ellipsis-vertical",
+  repeat: "lucide:repeat-2",
+  clipboard: "lucide:clipboard",
+  trash: "lucide:trash",
+  paragraph: "lucide:type",
+  heading1: "lucide:heading-1",
+  heading2: "lucide:heading-2",
+  heading3: "lucide:heading-3",
+  heading4: "lucide:heading-4",
+  list: "lucide:list",
+  listOrdered: "lucide:list-ordered",
+  blockquote: "lucide:text-quote",
+  codeBlock: "lucide:square-code",
+  horizontalRule: "lucide:separator-horizontal",
+  enter: "lucide:corner-down-left",
+  link: "lucide:link",
+  download: "lucide:download",
+  bold: "lucide:bold",
+  italic: "lucide:italic",
+  underline: "lucide:underline",
+  strikethrough: "lucide:strikethrough",
+  code: "lucide:code",
+  image: "lucide:image",
+  editLine: "lucide:pen-line"
+};
+
+function prepareMergeConfigs({ nuxt }) {
+  nuxt.options.appConfig.ui = defu(nuxt.options.appConfig.ui || {}, {
+    icons
+  });
+  nuxt.options.vite = defu(nuxt.options.vite || {}, {
+    optimizeDeps: {
+      include: [
+        "@unovis/ts",
+        "@unovis/vue",
+        "@sindresorhus/slugify",
+        "@floating-ui/dom",
+        "@vueuse/integrations/useSortable",
+        "@nuxt/ui/utils/editor",
+        "fast-copy",
+        "fast-equals"
+      ]
+    }
+  });
+}
+
+const buttonCopyText = {
+  slots: {
+    root: "wrap-anywhere",
+    text: "pe-5",
+    button: "p-0 -ms-4 align-middle"
+  },
+  variants: {
+    buttonInvisible: {
+      true: {
+        button: "invisible"
+      }
+    },
+    to: {
+      true: {
+        text: "ps-0"
+      }
+    }
+  }
+};
+
+const buttonDeleteConfirm = {
+  slots: {
+    root: ""
+  }
+};
+
+const formPanel = {
+  slots: {
+    root: "",
+    form: "flex flex-1 flex-row",
+    body: "flex-1 overflow-y-auto w-full lg:max-w-2xl mx-auto p-4 sm:p-6",
+    sidebar: "flex-1 overflow-y-auto border-l border-default w-full max-w-xs p-4 sm:p-4"
+  },
+  variants: {
+    asideDivide: {
+      true: {
+        sidebar: "*:not-last:after:absolute *:not-last:after:inset-x-1 *:not-last:after:bottom-0 *:not-last:after:bg-border *:not-last:after:h-px *:not-last:relative *:not-last:pb-4 flex flex-col gap-4"
+      }
+    }
+  }
+};
+
+const formPanelAsideSection = {
+  slots: {
+    root: "",
+    header: "flex items-center gap-2 mb-2",
+    icon: "size-5",
+    title: "break-words text-sm font-semibold",
+    body: ""
+  }
+};
+
+const formPanelSection = {
+  slots: {
+    root: "",
+    title: "text-base text-pretty font-semibold text-highlighted mb-2",
+    description: "text-[15px] text-pretty text-muted mt-1",
+    body: "relative rounded-lg bg-elevated/50 ring ring-default grid gap-x-8 gap-y-4 p-4 sm:p-6"
+  }
+};
+
+const inputSeo = {
+  slots: {
+    root: "flex flex-col gap-4"
+  }
+};
+
+const inputSlug = {
+  slots: {
+    root: "flex flex-col gap-4"
+  }
+};
+
+const inputUploraImage = {
+  slots: {
+    root: "relative w-full rounded-md overflow-hidden border-1 border-default aspect-3/2 text-sm bg-default",
+    image: "",
+    imageActions: "absolute top-4 right-4 flex gap-2",
+    imageActionsWarning: "absolute top-0 right-0 size-6 bg-linear-to-bl from-error/90 to-transparent rounded-bl-lg text-error flex items-center justify-center",
+    uploader: "flex flex-col items-center justify-center w-full h-full",
+    uploaderPendingIcon: "size-6 animate-spin",
+    uploaderIdleButton: "cursor-pointer h-full w-full",
+    uploaderIdleText: "mt-2 font-medium",
+    uploaderIdleExtensions: "mt-2 text-xs text-muted uppercase",
+    uploaderErrorText: "text-center font-medium p-2",
+    uploaderErrorActions: "flex gap-2 mt-4"
+  },
+  variants: {
+    disabled: {
+      true: {
+        root: "cursor-not-allowed opacity-75"
+      }
+    },
+    uploaded: {
+      false: {
+        root: "border-dashed"
+      }
+    }
+  }
+};
+
+const modalConfirm = {
+  slots: {
+    root: ""
+  }
+};
+
+const tablePanel = {
+  slots: {
+    root: "",
+    table: "",
+    loader: "absolute z-10 inset-0 left-0 bg-default/90 flex items-center justify-center",
+    loaderIcon: "animate-spin size-6"
+  }
+};
+
+const tableSearchInput = {
+  slots: {
+    root: "",
+    input: "basis-54 shrink-0"
+  }
+};
+
+const theme = {
+  __proto__: null,
+  ButtonCopyText: buttonCopyText,
+  ButtonDeleteConfirm: buttonDeleteConfirm,
+  FormPanel: formPanel,
+  FormPanelAsideSection: formPanelAsideSection,
+  FormPanelSection: formPanelSection,
+  InputSeo: inputSeo,
+  InputUploraImage: inputUploraImage,
+  ModalConfirm: modalConfirm,
+  TablePanel: tablePanel,
+  TableSearchInput: tableSearchInput,
+  inputSlug: inputSlug
+};
+
+const themeEditor = {
+  __proto__: null
+};
+
+function getAppTemplates({ options }) {
+  const templates = [];
+  function writeThemeTemplate(theme2, path) {
+    for (const component in theme2) {
+      templates.push({
+        filename: `cms-console/${path ? `${path}/` : ""}${kebabCase(component)}.ts`,
+        write: true,
+        getContents: async () => {
+          const template = theme2[component];
+          const result = typeof template === "function" ? template(options) : template;
+          const variants = Object.entries(result.variants || {}).filter(([_, values]) => {
+            const keys = Object.keys(values);
+            return keys.some((key) => key !== "true" && key !== "false");
+          }).map(([key]) => key);
+          let json = JSON.stringify(result, null, 2);
+          for (const variant of variants) {
+            json = json.replace(new RegExp(`("${variant}": "[^"]+")`, "g"), `$1 as typeof ${variant}[number]`);
+            json = json.replace(new RegExp(`("${variant}": \\[\\s*)((?:"[^"]+",?\\s*)+)(\\])`, "g"), (_, before, match, after) => {
+              const replaced = match.replace(/("[^"]+")/g, `$1 as typeof ${variant}[number]`);
+              return `${before}${replaced}${after}`;
+            });
+          }
+          function generateVariantDeclarations(variants2) {
+            return variants2.filter((variant) => json.includes(`as typeof ${variant}`)).map((variant) => {
+              const keys = Object.keys(result.variants[variant]);
+              return `const ${variant} = ${JSON.stringify(keys, null, 2)} as const`;
+            });
+          }
+          return [
+            ...generateVariantDeclarations(variants),
+            `export default ${json}`
+          ].join("\n\n");
+        }
+      });
+    }
+  }
+  writeThemeTemplate(themeEditor, "editor");
+  writeThemeTemplate(theme);
+  templates.push({
+    filename: `cms-console/editor/index.ts`,
+    write: true,
+    getContents: () => Object.keys(themeEditor).map((component) => `export { default as ${component} } from './${kebabCase(component)}'`).join("\n")
+  });
+  templates.push({
+    filename: "cms-console.css",
+    write: true,
+    getContents: () => `@source "./cms-console";
+
+@layer components {
+  .unvois {
+    --vis-crosshair-line-stroke-color: var(--ui-bg-elevated);
+    --vis-crosshair-circle-stroke-color: transparent;
+
+    --vis-axis-grid-color: var(--ui-border);
+    --vis-axis-tick-color: var(--ui-border);
+    --vis-axis-tick-label-color: var(--ui-text-dimmed);
+
+    --vis-tooltip-background-color: var(--ui-bg);
+    --vis-tooltip-border-color: var(--ui-border);
+    --vis-tooltip-text-color: var(--ui-text-highlighted);
+
+    --vis-color0: var(--ui-primary);
+    --vis-color1: var(--ui-secondary);
+    --vis-color2: var(--ui-info);
+    --vis-color3: var(--ui-warning);
+    --vis-color4: var(--ui-error);
+    --vis-color5: var(--ui-success);
+
+    --vis-dark-color0: var(--ui-primary);
+    --vis-dark-color1: var(--ui-secondary);
+    --vis-dark-color2: var(--ui-info);
+    --vis-dark-color3: var(--ui-warning);
+    --vis-dark-color4: var(--ui-error);
+    --vis-dark-color5: var(--ui-success);
+  }
+}
+  `
+  });
+  templates.push({
+    filename: "cms-console/index.ts",
+    write: true,
+    getContents: () => {
+      return Object.keys(theme).map((component) => `export { default as ${component} } from './${kebabCase(component)}'`).join("\n");
+    }
+  });
+  templates.push({
+    filename: "types/cms-console.d.ts",
+    getContents: () => `import * as cms from '#build/cms-console'
+import type { TVConfig } from '@nuxt/ui'
+import type { RouteLocationRaw } from 'vue-router'
+
+type AppConfigCMS = TVConfig<typeof cms>
+
+declare module '@nuxt/schema' {
+  interface AppConfigInput {
+    /**
+     * CMS theme configuration
+     */
+    cms?: AppConfigCMS
+  }
+}
+
+export {}
+`
+  });
+  return templates;
+}
+function getServerTemplates(_context) {
+  const templates = [];
+  return templates;
+}
+function prepareTemplates(context) {
+  const appTemplates = getAppTemplates(context);
+  const serverTemplates = getServerTemplates();
+  for (const template of appTemplates) {
+    if (template.filename.endsWith(".d.ts")) {
+      addTypeTemplate(template);
+    } else {
+      addTemplate(template);
+    }
+  }
+  for (const template of serverTemplates) {
+    if (template.filename.endsWith(".d.ts")) {
+      addTypeTemplate(template, { nitro: true, nuxt: false });
+    } else {
+      addServerTemplate(template);
+    }
+  }
+}
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name,
+    version,
+    configKey: "cmsConsole"
+  },
+  moduleDependencies: {
+    "@hywax/cms-runtime": {}
+  },
+  defaults: defaultModuleOptions,
+  async setup(options, nuxt) {
+    const context = createContext(options, nuxt);
+    prepareMergeConfigs(context);
+    prepareTemplates(context);
+    prepareAutoImports(context);
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/components/AutocompleteSelect.d.vue.ts

@@ -0,0 +1,56 @@
+import type { Pagination, PaginationQueryRaw } from '@hywax/cms-runtime';
+import type { InputMenuItem } from '@nuxt/ui';
+type PaginationQuery = Required<PaginationQueryRaw>;
+export type AutocompleteSelectItem = Extract<InputMenuItem, object> & {
+    id?: string | number;
+    name?: string;
+};
+type GetModelValue<T extends AutocompleteSelectItem, VK extends keyof T, M extends boolean> = M extends true ? (T[VK][] | undefined) : (T[VK] | undefined);
+export type HandlerParams = PaginationQuery & {
+    search: string;
+    ids?: string[] | number[];
+};
+export type Handler<T extends AutocompleteSelectItem = AutocompleteSelectItem> = (params: HandlerParams, signal?: AbortSignal) => Promise<{
+    items: T[];
+    pagination: Pagination;
+}>;
+export interface AutocompleteSelectProps<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+    modelValue?: GetModelValue<T, VK, M>;
+    cacheKey: string;
+    handler: Handler<T>;
+    /** @defaultValue 'id' */
+    valueKey?: VK;
+    /** @defaultValue 'name' */
+    labelKey?: keyof T;
+    multiple?: M & boolean;
+    placeholder?: string;
+    initSelected?: boolean;
+}
+export interface AutocompleteSelectEmits<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+    'update:modelValue': [payload: GetModelValue<T, VK, M>];
+}
+export interface Slots<T extends AutocompleteSelectItem = AutocompleteSelectItem> {
+    'item-label': (props: {
+        item: T;
+    }) => any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends AutocompleteSelectItem, VK extends keyof T = "id", M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<AutocompleteSelectProps<T, VK, M> & {
+        "onUpdate:modelValue"?: ((payload: GetModelValue<T, VK, M>) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: Slots<T>;
+    emit: (evt: "update:modelValue", payload: GetModelValue<T, VK, M>) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};