@shwfed/config 1.1.1 → 1.1.3

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "shwfed",
   "configKey": "shwfed",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -157,6 +157,9 @@ const module$1 = defineNuxtModule({
       }
     }
     addImports([
+      // Type-only auto-import: hosts binding `<ShwfedConfig v-model:config>`
+      // get `PageConfigValue` globally without reaching into `runtime/`.
+      { name: "PageConfigValue", from: resolver.resolve("./runtime/components/config/schema"), type: true },
       { name: "provideCELContext", from: resolver.resolve("./runtime/plugins/cel/context") },
       { name: "openModal", from: resolver.resolve("./runtime/composables/useOverlay") },
       { name: "confirm", from: resolver.resolve("./runtime/composables/useOverlay") },

package/dist/runtime/components/actions/utils/resolve.js

@@ -3,14 +3,16 @@ import { Effect } from "effect";
 import { toast } from "vue-sonner";
 import { defineRegistry } from "../../../share/define-registry.js";
 const schemaModules = import.meta.glob(
-  "../buttons/*/*/schema.ts",
-  { eager: true }
+  "../buttons/*/*/schema.{ts,js}",
+  { eager: true, exhaustive: true }
 );
 const configModuleLoaders = import.meta.glob(
-  "../buttons/*/*/config.vue"
+  "../buttons/*/*/config.vue",
+  { exhaustive: true }
 );
 const runtimeModuleLoaders = import.meta.glob(
-  "../buttons/*/*/runtime.vue"
+  "../buttons/*/*/runtime.vue",
+  { exhaustive: true }
 );
 const configModules = Object.fromEntries(
   Object.entries(configModuleLoaders).map(([path, loader]) => [

package/dist/runtime/components/block-layout-editor/meta-strip.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import { ExpressionEditor } from "../ui/expression-editor";
 import { Field, FieldLabel } from "../ui/field";
 import { InputGroup, InputGroupInput } from "../ui/input-group";
 import { Markdown } from "../ui/markdown";
@@ -70,14 +71,12 @@ function updateMedia(value) {
           </template>
           匹配条件
         </FieldLabel>
-        <InputGroup>
-          <InputGroupInput
-            :model-value="layout.media ?? ''"
-            placeholder="media('(min-width: 1024px)')"
-            class="font-mono text-xs"
-            @update:model-value="(v) => updateMedia(String(v ?? ''))"
-          />
-        </InputGroup>
+        <ExpressionEditor
+          :model-value="layout.media ?? ''"
+          placeholder="media('(min-width: 1024px)')"
+          result-type="bool"
+          @update:model-value="(v) => updateMedia(v)"
+        />
       </Field>
     </div>
   </div>

package/dist/runtime/components/config/index.d.vue.ts

@@ -1,11 +1,11 @@
 import type { Environment } from '../../vendor/cel-js/lib/index.js';
-import type { PageConfigValue } from './schema.js';
+import { type PageConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
     editable?: boolean;
 };
 type __VLS_ModelProps = {
-    'config': PageConfigValue;
+    'config'?: PageConfigValue | null | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -19,7 +19,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 layout: import("../form/schema.js").LayoutValue;
             }>[];
         }>;
-    }>) => any;
+    }> | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.page";
@@ -31,7 +31,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 layout: import("../form/schema.js").LayoutValue;
             }>[];
         }>;
-    }>) => any) | undefined;
+    }> | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/config/index.vue

@@ -1,15 +1,22 @@
 <script setup>
-import { ref, watch } from "vue";
+import { computed, ref, watch } from "vue";
 import { injectCELContext } from "../../plugins/cel/context";
 import SlotRenderer from "../../share/slot-renderer.vue";
 import ShwfedModal from "../modal.vue";
 import EditorBody from "./config.vue";
 import EditorBreadcrumb from "./breadcrumb.vue";
 import EditorFooter from "./footer.vue";
+import { createPageConfig } from "./schema";
 import { useConfigEditor } from "./use-editor";
 import { findBlock } from "./utils/resolve";
 defineOptions({ name: "ShwfedConfig" });
