@class-kit/vue 0.1.0

package/dist/components/canvas-image.js

@@ -0,0 +1,122 @@
+import { defineComponent, ref, watch, h, onMounted } from 'vue';
+import { CanvasImageController, configureClassComponents } from '@class-kit/core';
+
+function resolveClassKitThemeName(theme) {
+    if (typeof theme === "string")
+        return theme;
+    return theme?.name ?? "minimal";
+}
+defineComponent({
+    name: "ClassConfigProvider",
+    props: {
+        class: {
+            type: String,
+            default: "",
+        },
+        locale: {
+            type: Object,
+            default: undefined,
+        },
+        style: {
+            type: [String, Object, Array],
+            default: undefined,
+        },
+        theme: {
+            type: [String, Object],
+            default: "minimal",
+        },
+    },
+    setup(props, { slots }) {
+        const version = ref(0);
+        const applyConfig = () => {
+            configureClassComponents({
+                locale: props.locale,
+                theme: props.theme,
+            });
+            version.value += 1;
+        };
+        watch(() => [props.locale, props.theme], applyConfig, {
+            deep: true,
+            immediate: true,
+        });
+        return () => h("div", {
+            class: ["cc-config-provider", props.class].filter(Boolean),
+            "data-cc-theme": resolveClassKitThemeName(props.theme),
+            style: props.style,
+        }, [
+            h("div", { key: version.value, class: "cc-config-provider__content" }, slots.default?.()),
+        ]);
+    },
+});
+const ClassCanvasImage = /*#__PURE__*/ defineComponent({
+    name: "ClassCanvasImage",
+    props: {
+        background: { type: String, default: "transparent" },
+        canvasClassName: { type: String, default: "cc-canvas-image__canvas" },
+        className: { type: String, default: "cc-canvas-image" },
+        dpr: Number,
+        height: { type: Number, required: true },
+        layers: { type: Array, default: () => [] },
+        width: { type: Number, required: true },
+    },
+    emits: ["error", "rendered"],
+    setup(props, { attrs, emit, expose }) {
+        const canvasRef = ref(null);
+        const render = async () => {
+            if (!canvasRef.value)
+                return null;
+            try {
+                const controller = new CanvasImageController({
+                    background: props.background,
+                    dpr: props.dpr,
+                    height: props.height,
+                    layers: props.layers,
+                    width: props.width,
+                });
+                const state = await controller.draw(canvasRef.value);
+                emit("rendered", state);
+                return state;
+            }
+            catch (error) {
+                emit("error", error instanceof Error ? error : new Error(String(error)));
+                return null;
+            }
+        };
+        expose({
+            render,
+            toDataURL: (type = "image/png", quality) => canvasRef.value?.toDataURL(type, quality) ?? "",
+        });
+        onMounted(() => {
+            void render();
+        });
+        watch(() => [
+            props.background,
+            props.dpr,
+            props.height,
+            props.layers,
+            props.width,
+        ], () => {
+            void render();
+        }, { deep: true });
+        return () => h("div", {
+            ...attrs,
+            class: props.className,
+            style: [
+                attrs.style,
+                {
+                    "--cc-canvas-image-height": `${props.height}px`,
+                    "--cc-canvas-image-width": `${props.width}px`,
+                },
+            ],
+        }, [
+            h("canvas", {
+                "aria-label": "Canvas image preview",
+                class: props.canvasClassName,
+                ref: canvasRef,
+            }),
+        ]);
+    },
+});
+
+export { ClassCanvasImage };
+//# sourceMappingURL=canvas-image.js.map

package/dist/components/canvas-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-image.js","sources":["../../src/index.ts"],"names":[],"mappings":"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"}