@hywax/cms 0.0.5 → 0.0.6

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

@@ -66,7 +66,7 @@ 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: {} }],

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@hywax/cms",
-  "version": "0.0.5",
+  "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.5";
+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"),
@@ -79,6 +77,19 @@ function prepareAutoImports({ resolve, options, nuxt }) {
   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: ""
@@ -205,7 +216,7 @@ const tablePanelFilters = {
   }
 };
 
-const uploraImage$1 = {
+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]",
@@ -233,6 +244,40 @@ const theme = {
   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
 };
 
@@ -284,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,
@@ -415,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);
   }
 });
 

package/dist/runtime/components/ButtonDelete.vue

@@ -7,10 +7,11 @@
     disable-closing-trigger
   >
     <UButton
-      v-bind="buttonProps"
-      color="error"
-      auto-loading
+      :color="color"
+      :variant="variant"
+      :size="size"
       :class="ui.root({ class: [props.ui?.root, props.class] })"
+      auto-loading
       @click="handleDeleteClick()"
     />
   </UTooltip>
@@ -26,11 +27,14 @@ import ModalConfirm from "./ModalConfirm.vue";
 <script setup>
 const props = defineProps({
   modalProps: { type: Object, required: false },
-  buttonProps: { type: Object, required: false },
   confirmText: { type: String, required: false },
+  confirmLabel: { type: String, required: false, default: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" },
   title: { type: String, required: false },
   message: { type: String, required: false },
   tooltipText: { type: String, required: false },
+  color: { type: null, required: false, default: "error" },
+  variant: { type: null, required: false },
+  size: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
   onConfirm: { type: Function, required: false }
@@ -43,7 +47,10 @@ function handleDeleteClick() {
     ...props.modalProps,
     title: props.title ?? "\u0423\u0434\u0430\u043B\u0435\u043D\u0438\u0435",
     message: props.message ?? "\u0412\u044B \u0434\u0435\u0438\u0306\u0441\u0442\u0432\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043B\u0438\u0442\u044C?",
-    confirmButton: { color: "error", label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" },
+    color: props.color,
+    variant: props.variant,
+    size: props.size,
+    confirmLabel: props.confirmLabel,
     confirmText: props.confirmText,
     onConfirm: props.onConfirm
   });

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

@@ -8,11 +8,14 @@ import ModalConfirm from './ModalConfirm.vue';
 type ButtonDelete = ComponentConfig<typeof theme, AppConfig, 'buttonDelete'>;
 export interface ButtonDeleteProps extends Pick<ModalConfirmProps, 'onConfirm'> {
     modalProps?: Omit<ModalProps & ComponentProps<typeof ModalConfirm>, 'title' | 'message' | 'onConfirm' | 'confirmButton'>;
-    buttonProps?: Omit<ButtonProps, 'color'>;
     confirmText?: string;
+    confirmLabel?: string;
     title?: string;
     message?: string;
     tooltipText?: string;
+    color?: ButtonProps['color'];
+    variant?: ButtonProps['variant'];
+    size?: ButtonProps['size'];
     class?: any;
     ui?: ButtonDelete['slots'];
 }
@@ -24,5 +27,8 @@ declare const _default: import("vue").DefineComponent<ButtonDeleteProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<ButtonDeleteProps> & Readonly<{
     onClose?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+    confirmLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/InputSlug.vue

@@ -6,7 +6,9 @@
     >
       <UInput
         v-model="title"
-        v-bind="inputProps"
+        :color="color"
+        :variant="variant"
+        :size="size"
         class="w-full"
       />
     </UFormField>
@@ -51,7 +53,9 @@ const props = defineProps({
   label: { type: String, required: false },
   titleKey: { type: String, required: false },
   slugKey: { type: String, required: false },
-  inputProps: { type: null, required: false },
+  color: { type: null, required: false },
+  variant: { type: null, required: false },
+  size: { type: null, required: false },
   as: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }

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

@@ -8,7 +8,9 @@ export interface InputSlugProps {
     label?: string;
     titleKey?: string;
     slugKey?: string;
-    inputProps?: InputProps;
+    color?: InputProps['color'];
+    variant?: InputProps['variant'];
+    size?: InputProps['size'];
     as?: any;
     class?: any;
     ui?: InputSlug['slots'];

package/dist/runtime/components/ModalConfirm.vue

@@ -35,26 +35,28 @@
         color="neutral"
         label="Закрыть"
         variant="ghost"
-        size="lg"
+        :size="size"
         @click="emit('close')"
       />
 
       <UButton
         v-if="confirmText"
         form="confirm-form"
-        label="Подтвердить"
         type="submit"
-        size="lg"
+        :label="confirmLabel"
         :disabled="state.confirmTextValue !== confirmText"
         :loading="form?.loading"
-        v-bind="confirmButton"
+        :color="color"
+        :variant="variant"
+        :size="size"
       />
       <UButton
         v-else
         label="Подтвердить"
-        size="lg"
         loading-auto
-        v-bind="confirmButton"
+        :color="color"
+        :variant="variant"
+        :size="size"
         @click="handleConfirmClick()"
       />
     </template>
@@ -72,7 +74,10 @@ const props = defineProps({
   title: { type: String, required: false },
   message: { type: String, required: true },
   confirmText: { type: String, required: false },
-  confirmButton: { type: null, required: false },
+  confirmLabel: { type: String, required: false, default: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" },
+  color: { type: null, required: false },
+  variant: { type: null, required: false },
+  size: { type: null, required: false, default: "lg" },
   onConfirm: { type: Function, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }

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

@@ -7,7 +7,10 @@ export interface ModalConfirmProps {
     title?: string;
     message: string;
     confirmText?: string;
-    confirmButton?: ButtonProps;
+    confirmLabel?: string;
+    color?: ButtonProps['color'];
+    variant?: ButtonProps['variant'];
+    size?: ButtonProps['size'];
     onConfirm?: () => Promise<any> | any;
     class?: any;
     ui?: ModalConfirm['slots'];
@@ -22,5 +25,8 @@ declare const _default: import("vue").DefineComponent<ModalConfirmProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<ModalConfirmProps> & Readonly<{
     onClose?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    confirmLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/TablePanel.vue

@@ -31,7 +31,7 @@
     </template>
     <template #body>
       <div v-show="loading" :class="ui.loader({ class: props.ui?.loader })">
-        <UIcon name="lucide:loader" :class="ui.loaderIcon({ class: props.ui?.loaderIcon })" />
+        <UIcon :name="appConfig.ui.icons.loading" :class="ui.loaderIcon({ class: props.ui?.loaderIcon })" />
       </div>
 
       <UTable

package/dist/runtime/composables/useAdmin.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+export interface UseAdminReturn {
+    isSidebarOpen: Ref<boolean>;
+    isSidebarCollapsed: Ref<boolean>;
+}
+export declare const useAdmin: () => UseAdminReturn;

package/dist/runtime/composables/useAdmin.js

@@ -0,0 +1,14 @@
+import { ref, useRoute, watch } from "#imports";
+import { createSharedComposable } from "@vueuse/shared";
+export const useAdmin = createSharedComposable(() => {
+  const route = useRoute();
+  const isSidebarOpen = ref(false);
+  const isSidebarCollapsed = ref(false);
+  watch(() => route.path, () => {
+    isSidebarOpen.value = false;
+  });
+  return {
+    isSidebarOpen,
+    isSidebarCollapsed
+  };
+});

package/dist/runtime/composables/useDeleteConfirm.js

@@ -16,9 +16,7 @@ export function useDeleteConfirm(options) {
     modal.open({
       title: options.title || "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
       message: options.message || "\u0412\u044B \u0443\u0432\u0435\u0440\u0435\u043D\u044B, \u0447\u0442\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043B\u0438\u0442\u044C? \u0412\u044B \u043D\u0435 \u0441\u043C\u043E\u0436\u0435\u0442\u0435 \u043E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u044D\u0442\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.",
-      confirmButton: {
-        color: "error"
-      },
+      color: "error",
       onConfirm: () => _execute()
     });
   }

package/dist/runtime/editor/extensions/callout/CalloutView.vue

@@ -0,0 +1,79 @@
+<template>
+  <div :class="ui.root()">
+    <div contenteditable="false" class="shrink-0">
+      <UDropdownMenu :items="typeItems">
+        <UButton
+          :icon="iconTypeMap[type]"
+          :color="iconColorMap[type]"
+          size="xs"
+          variant="soft"
+        />
+      </UDropdownMenu>
+    </div>
+
+    <div :ref="props.contentRef" />
+  </div>
+</template>
+
+<script>
+import theme from "#build/cms/editor/callout";
+import { computed, ref, useAppConfig } from "#imports";
+import { tv } from "../../../utils/tv";
+</script>
+
+<script setup>
+const props = defineProps({
+  contentRef: { type: [String, Object, Function], required: true },
+  view: { type: Object, required: true },
+  getPos: { type: Function, required: true },
+  setAttrs: { type: Function, required: true },
+  node: { type: null, required: true },
+  selected: { type: null, required: true },
+  decorations: { type: null, required: true },
+  innerDecorations: { type: null, required: true }
+});
+const appConfig = useAppConfig();
+const iconColorMap = {
+  caution: "error",
+  note: "info",
+  warning: "warning",
+  tip: "success"
+};
+const iconTypeMap = {
+  caution: appConfig.ui.icons.caution,
+  note: appConfig.ui.icons.info,
+  warning: appConfig.ui.icons.warning,
+  tip: appConfig.ui.icons.tip
+};
+const type = computed({
+  get() {
+    return props.node.value.attrs.type;
+  },
+  set(value) {
+    props.setAttrs({ type: value });
+  }
+});
+const typeItems = ref([
+  {
+    icon: iconTypeMap.caution,
+    color: iconColorMap.caution,
+    onSelect: () => type.value = "caution"
+  },
+  {
+    icon: iconTypeMap.note,
+    color: iconColorMap.note,
+    onSelect: () => type.value = "note"
+  },
+  {
+    icon: iconTypeMap.warning,
+    color: iconColorMap.warning,
+    onSelect: () => type.value = "warning"
+  },
+  {
+    icon: iconTypeMap.tip,
+    color: iconColorMap.tip,
+    onSelect: () => type.value = "tip"
+  }
+]);
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.editor?.callout || {} })());
+</script>

package/dist/runtime/editor/extensions/callout/CalloutView.vue.d.ts

@@ -0,0 +1,7 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { VueNodeViewProps } from 'prosekit/vue';
+import type { ComponentConfig } from '../../../types';
+import theme from '#build/cms/editor/callout';
+export type ProseCallout = ComponentConfig<typeof theme, AppConfig, 'callout', 'cms.editor'>;
+declare const _default: import("vue").DefineComponent<VueNodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VueNodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/editor/extensions/callout/extension.d.ts

@@ -0,0 +1,13 @@
+import type { CalloutAttrs } from './types';
+export declare function defineCallout(): import("prosekit/core").Union<readonly [import("prosekit/core").Extension<{
+    Nodes: {
+        callout: CalloutAttrs;
+    };
+}>, import("prosekit/core").Extension<import("prosekit/core").ExtensionTyping<any, any, any>>, import("prosekit/core").Extension<{
+    Commands: {
+        setCallout: [attrs?: CalloutAttrs | undefined];
+        insertCallout: [attrs?: CalloutAttrs | undefined];
+        toggleCallout: [attrs?: CalloutAttrs | undefined];
+        setCalloutAttrs: [attrs: CalloutAttrs];
+    };
+}>]>;

package/dist/runtime/editor/extensions/callout/extension.js

@@ -0,0 +1,48 @@
+import { defineCommands, defineNodeSpec, insertNode, setBlockType, setNodeAttrs, toggleWrap, union } from "prosekit/core";
+import { defineVueNodeView } from "prosekit/vue";
+import CalloutView from "./CalloutView.vue";
+function defineCalloutSpec() {
+  return defineNodeSpec({
+    name: "callout",
+    group: "block",
+    content: "block+",
+    defining: true,
+    draggable: true,
+    attrs: {
+      type: { default: "note" }
+    },
+    parseDOM: [{ tag: 'div[data-type="callout"]' }],
+    toDOM({ attrs }) {
+      return ["div", { "data-type": "callout", ...attrs }];
+    }
+  });
+}
+function defineCalloutView() {
+  return defineVueNodeView({
+    name: "callout",
+    component: CalloutView
+  });
+}
+function defineCalloutCommands() {
+  return defineCommands({
+    setCallout: (attrs) => {
+      return setBlockType({ type: "callout", attrs });
+    },
+    insertCallout: (attrs) => {
+      return insertNode({ type: "callout", attrs });
+    },
+    toggleCallout: (attrs) => {
+      return toggleWrap({ type: "callout", attrs });
+    },
+    setCalloutAttrs: (attrs) => {
+      return setNodeAttrs({ type: "callout", attrs });
+    }
+  });
+}
+export function defineCallout() {
+  return union([
+    defineCalloutSpec(),
+    defineCalloutView(),
+    defineCalloutCommands()
+  ]);
+}

package/dist/runtime/editor/extensions/callout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './extension';
+export * from './types';

package/dist/runtime/editor/extensions/callout/index.js

@@ -0,0 +1,2 @@
+export * from "./extension.js";
+export * from "./types.js";

package/dist/runtime/editor/extensions/callout/types.d.ts

@@ -0,0 +1,3 @@
+export interface CalloutAttrs {
+    type: 'caution' | 'note' | 'warning' | 'tip';
+}

package/dist/runtime/editor/extensions/index.d.ts

@@ -0,0 +1,26 @@
+export type DefineFullExtension = ReturnType<typeof defineFullExtension>;
+export type DefineLightExtension = ReturnType<typeof defineLightExtension>;
+export declare function defineFullExtension(): import("prosekit/core").Union<readonly [import("prosekit/extensions/doc").DocExtension, import("prosekit/extensions/text").TextExtension, import("prosekit/extensions/paragraph").ParagraphExtension, import("prosekit/extensions/heading").HeadingExtension, import("prosekit/extensions/list").ListExtension, import("prosekit/extensions/blockquote").BlockquoteExtension, import("prosekit/extensions/image").ImageExtension, import("prosekit/extensions/horizontal-rule").HorizontalRuleExtension, import("prosekit/extensions/table").TableExtension, import("prosekit/extensions/code-block").CodeBlockExtension, import("prosekit/extensions/italic").ItalicExtension, import("prosekit/extensions/bold").BoldExtension, import("prosekit/extensions/underline").UnderlineExtension, import("prosekit/extensions/strike").StrikeExtension, import("prosekit/extensions/code").CodeExtension, import("prosekit/extensions/link").LinkExtension, import("prosekit/core").PlainExtension, import("prosekit/core").BaseCommandsExtension, import("prosekit/core").HistoryExtension, import("prosekit/core").PlainExtension, import("prosekit/core").PlainExtension, import("prosekit/core").PlainExtension, import("prosekit/core").PlainExtension, import("prosekit/core").PlainExtension, import("prosekit/core").Union<readonly [import("prosekit/core").Extension<{
+    Nodes: {
+        uploraImage: import("./uplora-image").UploraImageAttrs;
+    };
+}>, import("prosekit/core").Extension<import("prosekit/core").ExtensionTyping<any, any, any>>, import("prosekit/core").Extension<{
+    Commands: {
+        setUploraImage: [attrs?: import("./uplora-image").UploraImageAttrs | undefined];
+        insertUploraImage: [attrs?: import("./uplora-image").UploraImageAttrs | undefined];
+        toggleUploraImage: [attrs?: import("./uplora-image").UploraImageAttrs | undefined];
+        setUploraAttrs: [attrs: import("./uplora-image").UploraImageAttrs];
+    };
+}>]>, import("prosekit/core").Union<readonly [import("prosekit/core").Extension<{
+    Nodes: {
+        callout: import("./callout").CalloutAttrs;
+    };
+}>, import("prosekit/core").Extension<import("prosekit/core").ExtensionTyping<any, any, any>>, import("prosekit/core").Extension<{
+    Commands: {
+        setCallout: [attrs?: import("./callout").CalloutAttrs | undefined];
+        insertCallout: [attrs?: import("./callout").CalloutAttrs | undefined];
+        toggleCallout: [attrs?: import("./callout").CalloutAttrs | undefined];
+        setCalloutAttrs: [attrs: import("./callout").CalloutAttrs];
+    };
+}>]>]>;
+export declare function defineLightExtension(): import("prosekit/core").Union<readonly [import("prosekit/extensions/doc").DocExtension, import("prosekit/extensions/text").TextExtension, import("prosekit/extensions/paragraph").ParagraphExtension, import("prosekit/extensions/list").ListExtension, import("prosekit/extensions/blockquote").BlockquoteExtension, import("prosekit/extensions/code-block").CodeBlockExtension, import("prosekit/extensions/italic").ItalicExtension, import("prosekit/extensions/bold").BoldExtension, import("prosekit/extensions/underline").UnderlineExtension, import("prosekit/extensions/strike").StrikeExtension, import("prosekit/extensions/code").CodeExtension, import("prosekit/extensions/link").LinkExtension, import("prosekit/core").PlainExtension, import("prosekit/core").BaseCommandsExtension, import("prosekit/core").HistoryExtension, import("prosekit/core").PlainExtension, import("prosekit/core").PlainExtension]>;

package/dist/runtime/editor/extensions/index.js

@@ -0,0 +1,85 @@
+import { defineBaseCommands, defineBaseKeymap, defineHistory, union } from "prosekit/core";
+import { defineBlockquote } from "prosekit/extensions/blockquote";
+import { defineBold } from "prosekit/extensions/bold";
+import { defineCode } from "prosekit/extensions/code";
+import { defineCodeBlock } from "prosekit/extensions/code-block";
+import { defineDoc } from "prosekit/extensions/doc";
+import { defineDropCursor } from "prosekit/extensions/drop-cursor";
+import { defineGapCursor } from "prosekit/extensions/gap-cursor";
+import { defineHeading } from "prosekit/extensions/heading";
+import { defineHorizontalRule } from "prosekit/extensions/horizontal-rule";
+import { defineImage } from "prosekit/extensions/image";
+import { defineItalic } from "prosekit/extensions/italic";
+import { defineLink } from "prosekit/extensions/link";
+import { defineList } from "prosekit/extensions/list";
+import { defineModClickPrevention } from "prosekit/extensions/mod-click-prevention";
+import { defineParagraph } from "prosekit/extensions/paragraph";
+import { definePlaceholder } from "prosekit/extensions/placeholder";
+import { defineStrike } from "prosekit/extensions/strike";
+import { defineTable } from "prosekit/extensions/table";
+import { defineText } from "prosekit/extensions/text";
+import { defineUnderline } from "prosekit/extensions/underline";
+import { defineVirtualSelection } from "prosekit/extensions/virtual-selection";
+import { defineCallout } from "./callout/index.js";
+import { defineUploraImage } from "./uplora-image/index.js";
+export function defineFullExtension() {
+  return union([
+    // Nodes
+    defineDoc(),
+    defineText(),
+    defineParagraph(),
+    defineHeading(),
+    defineList(),
+    defineBlockquote(),
+    defineImage(),
+    defineHorizontalRule(),
+    defineTable(),
+    defineCodeBlock(),
+    // Marks
+    defineItalic(),
+    defineBold(),
+    defineUnderline(),
+    defineStrike(),
+    defineCode(),
+    defineLink(),
+    // Others
+    defineBaseKeymap(),
+    defineBaseCommands(),
+    defineHistory(),
+    defineDropCursor(),
+    defineGapCursor(),
+    defineVirtualSelection(),
+    defineModClickPrevention(),
+    definePlaceholder({
+      placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 '/' \u0434\u043B\u044F \u043A\u043E\u043C\u0430\u043D\u0434"
+    }),
+    defineUploraImage(),
+    defineCallout()
+  ]);
+}
+export function defineLightExtension() {
+  return union([
+    // Nodes
+    defineDoc(),
+    defineText(),
+    defineParagraph(),
+    defineList(),
+    defineBlockquote(),
+    defineCodeBlock(),
+    // Marks
+    defineItalic(),
+    defineBold(),
+    defineUnderline(),
+    defineStrike(),
+    defineCode(),
+    defineLink(),
+    // Others
+    defineBaseKeymap(),
+    defineBaseCommands(),
+    defineHistory(),
+    defineModClickPrevention(),
+    definePlaceholder({
+      placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442..."
+    })
+  ]);
+}

package/dist/runtime/editor/extensions/uplora-image/UploraImageView.vue

@@ -0,0 +1,26 @@
+<template>
+  <div :class="ui.root()">
+    ...
+  </div>
+</template>
+
+<script>
+import theme from "#build/cms/editor/uplora-image";
+import { computed, useAppConfig } from "#imports";
+import { tv } from "../../../utils/tv";
+</script>
+
+<script setup>
+const _props = defineProps({
+  contentRef: { type: [String, Object, Function], required: true },
+  view: { type: Object, required: true },
+  getPos: { type: Function, required: true },
+  setAttrs: { type: Function, required: true },
+  node: { type: null, required: true },
+  selected: { type: null, required: true },
+  decorations: { type: null, required: true },
+  innerDecorations: { type: null, required: true }
+});
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.editor?.uploraImage || {} })());
+</script>

package/dist/runtime/editor/extensions/uplora-image/UploraImageView.vue.d.ts

@@ -0,0 +1,7 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { VueNodeViewProps } from 'prosekit/vue';
+import type { ComponentConfig } from '../../../types';
+import theme from '#build/cms/editor/uplora-image';
+export type ProseUploraImage = ComponentConfig<typeof theme, AppConfig, 'uploraImage', 'cms.editor'>;
+declare const _default: import("vue").DefineComponent<VueNodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VueNodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/editor/extensions/uplora-image/extension.d.ts

@@ -0,0 +1,13 @@
+import type { UploraImageAttrs } from './types';
+export declare function defineUploraImage(): import("prosekit/core").Union<readonly [import("prosekit/core").Extension<{
+    Nodes: {
+        uploraImage: UploraImageAttrs;
+    };
+}>, import("prosekit/core").Extension<import("prosekit/core").ExtensionTyping<any, any, any>>, import("prosekit/core").Extension<{
+    Commands: {
+        setUploraImage: [attrs?: UploraImageAttrs | undefined];
+        insertUploraImage: [attrs?: UploraImageAttrs | undefined];
+        toggleUploraImage: [attrs?: UploraImageAttrs | undefined];
+        setUploraAttrs: [attrs: UploraImageAttrs];
+    };
+}>]>;

package/dist/runtime/editor/extensions/uplora-image/extension.js

@@ -0,0 +1,60 @@
+import { Fragment, Slice } from "@prosekit/pm/model";
+import { defineCommands, defineNodeSpec, getNodeType, insertNode, setNodeAttrs, toggleWrap, union } from "prosekit/core";
+import { defineVueNodeView } from "prosekit/vue";
+import UploraImageView from "./UploraImageView.vue";
+function defineUploraImageSpec() {
+  return defineNodeSpec({
+    name: "uploraImage",
+    group: "block",
+    atom: true,
+    attrs: {
+      image: { default: "" },
+      alt: { default: "" },
+      lqip: { default: "" }
+    },
+    parseDOM: [{ tag: 'div[data-type="uplora-image"]' }],
+    toDOM({ attrs }) {
+      return ["div", { "data-type": "uplora-image", ...attrs }];
+    }
+  });
+}
+function defineUploraImageView() {
+  return defineVueNodeView({
+    name: "uploraImage",
+    component: UploraImageView
+  });
+}
+function defineUploraImageCommands() {
+  return defineCommands({
+    setUploraImage: (attrs) => {
+      return (state, dispatch) => {
+        if (!dispatch) {
+          return true;
+        }
+        const { schema, tr } = state;
+        const type = getNodeType(schema, "uploraImage");
+        const node = type.create(attrs);
+        const pos = tr.selection.anchor;
+        tr.replaceRange(pos, pos, new Slice(Fragment.from(node), 0, 0));
+        dispatch(tr);
+        return true;
+      };
+    },
+    insertUploraImage: (attrs) => {
+      return insertNode({ type: "uploraImage", attrs });
+    },
+    toggleUploraImage: (attrs) => {
+      return toggleWrap({ type: "uploraImage", attrs });
+    },
+    setUploraAttrs: (attrs) => {
+      return setNodeAttrs({ type: "uploraImage", attrs });
+    }
+  });
+}
+export function defineUploraImage() {
+  return union([
+    defineUploraImageSpec(),
+    defineUploraImageView(),
+    defineUploraImageCommands()
+  ]);
+}

package/dist/runtime/editor/extensions/uplora-image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './extension';
+export * from './types';

package/dist/runtime/editor/extensions/uplora-image/index.js

@@ -0,0 +1,2 @@
+export * from "./extension.js";
+export * from "./types.js";

package/dist/runtime/editor/extensions/uplora-image/types.d.ts

@@ -0,0 +1,5 @@
+export interface UploraImageAttrs {
+    image: string;
+    alt: string;
+    lqip?: string;
+}

package/dist/runtime/server/api/uplora/[id].delete.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{}>>;
+export default _default;

package/dist/runtime/server/api/uplora/[id].delete.js

@@ -0,0 +1,4 @@
+import { defineHttpHandler } from "../../utils/httpHandler.js";
+export default defineHttpHandler(() => {
+  return {};
+});

package/dist/runtime/server/api/uplora/index.post.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{}>>;
+export default _default;

package/dist/runtime/server/api/uplora/index.post.js

@@ -0,0 +1,4 @@
+import { defineHttpHandler } from "../../utils/httpHandler.js";
+export default defineHttpHandler(() => {
+  return {};
+});

package/dist/runtime/types/tv.d.ts

@@ -27,14 +27,20 @@ type ComponentSlots<T extends {
     [K in keyof T['slots']]?: ClassValue;
 }>;
 type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : object;
-type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'cms' | 'cms.prose'> = A & (U extends 'cms.prose' ? {
+type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'cms' | 'cms.prose' | 'cms.editor'> = A & (U extends 'cms.prose' ? {
     cms?: {
         prose?: {
             [k in K]?: Partial<T>;
         };
     };
+} : U extends 'cms.editor' ? {
+    cms?: {
+        editor?: {
+            [k in K]?: Partial<T>;
+        };
+    };
 } : {
-    [key in Exclude<U, 'cms.prose'>]?: {
+    [key in Exclude<U, 'cms.prose' | 'cms.editor'>]?: {
         [k in K]?: Partial<T>;
     };
 });
@@ -45,7 +51,7 @@ type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U ex
  * @template K The key identifying the component (e.g., 'badge').
  * @template U The top-level key in AppConfig ('cms' or 'cms.prose').
  */
-export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'cms' | 'cms.prose' = 'cms'> = {
+export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'cms' | 'cms.prose' | 'cms.editor' = 'cms'> = {
     AppConfig: ComponentAppConfig<T, A, K, U>;
     variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
     slots: ComponentSlots<T>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hywax/cms",
   "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Hywax CMS. ⚠️ This package is intended for internal use only.",
   "repository": {
     "type": "git",