ablok-photobooth 0.2.39 → 0.2.41

package/dist/{components → types/components}/creative-booth.vue.d.ts

@@ -1,22 +1,20 @@
-export declare const DEFAULT_ASSETS: ({
-    type: string;
-    thumbnail: string;
+import { PropType } from 'vue';
+export interface AssetItem {
+    type: 'background' | 'overlay' | 'object';
     src: string;
-    mediaType: string;
-    filters: string[];
-} | {
-    type: string;
-    src: string;
-    mediaType: string;
-    filters: string[];
-    thumbnail?: undefined;
-} | {
-    type: string;
-    src: string;
-    mediaType: string;
-    thumbnail?: undefined;
-    filters?: undefined;
-})[];
+    mediaType: 'image' | 'svg';
+    thumbnail?: string;
+    filters?: string[];
+    name?: string;
+}
+export interface PresetAsset {
+    type: 'preset';
+    thumbnail?: string;
+    filters?: string[];
+    items: Record<string, AssetItem>;
+}
+export type CreativeAsset = AssetItem | PresetAsset;
+export declare const DEFAULT_ASSETS: CreativeAsset[];
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         default: null;
@@ -46,41 +44,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: {};
     };
     assets: {
-        type: {
-            (arrayLength: number): any[];
-            (...items: any[]): any[];
-            new (arrayLength: number): any[];
-            new (...items: any[]): any[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: () => ({
-            type: string;
-            thumbnail: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-            thumbnail?: undefined;
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            thumbnail?: undefined;
-            filters?: undefined;
-        })[];
+        type: PropType<CreativeAsset[]>;
+        default: () => CreativeAsset[];
     };
     assetFilters: {
         type: ArrayConstructor;
@@ -119,6 +84,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    stackedThumbnails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showThumbnailCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "update:jsonModel": (...args: any[]) => void;
@@ -153,41 +126,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: {};
     };
     assets: {
-        type: {
-            (arrayLength: number): any[];
-            (...items: any[]): any[];
-            new (arrayLength: number): any[];
-            new (...items: any[]): any[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: () => ({
-            type: string;
-            thumbnail: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            filters: string[];
-            thumbnail?: undefined;
-        } | {
-            type: string;
-            src: string;
-            mediaType: string;
-            thumbnail?: undefined;
-            filters?: undefined;
-        })[];
+        type: PropType<CreativeAsset[]>;
+        default: () => CreativeAsset[];
     };
     assetFilters: {
         type: ArrayConstructor;
@@ -226,6 +166,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    stackedThumbnails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showThumbnailCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:jsonModel"?: ((...args: any[]) => any) | undefined;
@@ -246,9 +194,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     animationDuration: number;
     themeData: Record<string, any>;
     config: Record<string, any>;
-    assets: any[];
+    assets: CreativeAsset[];
     assetFilters: unknown[];
     ready: boolean;
+    stackedThumbnails: boolean;
+    showThumbnailCount: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     canvas: ({
         $: import('vue').ComponentInternalInstance;

package/dist/{components → types/components}/photo-app.vue.d.ts

@@ -340,9 +340,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     enableProcessImage: boolean;
     enableZoomSlider: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    camera: unknown;
+    camera: any;
     dropArea: HTMLDivElement;
-    upload: unknown;
+    upload: any;
     hiddenInput: HTMLInputElement;
 }, HTMLDivElement>, {
     headline?(_: {}): any;

package/package.json

@@ -1,21 +1,37 @@
 {
   "name": "ablok-photobooth",
   "private": false,
-  "version": "0.2.39",
-  "dependencies": {
+  "version": "0.2.41",
+  "type": "module",
+  "peerDependencies": {
     "@popperjs/core": "^2.11.6",
-    "ablok-components": "^0.3.58",
+    "ablok-components": "^0.3.68",
     "bootstrap": "^5.3.8",
     "fabric": "^7.1.0",
     "lodash": "^4.17.23",
     "vue": "^3.5.27",
     "vue-i18n": "^11.2.8"
   },
+  "peerDependenciesMeta": {
+    "@popperjs/core": {
+      "optional": true
+    },
+    "bootstrap": {
+      "optional": true
+    },
+    "fabric": {
+      "optional": true
+    },
+    "lodash": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@histoire/plugin-vue": "^1.0.0-beta.1",
     "@types/lodash": "^4.17.23",
     "@types/node": "^25.1.0",
     "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/test-utils": "^2.4.10",
     "histoire": "^1.0.0-beta.1",
     "path": "^0.12.7",
     "sass": "^1.97.3",
@@ -23,17 +39,38 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-mkcert": "^1.17.9",
+    "vitest": "^4.1.5",
     "vue-tsc": "^3.2.4"
   },
   "files": [
     "dist"
   ],
-  "main": "./dist/ablok-photobooth.umd.js",
-  "module": "./dist/ablok-photobooth.es.js",
+  "main": "./dist/ablok-photobooth.js",
+  "module": "./dist/ablok-photobooth.js",
   "exports": {
     ".": {
-      "import": "./dist/ablok-photobooth.es.js",
-      "require": "./dist/ablok-photobooth.umd.js"
+      "import": "./dist/ablok-photobooth.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./photo-app": {
+      "import": "./dist/photo-app.js",
+      "types": "./dist/types/components/photo-app.vue.d.ts"
+    },
+    "./fabric-canvas": {
+      "import": "./dist/fabric-canvas.js",
+      "types": "./dist/types/components/fabric-canvas.vue.d.ts"
+    },
+    "./creative-booth": {
+      "import": "./dist/creative-booth.js",
+      "types": "./dist/types/components/creative-booth.vue.d.ts"
+    },
+    "./face-swap": {
+      "import": "./dist/face-swap.js",
+      "types": "./dist/types/components/face-swap.vue.d.ts"
+    },
+    "./color-booth": {
+      "import": "./dist/color-booth.js",
+      "types": "./dist/types/components/color-booth.vue.d.ts"
     }
   },
   "types": "./dist/types/index.d.ts",
@@ -42,12 +79,14 @@
     "build": "vue-tsc --noEmit && vite build",
     "build:watch": "vue-tsc --noEmit --watch & vite build --watch",
     "preview": "vite preview",
-    "build-lib-bak": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "build-lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "build-lib": "vite build",
     "release": "bash ./scripts/release.sh",
     "postrelease": "bash ./scripts/publish.sh",
     "story:dev": "histoire dev",
     "story:build": "histoire build",
-    "story:preview": "histoire preview"
+    "story:preview": "histoire preview",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:ui": "vitest --ui"
   }
 }

package/dist/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;