-const config = defineModel("config", { type: Object, ...{ required: true } });
+const configModel = defineModel("config", { type: null });
+const config = computed({
+  get: () => configModel.value ?? createPageConfig(),
+  set: (next) => {
+    configModel.value = next;
+  }
+});
 const props = defineProps({
   configure: { type: Function, required: false },
   editable: { type: Boolean, required: false }

package/dist/runtime/components/config/index.vue.d.ts

@@ -1,11 +1,11 @@
 import type { Environment } from '../../vendor/cel-js/lib/index.js';
-import type { PageConfigValue } from './schema.js';
+import { type PageConfigValue } from './schema.js';
 type __VLS_Props = {
     configure?: (env: Environment) => void;
     editable?: boolean;
 };
 type __VLS_ModelProps = {
-    'config': PageConfigValue;
+    'config'?: PageConfigValue | null | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -19,7 +19,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 layout: import("../form/schema.js").LayoutValue;
             }>[];
         }>;
-    }>) => any;
+    }> | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:config"?: ((value: Readonly<{
         kind: "shwfed.component.page";
@@ -31,7 +31,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 layout: import("../form/schema.js").LayoutValue;
             }>[];
         }>;
-    }>) => any) | undefined;
+    }> | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/config/utils/resolve.js

@@ -2,16 +2,16 @@ import { Schema } from "effect";
 import { defineRegistry } from "../../../share/define-registry.js";
 import { registerBlockRef, registerFindBlock } from "./block-ref-cache.js";
 const schemaModules = import.meta.glob(
-  "../blocks/*/*/schema.ts",
-  { eager: true }
+  "../blocks/*/*/schema.{ts,js}",
+  { eager: true, exhaustive: true }
 );
 const configModules = import.meta.glob(
   "../blocks/*/*/config.vue",
-  { eager: true, import: "default" }
+  { eager: true, import: "default", exhaustive: true }
 );
 const runtimeModules = import.meta.glob(
   "../blocks/*/*/runtime.vue",
-  { eager: true, import: "default" }
+  { eager: true, import: "default", exhaustive: true }
 );
 const registry = defineRegistry({
   hostName: "shwfed-config",

package/dist/runtime/components/form/utils/resolve.js

@@ -1,15 +1,15 @@
 import { defineRegistry } from "../../../share/define-registry.js";
 const schemaModules = import.meta.glob(
-  "../fields/*/*/schema.ts",
-  { eager: true }
+  "../fields/*/*/schema.{ts,js}",
+  { eager: true, exhaustive: true }
 );
 const configModules = import.meta.glob(
   "../fields/*/*/config.vue",
-  { eager: true, import: "default" }
+  { eager: true, import: "default", exhaustive: true }
 );
 const runtimeModules = import.meta.glob(
   "../fields/*/*/runtime.vue",
-  { eager: true, import: "default" }
+  { eager: true, import: "default", exhaustive: true }
 );
 const registry = defineRegistry({
   hostName: "shwfed-form",

package/dist/runtime/components/table/utils/resolve.js

@@ -1,15 +1,15 @@
 import { defineRegistry } from "../../../share/define-registry.js";
 const schemaModules = import.meta.glob(
-  "../columns/*/*/schema.ts",
-  { eager: true }
+  "../columns/*/*/schema.{ts,js}",
+  { eager: true, exhaustive: true }
 );
 const configModules = import.meta.glob(
   "../columns/*/*/config.vue",
-  { eager: true, import: "default" }
+  { eager: true, import: "default", exhaustive: true }
 );
 const runtimeModules = import.meta.glob(
   "../columns/*/*/runtime.vue",
-  { eager: true, import: "default" }
+  { eager: true, import: "default", exhaustive: true }
 );
 const registry = defineRegistry({
   hostName: "shwfed-table",

package/dist/runtime/share/define-registry.js

@@ -8,7 +8,7 @@ export function defineRegistry(options) {
     validateModule,
     deriveEntryExtras
   } = options;
-  const pathRe = new RegExp(`/${dirSegment}/([^/]+)/([^/]+)/schema\\.ts$`);
+  const pathRe = new RegExp(`/${dirSegment}/([^/]+)/([^/]+)/schema\\.(?:ts|js)$`);
   const parsePath = (path) => {
     const match = pathRe.exec(path);
     if (!match) throw new Error(`[${hostName}] unrecognized schema path: ${path}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {