@shwfed/config 2.7.0 → 2.7.2

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/badge.vue

@@ -0,0 +1,91 @@
+<script setup>
+import { computed, onMounted, ref, watch } from "vue";
+import { Effect, Option } from "effect";
+import { Fetch } from "fx-fetch";
+import { useIntervalFn, useWindowFocus } from "@vueuse/core";
+import { useI18n } from "vue-i18n";
+import { getLocalizedText } from "../../../../../share/locale";
+import { cel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { interpolateMarkdown } from "../../../../table/utils/runtime";
+import { Badge } from "../../../../ui/badge";
+import { Markdown } from "../../../../ui/markdown";
+defineOptions({ name: "ShwfedBlockCardBadge", inheritAttrs: false });
+const props = defineProps({
+  badge: { type: null, required: true }
+});
+const { locale } = useI18n();
+const inheritedContext = injectCELContext();
+const json = ref(void 0);
+function baseContext() {
+  return celBindings(inheritedContext);
+}
+const jsonOption = computed(
+  () => json.value === void 0 ? Option.none() : Option.some(json.value)
+);
+const template = computed(() => getLocalizedText(props.badge.content, locale.value) || "");
+const rendered = computed(() => {
+  if (!template.value) return "";
+  return interpolateMarkdown(template.value, cel, { ...baseContext(), json: jsonOption.value });
+});
+async function refresh() {
+  const req = props.badge.request;
+  if (!req) return;
+  const ctx = baseContext();
+  const program = Effect.gen(function* () {
+    const builder = yield* cel(req, ctx);
+    return yield* builder.json();
+  });
+  try {
+    json.value = await Effect.runPromise(Effect.provide(program, Fetch.layer));
+  } catch (e) {
+    console.warn("[shwfed-card-badge] fetch failed", e);
+  }
+}
+const pollingEnabled = computed(() => !!props.badge.request && (props.badge.interval ?? 0) > 0);
+const intervalMs = computed(() => Math.max(1, props.badge.interval ?? 1) * 1e3);
+const focused = useWindowFocus();
+const { pause, resume } = useIntervalFn(() => void refresh(), intervalMs, { immediate: false });
+onMounted(() => {
+  void refresh();
+  if (pollingEnabled.value && focused.value) resume();
+});
+watch(focused, (isFocused) => {
+  if (!pollingEnabled.value) return;
+  if (isFocused) {
+    void refresh();
+    resume();
+  } else {
+    pause();
+  }
+});
+watch(
+  () => [props.badge.request ?? "", props.badge.interval ?? 0].join("|"),
+  () => {
+    void refresh();
+    if (pollingEnabled.value && focused.value) resume();
+    else pause();
+  }
+);
+</script>
+
+<template>
+  <template v-if="template">
+    <Badge
+      v-if="badge.dot"
+      :variant="badge.variant ?? 'default'"
+      class="size-2.5 min-w-0 rounded-full p-0"
+      v-bind="$attrs"
+    />
+    <Badge
+      v-else
+      :variant="badge.variant ?? 'default'"
+      v-bind="$attrs"
+    >
+      <Markdown
+        :source="rendered"
+        class="max-w-none text-inherit [&_*]:text-inherit [&_p]:m-0"
+      />
+    </Badge>
+  </template>
+</template>

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/badge.vue.d.ts

@@ -0,0 +1,7 @@
+import type { BadgeValue } from './schema.js';
+type __VLS_Props = {
+    badge: BadgeValue;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/blocks/2026-06-02/com.shwfed.block.card/config.d.vue.ts

@@ -0,0 +1,96 @@
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import { type Value } from './schema.js';
+type __VLS_Props = {
+    configure?: (env: Environment) => void;
+};
+type __VLS_ModelProps = {
+    modelValue: Value;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        readonly type: "com.shwfed.block.card";
+        readonly style?: string | undefined;
+        readonly id: string;
+        readonly slot: {
+            readonly blocks: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+        };
+        readonly displayName?: string | undefined;
+        readonly url?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+        readonly badge?: {
+            readonly content?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly dot?: boolean | undefined;
+            readonly variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+            readonly request?: string | undefined;
+            readonly interval?: number | undefined;
+        } | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        readonly type: "com.shwfed.block.card";
+        readonly style?: string | undefined;
+        readonly id: string;
+        readonly slot: {
+            readonly blocks: readonly any[];
+            readonly layouts: readonly {
+                readonly name: string;
+                readonly layout: {
+                    readonly style?: string | undefined;
+                    readonly columns: number;
+                    readonly gap?: number | undefined;
+                    readonly rows?: number | undefined;
+                    readonly placements: {
+                        readonly [x: string]: {
+                            readonly area: readonly [readonly [number, number], readonly [number, number]];
+                            readonly v?: "stretch" | "center" | "end" | "start" | undefined;
+                            readonly h?: "stretch" | "center" | "end" | "start" | undefined;
+                        };
+                    };
+                };
+                readonly media?: string | undefined;
+            }[];
+        };
+        readonly displayName?: string | undefined;
+        readonly url?: string | undefined;
+        readonly compatibilityDate: "2026-06-02";
+        readonly badge?: {
+            readonly content?: readonly [{
+                readonly locale: "zh";
+                readonly message: string;
+            }, ...{
+                readonly locale: "en" | "ja" | "ko";
+                readonly message: string;
+            }[]] | undefined;
+            readonly dot?: boolean | undefined;
+            readonly variant?: "default" | "destructive" | "outline" | "secondary" | undefined;
+            readonly request?: string | undefined;
+            readonly interval?: number | undefined;
+        } | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;