@bluepic/embed 0.4.0-next.102 → 0.4.0-next.103

package/dist/util/gallery.d.ts

@@ -23,12 +23,61 @@ export declare function groupTemplatesByName(templates: {
 export type CampaignCategories = {
     [templateId: string]: string;
 } | undefined;
+export declare const OTHER_CATEGORY = "Other";
+/**
+ * Order a set of category names.
+ *
+ * `categoryOrder` (campaign config) wins, in its own order; anything not listed
+ * follows alphabetically; "Other" is always last.
+ *
+ * Alphabetical-only was fine for a template gallery but wrong for a brand
+ * portal — customers expect "Logos, Templates, Guidelines" in that order.
+ * Unknown categories degrade to the old behaviour instead of disappearing, so
+ * an incomplete `categoryOrder` never hides content.
+ */
+export declare function orderCategories(categories: Iterable<string>, categoryOrder?: string[]): string[];
 export declare function collectTemplatesCategories(templates: {
     [k: string]: z.infer<typeof Studio.publicTemplateDescriptor>;
-}, overrides?: CampaignCategories): string[];
+}, overrides?: CampaignCategories, categoryOrder?: string[]): string[];
 export declare function groupTemplatesByCategory(templates: {
     [k: string]: z.infer<typeof Studio.publicTemplateDescriptor>;
-}, overrides?: CampaignCategories): {
+}, overrides?: CampaignCategories, categoryOrder?: string[]): {
+    category: string;
+    templatesByName: {
+        [k: string]: {
+            [k: string]: {
+                serial: any;
+                preview: string | null;
+                name: string;
+                width: number;
+                height: number;
+                dpi?: number | undefined;
+            };
+        };
+    };
+}[];
+export type PortalAsset = z.infer<typeof Studio.publicCampaignAssetDescriptor>;
+/**
+ * Every category present across BOTH templates and assets, in portal order.
+ *
+ * They must be collected together: two independent category strips on one page
+ * is the obvious failure mode of storing template categories in a config map
+ * and asset categories on the join row. The category STRING is the join key —
+ * a template in "Logos" and an asset in "Logos" land in the same tab.
+ */
+export declare function collectPortalCategories(templates: {
+    [k: string]: z.infer<typeof Studio.publicTemplateDescriptor>;
+}, assets: PortalAsset[] | undefined, overrides?: CampaignCategories, categoryOrder?: string[]): string[];
+/**
+ * Group templates AND assets by category, in portal order.
+ *
+ * Each entry carries both, so a category renders its templates and its assets
+ * together — a template is "editable" and an asset is "ready-made", and the
+ * visitor came for both. Categories with neither are dropped.
+ */
+export declare function groupPortalItemsByCategory(templates: {
+    [k: string]: z.infer<typeof Studio.publicTemplateDescriptor>;
+}, assets: PortalAsset[] | undefined, overrides?: CampaignCategories, categoryOrder?: string[]): {
     category: string;
     templatesByName: {
         [k: string]: {
@@ -42,4 +91,19 @@ export declare function groupTemplatesByCategory(templates: {
             };
         };
     };
+    assets: {
+        id: string;
+        kind: "image" | "file";
+        title: string;
+        description: string | null;
+        category: string | null;
+        mime: string;
+        size: number;
+        filename: string;
+        previewUrl: string | null;
+        downloadUrl: string;
+        width?: number | undefined;
+        height?: number | undefined;
+        pageCount?: number | undefined;
+    }[];
 }[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bluepic/embed",
-  "version": "0.4.0-next.102",
+  "version": "0.4.0-next.103",
   "description": "Bluepic embed sdk",
   "type": "module",
   "sideEffects": false,
@@ -30,14 +30,15 @@
     "dev:vite": "vite build --watch",
     "dev:types": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist --watch",
     "playground:dev": "vite --config vite.playground.config.ts",
-    "test:autocrop": "tsx src/util/autoCrop/solveAutoCrop.test.ts"
+    "test:autocrop": "tsx src/util/autoCrop/solveAutoCrop.test.ts",
+    "test:gallery": "tsx src/util/gallery.test.ts"
   },
   "peerDependencies": {
     "vue": "^3.5.23"
   },
   "devDependencies": {
     "@auth0/auth0-vue": "^2.4.0",
-    "@bluepic/types": "^0.6.456",
+    "@bluepic/types": "^0.6.466",
     "@hono/zod-openapi": "^1.1.4",
     "@types/css": "^0.0.38",
     "@types/downloadjs": "^1.4.6",
@@ -88,4 +89,4 @@
     "vue3-delay-watch": "^0.1.3",
     "vue3-rich-text-editor": "^0.1.15"
   }
-}
+}