@hywax/cms 0.0.4 → 0.0.6

package/.nuxt/cms/autocomplete-select.ts

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

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

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

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

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

package/.nuxt/cms/editor/callout.ts

@@ -0,0 +1,21 @@
+export default {
+  "slots": {
+    "root": "px-4 py-3 text-sm/6 rounded-md border flex gap-2"
+  },
+  "variants": {
+    "type": {
+      "caution": {
+        "root": "border border-error/25 bg-error/10 text-error-600 dark:text-error-300"
+      },
+      "note": {
+        "root": "border border-info/25 bg-info/10 text-info-600 dark:text-info-300"
+      },
+      "warning": {
+        "root": "border border-warning/25 bg-warning/10 text-warning-600 dark:text-warning-300"
+      },
+      "tip": {
+        "root": "border border-success/25 bg-success/10 text-success-600 dark:text-success-300"
+      }
+    }
+  }
+}

package/.nuxt/cms/editor/index.ts

@@ -0,0 +1,2 @@
+export { default as callout } from './callout'
+export { default as uploraImage } from './uplora-image'

package/.nuxt/cms/editor/uplora-image.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": "rounded-md overflow-hidden"
+  }
+}

package/.nuxt/cms/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/form-panel-section.ts

@@ -0,0 +1,8 @@
+export default {
+  "slots": {
+    "root": "",
+    "title": "text-base text-pretty font-semibold text-highlighted",
+    "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 mt-4"
+  }
+}

package/.nuxt/cms/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/index.ts

@@ -1,2 +1,18 @@
+export { default as autocompleteSelect } from './autocomplete-select'
 export { default as buttonClear } from './button-clear'
+export { default as buttonCopy } from './button-copy'
+export { default as buttonDelete } from './button-delete'
+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 inputSlug } from './input-slug'
+export { default as modalConfirm } from './modal-confirm'
+export { default as tableCellPreview } from './table-cell-preview'
+export { default as tableCellSeo } from './table-cell-seo'
+export { default as tableCellUser } from './table-cell-user'
+export { default as tablePanel } from './table-panel'
+export { default as tablePanelColumnSorting } from './table-panel-column-sorting'
+export { default as tablePanelColumnVisibility } from './table-panel-column-visibility'
+export { default as tablePanelFilters } from './table-panel-filters'
 export { default as uploraImage } from './uplora-image'

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

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

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

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

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

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

package/.nuxt/cms/table-cell-preview.ts

@@ -0,0 +1,9 @@
+export default {
+  "slots": {
+    "root": "flex items-center gap-2",
+    "image": "bg-elevated size-7 rounded-md",
+    "container": "text-xs",
+    "title": "font-medium text-default",
+    "description": "text-muted truncate max-w-40"
+  }
+}

package/.nuxt/cms/table-cell-seo.ts

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

package/.nuxt/cms/table-cell-user.ts

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

package/.nuxt/cms/table-panel-column-sorting.ts

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

package/.nuxt/cms/table-panel-column-visibility.ts

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

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

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

package/.nuxt/cms/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/cli/templates.mjs

@@ -23,7 +23,7 @@ import { computed, useAppConfig } from '#imports'
 import { Primitive } from 'reka-ui'
 import { tv } from '${prose ? '../../utils/tv' : '../utils/tv'}'
 
