cabloy 5.1.134 → 5.1.136

package/zova/src/suite/a-home/modules/home-api/src/apiSchema/homeBaseSiteCatalog.ts

@@ -0,0 +1,13 @@
+import type { IApiSchemaOptions } from 'zova-module-a-api';
+
+import { BeanBase } from 'zova';
+import { ApiSchema } from 'zova-module-a-api';
+
+import { ApiApiHomeBaseSiteCatalogselectPath } from '../api/homeBaseSiteCatalog.js';
+
+@ApiSchema()
+export class ApiSchemaHomeBaseSiteCatalog extends BeanBase {
+  select(options?: IApiSchemaOptions) {
+    return this.$sdk.createApiSchemas(ApiApiHomeBaseSiteCatalogselectPath, 'get', options);
+  }
+}

package/zova/src/suite/a-home/modules/home-base/src/component/page/controller.tsx

@@ -12,6 +12,7 @@ export class ControllerPage extends BeanControllerBase {
   protected async __init__() {
     this.cPage = this.$style({
       padding: '16px',
+      height: '100%',
     });
   }
 

package/zova/src/suite/a-home/modules/home-layoutweb/src/component/layoutWeb/render.header.tsx

@@ -29,7 +29,6 @@ export class RenderHeader extends BeanRenderBase {
             <ul class="menu menu-horizontal">
               {this.$$r.$$renderLocale.render()}
               {this.$$r.$$renderTheme.renderThemeDark()}
-              {this.$ssr.profileOptions.useCookie && this.$$r.$$renderTheme.renderThemeName()}
             </ul>
           </div>
         </div>

package/zova/src/suite/cabloy-basic/modules/basic-details/src/types/detail.ts

@@ -1,6 +1,7 @@
 import { IDetailScope } from 'zova-module-a-openapi';
 import 'zova-module-a-form';
 import 'zova-module-a-openapi';
+
 import type { ServiceDetail } from '../service/detail.jsx';
 
 declare module 'zova-module-a-openapi' {

package/zova/src/suite/cabloy-basic/modules/basic-markdown/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "zova-module-basic-markdown",
+  "version": "5.0.0",
+  "description": "",
+  "keywords": [
+    "Zova Module"
+  ],
+  "author": "",
+  "files": [
+    "mock",
+    "dist",
+    "src",
+    "icons",
+    "assets"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": [
+        "./src/index.ts",
+        "./dist/index.d.ts"
+      ],
+      "import": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./*": "./*"
+  },
+  "scripts": {
+    "clean": "rimraf dist tsconfig.build.tsbuildinfo",
+    "tsc:publish": "npm run clean && node ../../../../../packages-cli/cli/src/bin/zova.ts :bin:buildModule --sourcemap && tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run tsc:publish",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "dependencies": {
+    "@tiptap/core": "^3.30.0",
+    "@tiptap/extension-highlight": "^3.30.0",
+    "@tiptap/extension-image": "^3.30.0",
+    "@tiptap/extension-list": "^3.30.0",
+    "@tiptap/extension-table": "^3.30.0",
+    "@tiptap/markdown": "^3.30.0",
+    "@tiptap/starter-kit": "^3.30.0",
+    "@tiptap/vue-3": "^3.30.0"
+  },
+  "devDependencies": {
+    "clean-package": "^2.2.0",
+    "rimraf": "^6.1.3"
+  },
+  "clean-package": {
+    "indent": 2,
+    "replace": {
+      "exports.\\..types": "./dist/index.d.ts"
+    },
+    "remove": [
+      "clean-package",
+      "devDependencies",
+      "exports.\\..import"
+    ]
+  },
+  "title": "basic-markdown"
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/.metadata/component/formFieldMarkdown.ts

@@ -0,0 +1,36 @@
+import type { TypeControllerInnerProps } from 'zova';
+
+import { defineComponent } from 'vue';
+import { prepareComponentOptions, useController } from 'zova';
+
+import type { ControllerFormFieldMarkdownProps } from '../../component/formFieldMarkdown/controller.jsx';
+
+import { ControllerFormFieldMarkdown } from '../../component/formFieldMarkdown/controller.jsx';
+import { RenderFormFieldMarkdown } from '../../component/formFieldMarkdown/render.jsx';
+import { StyleFormFieldMarkdown } from '../../component/formFieldMarkdown/style.js';
+export type ZFormFieldMarkdownProps = {
+  controllerRef?: (ref: ControllerFormFieldMarkdown) => void;
+} & ControllerFormFieldMarkdownProps;
+
+type ControllerInnerProps = TypeControllerInnerProps<
+  ControllerFormFieldMarkdownProps,
+  keyof typeof ControllerFormFieldMarkdown.$propsDefault
+>;
+declare module 'zova-module-basic-markdown' {
+  export interface ControllerFormFieldMarkdown {
+    $props: ControllerInnerProps;
+  }
+}
+declare module 'zova-module-basic-markdown' {
+  export interface StyleFormFieldMarkdown extends ControllerFormFieldMarkdown {}
+  export interface RenderFormFieldMarkdown extends StyleFormFieldMarkdown {}
+}
+export const ZFormFieldMarkdown = defineComponent((_props: ZFormFieldMarkdownProps) => {
+  useController(ControllerFormFieldMarkdown, RenderFormFieldMarkdown, StyleFormFieldMarkdown);
+  return () => {};
+}, prepareComponentOptions(ControllerFormFieldMarkdown.$componentOptions));
+declare module 'zova-module-a-bean' {
+  export interface IVonaComponentRecord {
+    'basic-markdown:formFieldMarkdown': ControllerFormFieldMarkdownProps;
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/.metadata/component/markdownHtml.ts

@@ -0,0 +1,36 @@
+import type { TypeControllerInnerProps } from 'zova';
+
+import { defineComponent } from 'vue';
+import { prepareComponentOptions, useController } from 'zova';
+
+import type { ControllerMarkdownHtmlProps } from '../../component/markdownHtml/controller.jsx';
+
+import { ControllerMarkdownHtml } from '../../component/markdownHtml/controller.jsx';
+import { RenderMarkdownHtml } from '../../component/markdownHtml/render.jsx';
+import { StyleMarkdownHtml } from '../../component/markdownHtml/style.js';
+export type ZMarkdownHtmlProps = {
+  controllerRef?: (ref: ControllerMarkdownHtml) => void;
+} & ControllerMarkdownHtmlProps;
+
+type ControllerInnerProps = TypeControllerInnerProps<
+  ControllerMarkdownHtmlProps,
+  keyof typeof ControllerMarkdownHtml.$propsDefault
+>;
+declare module 'zova-module-basic-markdown' {
+  export interface ControllerMarkdownHtml {
+    $props: ControllerInnerProps;
+  }
+}
+declare module 'zova-module-basic-markdown' {
+  export interface StyleMarkdownHtml extends ControllerMarkdownHtml {}
+  export interface RenderMarkdownHtml extends StyleMarkdownHtml {}
+}
+export const ZMarkdownHtml = defineComponent((_props: ZMarkdownHtmlProps) => {
+  useController(ControllerMarkdownHtml, RenderMarkdownHtml, StyleMarkdownHtml);
+  return () => {};
+}, prepareComponentOptions(ControllerMarkdownHtml.$componentOptions));
+declare module 'zova-module-a-bean' {
+  export interface IVonaComponentRecord {
+    'basic-markdown:markdownHtml': ControllerMarkdownHtmlProps;
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/.metadata/index.ts

@@ -0,0 +1,147 @@
+// eslint-disable
+/** controller: begin */
+export * from '../component/formFieldMarkdown/controller.jsx';
+export * from '../component/markdownHtml/controller.jsx';
+
+import 'zova';
+declare module 'zova' {
+
+
+}
+declare module 'zova-module-basic-markdown' {
+
+        export interface ControllerFormFieldMarkdown {
+          /** @internal */
+          get scope(): ScopeModuleBasicMarkdown;
+        }
+
+        export interface ControllerMarkdownHtml {
+          /** @internal */
+          get scope(): ScopeModuleBasicMarkdown;
+        }
+}
+/** controller: end */
+/** controller: begin */
+import { ControllerFormFieldMarkdown } from '../component/formFieldMarkdown/controller.jsx';
+import { ControllerMarkdownHtml } from '../component/markdownHtml/controller.jsx';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordLocal {
+    'basic-markdown.controller.formFieldMarkdown': ControllerFormFieldMarkdown;
+'basic-markdown.controller.markdownHtml': ControllerMarkdownHtml;
+  }
+}
+/** controller: end */
+
+/** components: begin */
+export * from './component/formFieldMarkdown.js';
+import { ZFormFieldMarkdown } from './component/formFieldMarkdown.js';
+export * from './component/markdownHtml.js';
+import { ZMarkdownHtml } from './component/markdownHtml.js';
+export const components = {
+  'formFieldMarkdown': ZFormFieldMarkdown,
+'markdownHtml': ZMarkdownHtml,
+};
+import 'zova';
+declare module 'zova' {
+export interface IComponentRecord {
+  'basic-markdown:formFieldMarkdown': ControllerFormFieldMarkdown;
+'basic-markdown:markdownHtml': ControllerMarkdownHtml;
+}
+export interface IZovaComponentRecord {
+  'basic-markdown:formFieldMarkdown': typeof ZFormFieldMarkdown;
+'basic-markdown:markdownHtml': typeof ZMarkdownHtml;
+}
+}
+/** components: end */
+/** render: begin */
+export * from '../component/formFieldMarkdown/render.jsx';
+export * from '../component/markdownHtml/render.jsx';
+
+import 'zova';
+declare module 'zova' {
+
+
+}
+declare module 'zova-module-basic-markdown' {
+
+        export interface RenderFormFieldMarkdown {
+          /** @internal */
+          get scope(): ScopeModuleBasicMarkdown;
+        }
+
+        export interface RenderMarkdownHtml {
+          /** @internal */
+          get scope(): ScopeModuleBasicMarkdown;
+        }
+}
+/** render: end */
+/** render: begin */
+import { RenderFormFieldMarkdown } from '../component/formFieldMarkdown/render.jsx';
+import { RenderMarkdownHtml } from '../component/markdownHtml/render.jsx';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordLocal {
+    'basic-markdown.render.formFieldMarkdown': RenderFormFieldMarkdown;
+'basic-markdown.render.markdownHtml': RenderMarkdownHtml;
+  }
+}
+/** render: end */
+/** style: begin */
+export * from '../component/formFieldMarkdown/style.js';
+export * from '../component/markdownHtml/style.js';
+
+import 'zova';
+declare module 'zova' {
+
+
+}
+declare module 'zova-module-basic-markdown' {
+
+        export interface StyleFormFieldMarkdown {
+          /** @internal */
+          get scope(): ScopeModuleBasicMarkdown;
+        }
+
+        export interface StyleMarkdownHtml {
+          /** @internal */
+          get scope(): ScopeModuleBasicMarkdown;
+        }
+}
+/** style: end */
+/** style: begin */
+import { StyleFormFieldMarkdown } from '../component/formFieldMarkdown/style.js';
+import { StyleMarkdownHtml } from '../component/markdownHtml/style.js';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordLocal {
+    'basic-markdown.style.formFieldMarkdown': StyleFormFieldMarkdown;
+'basic-markdown.style.markdownHtml': StyleMarkdownHtml;
+  }
+}
+/** style: end */
+/** scope: begin */
+import { BeanScopeBase, type BeanScopeUtil } from 'zova';
+import { Scope } from 'zova-module-a-bean';
+
+@Scope()
+export class ScopeModuleBasicMarkdown extends BeanScopeBase {}
+
+export interface ScopeModuleBasicMarkdown {
+  util: BeanScopeUtil;
+}
+
+import 'zova';
+declare module 'zova' {
+  export interface IBeanScopeRecord {
+    'basic-markdown': ScopeModuleBasicMarkdown;
+  }
+
+
+
+
+
+
+}
+
+/** scope: end */

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/.metadata/this.ts

@@ -0,0 +1,2 @@
+export const __ThisModule__ = 'basic-markdown';
+export { ScopeModuleBasicMarkdown as ScopeModule } from './index.js';

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/component/formFieldMarkdown/controller.tsx

@@ -0,0 +1,111 @@
+import type { IComponentOptions } from 'zova';
+import type {
+  ControllerFormField,
+  IFormFieldComponentOptions,
+  IFormFieldRenderContextPropsBucket,
+} from 'zova-module-a-form';
+import type { IResourceFormFieldOptionsBase } from 'zova-module-a-openapi';
+
+import { Highlight } from '@tiptap/extension-highlight';
+import { Image } from '@tiptap/extension-image';
+import { TaskItem, TaskList } from '@tiptap/extension-list';
+import { TableKit } from '@tiptap/extension-table';
+import { Markdown } from '@tiptap/markdown';
+import StarterKit from '@tiptap/starter-kit';
+import { Editor } from '@tiptap/vue-3';
+import { BeanControllerBase } from 'zova';
+import { Controller } from 'zova-module-a-bean';
+
+declare module 'zova-module-a-openapi' {
+  export interface IResourceFormFieldRecord {
+    'basic-markdown:formFieldMarkdown'?: IResourceFormFieldMarkdownOptions;
+  }
+}
+
+export interface IResourceFormFieldMarkdownOptions extends IResourceFormFieldOptionsBase {}
+
+export interface ControllerFormFieldMarkdownProps extends IFormFieldComponentOptions {
+  options?: IResourceFormFieldMarkdownOptions;
+}
+
+@Controller()
+export class ControllerFormFieldMarkdown extends BeanControllerBase {
+  static $propsDefault = {};
+  static $componentOptions: IComponentOptions = { inheritAttrs: false, deepExtendDefault: true };
+
+  editor?: Editor;
+  value = '';
+  readonly = false;
+  private _syncing = false;
+  private _setValue?: (value: string, disableNotifyChanged?: boolean) => void;
+  private _handleBlur?: () => void;
+
+  protected async __init__() {
+    this.$controllerMounted(() => {
+      this.editor = new Editor({
+        extensions: [
+          Markdown,
+          StarterKit,
+          TaskList,
+          TaskItem.configure({ nested: true }),
+          Image,
+          TableKit,
+          Highlight,
+        ],
+        content: this.value,
+        contentType: 'markdown',
+        editable: !this.readonly,
+        editorProps: {
+          attributes: {
+            class: 'min-h-96 p-4 outline-none',
+          },
+        },
+        onUpdate: ({ editor }) => {
+          if (this._syncing) return;
+          this._setValue?.(editor.getMarkdown());
+        },
+        onBlur: () => {
+          this._handleBlur?.();
+        },
+      });
+      this.$watch(
+        () => this.value,
+        value => {
+          if (!this.editor || this.editor.getMarkdown() === value) return;
+          this._syncing = true;
+          this.editor.commands.setContent(value, { contentType: 'markdown' });
+          this._syncing = false;
+        },
+      );
+      this.$watch(
+        () => this.readonly,
+        readonly => {
+          this.editor?.setEditable(!readonly);
+        },
+      );
+    });
+  }
+
+  protected __dispose__() {
+    this.editor?.destroy();
+  }
+
+  public bindFormField(
+    propsBucket: IFormFieldRenderContextPropsBucket,
+    formField: ControllerFormField,
+  ) {
+    const value = propsBucket.value ?? '';
+    const readonly = propsBucket.readonly ?? false;
+    if (this.value !== value) this.value = value;
+    if (this.readonly !== readonly) this.readonly = readonly;
+    if (this._setValue && this._handleBlur) return;
+    this._setValue = (value, disableNotifyChanged) => {
+      if (this.readonly) return;
+      formField.setValue(value, disableNotifyChanged);
+    };
+    this._handleBlur = () => {
+      if (this.readonly) return;
+      formField.handleBlur();
+    };
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/component/formFieldMarkdown/render.tsx

@@ -0,0 +1,40 @@
+import { EditorContent } from '@tiptap/vue-3';
+import { BeanRenderBase, ClientOnly } from 'zova';
+import { Render } from 'zova-module-a-bean';
+import { ZFormField } from 'zova-module-a-form';
+
+@Render()
+export class RenderFormFieldMarkdown extends BeanRenderBase {
+  public render() {
+    return (
+      <ZFormField
+        {...this.$props}
+        slotDefault={({ propsBucket, props }, $$formField) => {
+          this.bindFormField(propsBucket, $$formField);
+          return (
+            <div class={props.class}>
+              <div
+                class={[
+                  'rounded-box border border-base-300 bg-base-100',
+                  !$$formField.field.state.meta.isValid && 'border-error',
+                ]}
+                onClick={() => {
+                  if (!this.readonly) {
+                    this.editor?.commands.focus();
+                  }
+                }}
+              >
+                <ClientOnly
+                  v-slots={{
+                    default: () => <EditorContent editor={this.editor} class={this.cMarkdown} />,
+                    placeholder: () => <div class="min-h-96 p-4" aria-hidden="true"></div>,
+                  }}
+                ></ClientOnly>
+              </div>
+            </div>
+          );
+        }}
+      ></ZFormField>
+    );
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/component/formFieldMarkdown/style.ts

@@ -0,0 +1,13 @@
+import { BeanStyleBase } from 'zova';
+import { Style } from 'zova-module-a-bean';
+
+import { richTextContentStyle } from '../../lib/richTextContentStyle.js';
+
+@Style()
+export class StyleFormFieldMarkdown extends BeanStyleBase {
+  cMarkdown: string;
+
+  protected async __init__() {
+    this.cMarkdown = this.$style(richTextContentStyle());
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/component/markdownHtml/controller.tsx

@@ -0,0 +1,17 @@
+import type { IComponentOptions } from 'zova';
+
+import { BeanControllerBase } from 'zova';
+import { Controller } from 'zova-module-a-bean';
+
+export interface ControllerMarkdownHtmlProps {
+  class?: string;
+  html?: string;
+}
+
+@Controller()
+export class ControllerMarkdownHtml extends BeanControllerBase {
+  static $propsDefault = {};
+  static $componentOptions: IComponentOptions = { inheritAttrs: false, deepExtendDefault: true };
+
+  protected async __init__() {}
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/component/markdownHtml/render.tsx

@@ -0,0 +1,9 @@
+import { BeanRenderBase } from 'zova';
+import { Render } from 'zova-module-a-bean';
+
+@Render()
+export class RenderMarkdownHtml extends BeanRenderBase {
+  public render() {
+    return <div class={[this.$props.class, this.cMarkdown]} innerHTML={this.$props.html}></div>;
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/component/markdownHtml/style.ts

@@ -0,0 +1,13 @@
+import { BeanStyleBase } from 'zova';
+import { Style } from 'zova-module-a-bean';
+
+import { richTextContentStyle } from '../../lib/richTextContentStyle.js';
+
+@Style()
+export class StyleMarkdownHtml extends BeanStyleBase {
+  cMarkdown: string;
+
+  protected async __init__() {
+    this.cMarkdown = this.$style(richTextContentStyle());
+  }
+}

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/index.ts

@@ -0,0 +1 @@
+export * from './.metadata/index.js';

package/zova/src/suite/cabloy-basic/modules/basic-markdown/src/lib/richTextContentStyle.ts

@@ -0,0 +1,142 @@
+import type { NestedCSSProperties } from 'typestyle/lib/types.js';
+
+export function richTextContentStyle(): NestedCSSProperties {
+  return {
+    color: 'var(--color-base-content)',
+    lineHeight: 1.65,
+    overflowWrap: 'anywhere',
+    $nest: {
+      '& > :first-child, & > :first-child > :first-child': {
+        marginTop: 0,
+      },
+      '& > :last-child, & > :first-child > :last-child': {
+        marginBottom: 0,
+      },
+      '& h1, & h2, & h3, & h4, & h5, & h6': {
+        fontWeight: 700,
+        lineHeight: 1.25,
+        margin: '1.5rem 0 0.75rem',
+      },
+      '& h1': {
+        fontSize: '1.875rem',
+      },
+      '& h2': {
+        fontSize: '1.5rem',
+      },
+      '& h3': {
+        fontSize: '1.25rem',
+      },
+      '& h4': {
+        fontSize: '1.125rem',
+      },
+      '& h5, & h6': {
+        fontSize: '1rem',
+      },
+      '& p': {
+        margin: '0.75rem 0',
+      },
+      '& ul, & ol': {
+        margin: '0.75rem 0',
+        paddingInlineStart: '1.5rem',
+      },
+      '& ul': {
+        listStyleType: 'disc',
+      },
+      '& ol': {
+        listStyleType: 'decimal',
+      },
+      '& li + li': {
+        marginTop: '0.25rem',
+      },
+      '& li > ul, & li > ol': {
+        margin: '0.25rem 0',
+      },
+      '& ul[data-type="taskList"]': {
+        listStyle: 'none',
+        paddingInlineStart: 0,
+      },
+      '& ul[data-type="taskList"] li': {
+        alignItems: 'flex-start',
+        display: 'flex',
+        gap: '0.5rem',
+      },
+      '& ul[data-type="taskList"] li > label': {
+        lineHeight: 1.65,
+        paddingTop: '0.2rem',
+      },
+      '& ul[data-type="taskList"] li > div': {
+        flex: 1,
+        minWidth: 0,
+      },
+      '& ul[data-type="taskList"] li > div > p': {
+        margin: 0,
+      },
+      '& blockquote': {
+        borderInlineStart: '0.25rem solid var(--color-base-300)',
+        color: 'color-mix(in srgb, var(--color-base-content) 75%, transparent)',
+        margin: '1rem 0',
+        paddingInlineStart: '1rem',
+      },
+      '& code': {
+        background: 'var(--color-base-200)',
+        borderRadius: 'var(--radius-box)',
+        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+        fontSize: '0.875em',
+        padding: '0.125rem 0.25rem',
+      },
+      '& pre': {
+        background: 'var(--color-base-200)',
+        borderRadius: 'var(--radius-box)',
+        lineHeight: 1.5,
+        margin: '1rem 0',
+        overflowX: 'auto',
+        padding: '1rem',
+      },
+      '& pre code': {
+        background: 'transparent',
+        borderRadius: 0,
+        fontSize: '0.875rem',
+        padding: 0,
+      },
+      '& mark': {
+        background: 'color-mix(in srgb, var(--color-primary) 30%, transparent)',
+        borderRadius: '0.125rem',
+        color: 'inherit',
+        padding: '0.125rem 0.25rem',
+      },
+      '& a': {
+        color: 'var(--color-primary)',
+        textDecoration: 'underline',
+        textUnderlineOffset: '0.125rem',
+      },
+      '& img': {
+        borderRadius: 'var(--radius-box)',
+        display: 'block',
+        height: 'auto',
+        margin: '1rem 0',
+        maxWidth: '100%',
+      },
+      '& hr': {
+        border: 0,
+        borderTop: '1px solid var(--color-base-300)',
+        margin: '1.5rem 0',
+      },
+      '& table': {
+        borderCollapse: 'collapse',
+        margin: '1rem 0',
+        width: '100%',
+      },
+      '& th, & td': {
+        border: '1px solid var(--color-base-300)',
+        minWidth: '8rem',
+        padding: '0.5rem 0.75rem',
+        textAlign: 'start',
+        verticalAlign: 'top',
+      },
+      '& th': {
+        background: 'var(--color-base-200)',
+        fontWeight: 600,
+      },
+    },
+  };
+}