-type ${upperName} = ComponentConfig<typeof theme, AppConfig, ${upperName}>
+type ${upperName} = ComponentConfig<typeof theme, AppConfig, '${camelName}'>
 
 export interface ${upperName}Props {
   as?: any
@@ -62,13 +62,14 @@ function test({ name, prose }) {
       ? undefined
       : `
 import type { ${upperName}Props, ${upperName}Slots } from '../../../src/runtime/components/${upperName}.vue'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import ${upperName} from '../../../src/runtime/components/${upperName}.vue'
 import ComponentRender from '../../component-render'
 
-describe('${upperName}', () => {
+describe('${upperName}.vue', () => {
   it.each([
     // Props
+    ['базовый компонент', { props: {} }],
     ['с алиасом', { props: { as: 'section' } }],
     ['с class', { props: { class: '' } }],
     ['с ui', { props: { ui: {} } }],

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@hywax/cms",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "configKey": "cms",
   "builder": {
     "@nuxt/module-builder": "1.0.1",

package/dist/module.mjs

@@ -1,11 +1,11 @@
-import { createResolver, addComponentsDir, addImportsDir, addPlugin, addImports, addServerImports, addServerImportsDir, addTypeTemplate, addTemplate, addServerTemplate, defineNuxtModule, hasNuxtModule, installModule } from '@nuxt/kit';
+import { createResolver, addComponentsDir, addImportsDir, addPlugin, addImports, addServerImports, addServerImportsDir, addServerHandler, addTypeTemplate, addTemplate, addServerTemplate, defineNuxtModule, hasNuxtModule, installModule } from '@nuxt/kit';
 import { defu } from 'defu';
 import { fileURLToPath } from 'node:url';
 import { dirname } from 'pathe';
 import { snakeCase, kebabCase } from 'scule';
 
 const name = "@hywax/cms";
-const version = "0.0.4";
+const version = "0.0.6";
 
 function createContext(options, nuxt) {
   const { resolve } = createResolver(import.meta.url);
@@ -20,9 +20,7 @@ function createContext(options, nuxt) {
   };
 }
 
-function getDefaultCMSConfig() {
-  return {};
-}
+const defaultCMSConfig = {};
 const defaultModuleOptions = {
   name: "cms",
   prefix: "C",
@@ -54,7 +52,7 @@ function prepareAutoImports({ resolve, options, nuxt }) {
     path: resolve("./runtime/components"),
     pathPrefix: false,
     prefix: options?.prefix,
-    ignore: ["prose/**"]
+    ignore: ["prose/**", "editor/**"]
   });
   addComponentsDir({
     path: resolve("./runtime/components/prose"),
@@ -64,20 +62,161 @@ function prepareAutoImports({ resolve, options, nuxt }) {
   });
   addImportsDir(resolve("./runtime/composables"));
   addPlugin(resolve("./runtime/plugins/api.ts"));
-  addImports(httpCodesImports);
-  addServerImports(httpCodesImports);
+  addImports([
+    ...httpCodesImports,
+    { name: "docToMarkdown", from: resolve("./runtime/editor/markdown") },
+    { name: "markdownToDoc", from: resolve("./runtime/editor/markdown") }
+  ]);
+  addServerImports([
+    ...httpCodesImports,
+    { name: "docToMarkdown", from: resolve("./runtime/editor/markdown") },
+    { name: "markdownToDoc", from: resolve("./runtime/editor/markdown") }
+  ]);
   addServerImportsDir(resolve("./runtime/server/utils"));
   nuxt.options.nitro.alias ||= {};
   nuxt.options.nitro.alias["#cms/http-codes"] = httpCodesPath;
 }
 
+function prepareServerRoutes({ resolve }) {
+  addServerHandler({
+    route: "/api/_uplora",
+    method: "post",
+    handler: resolve("./runtime/server/api/uplora/index.post.ts")
+  });
+  addServerHandler({
+    route: "/api/_uplora/:id",
+    method: "delete",
+    handler: resolve("./runtime/server/api/uplora/[id].delete.ts")
+  });
+}
+
+const autocompleteSelect = {
+  slots: {
+    root: ""
+  }
+};
+
 const buttonClear = {
   slots: {
     base: "p-0"
   }
 };
 
-const uploraImage$1 = {
+const buttonCopy = {
+  slots: {
+    root: ""
+  }
+};
+
+const buttonDelete = {
+  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",
+    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 mt-4"
+  }
+};
+
+const inputSeo = {
+  slots: {
+    root: "flex flex-col gap-4"
+  }
+};
+
+const inputSlug = {
+  slots: {
+    root: "flex flex-col gap-4"
+  }
+};
+
+const modalConfirm = {
+  slots: {
+    root: ""
+  }
+};
+
+const tableCellPreview = {
+  slots: {
+    root: "flex items-center gap-2",
+    image: "bg-elevated size-7 rounded-md",
+    container: "text-xs",
+    title: "font-medium text-default",
+    description: "text-muted truncate max-w-40"
+  }
+};
+
+const tableCellSeo = {
+  slots: {
+    root: "flex gap-2"
+  }
+};
+
+const tableCellUser = {
+  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 tablePanelColumnSorting = {
+  slots: {
+    root: ""
+  }
+};
+
+const tablePanelColumnVisibility = {
+  slots: {
+    root: ""
+  }
+};
+
+const tablePanelFilters = {
+  slots: {
+    root: ""
+  }
+};
+
+const uploraImage$2 = {
   slots: {
     root: "relative grid grid-cols-[100%] grid-rows-[100%] overflow-hidden",
     lqip: "bg-cover bg-no-repeat bg-center col-[1] row-[1]",
@@ -88,7 +227,57 @@ const uploraImage$1 = {
 
 const theme = {
   __proto__: null,
+  autocompleteSelect: autocompleteSelect,
   buttonClear: buttonClear,
+  buttonCopy: buttonCopy,
+  buttonDelete: buttonDelete,
+  formPanel: formPanel,
+  formPanelAsideSection: formPanelAsideSection,
+  formPanelSection: formPanelSection,
+  inputSeo: inputSeo,
+  inputSlug: inputSlug,
+  modalConfirm: modalConfirm,
+  tableCellPreview: tableCellPreview,
+  tableCellSeo: tableCellSeo,
+  tableCellUser: tableCellUser,
+  tablePanel: tablePanel,
+  tablePanelColumnSorting: tablePanelColumnSorting,
+  tablePanelColumnVisibility: tablePanelColumnVisibility,
+  tablePanelFilters: tablePanelFilters,
+  uploraImage: uploraImage$2
+};
+
+const callout = {
+  slots: {
+    root: "px-4 py-3 text-sm/6 rounded-md border flex gap-2"
+  },
+  variants: {
+    type: {
+      caution: {
+        root: "border border-error/25 bg-error/10 text-error-600 dark:text-error-300"
+      },
+      note: {
+        root: "border border-info/25 bg-info/10 text-info-600 dark:text-info-300"
+      },
+      warning: {
+        root: "border border-warning/25 bg-warning/10 text-warning-600 dark:text-warning-300"
+      },
+      tip: {
+        root: "border border-success/25 bg-success/10 text-success-600 dark:text-success-300"
+      }
+    }
+  }
+};
+
+const uploraImage$1 = {
+  slots: {
+    root: "rounded-md overflow-hidden"
+  }
+};
+
+const themeEditor = {
+  __proto__: null,
+  callout: callout,
   uploraImage: uploraImage$1
 };
 
@@ -140,12 +329,18 @@ function getAppTemplates({ options }) {
     }
   }
   writeThemeTemplate(themeProse, "prose");
+  writeThemeTemplate(themeEditor, "editor");
   writeThemeTemplate(theme);
   templates.push({
     filename: `cms/prose/index.ts`,
     write: true,
     getContents: () => Object.keys(themeProse).map((component) => `export { default as ${component} } from './${kebabCase(component)}'`).join("\n")
   });
+  templates.push({
+    filename: `cms/editor/index.ts`,
+    write: true,
+    getContents: () => Object.keys(themeEditor).map((component) => `export { default as ${component} } from './${kebabCase(component)}'`).join("\n")
+  });
   templates.push({
     filename: "cms.css",
     write: true,
@@ -215,7 +410,13 @@ function prepareTemplates(context) {
   }
 }
 
-const icons = {};
+const icons = {
+  sortAsc: "lucide:arrow-up-wide-narrow",
+  sortDesc: "lucide:arrow-down-wide-narrow",
+  columns: "lucide:columns-3-cog",
+  filter: "lucide:filter",
+  link: "lucide:link-2"
+};
 
 const module = defineNuxtModule({
   meta: {
@@ -265,9 +466,10 @@ const module = defineNuxtModule({
       await installModule("nuxt-auth-utils");
     }
     nuxt.options.alias["#cms"] = context.resolve("./runtime");
-    nuxt.options.appConfig.cms = defu(nuxt.options.appConfig.cms || {}, getDefaultCMSConfig());
+    nuxt.options.appConfig.cms = defu(nuxt.options.appConfig.cms || {}, defaultCMSConfig);
     prepareAutoImports(context);
     prepareTemplates(context);
+    prepareServerRoutes(context);
   }
 });