@adminide-stack/yantra-mobile 12.0.129-alpha.0 → 12.0.129-alpha.1

package/lib/features/canvas/designCatalog.js

@@ -0,0 +1,165 @@
+import {gql}from'@apollo/client/index.js';import {catalogSearch,PUBLISHED_STATUS}from'./studioCatalog.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj2, key, value) => key in obj2 ? __defProp(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const DESIGN_CATALOG_GROUPS = ["canvas-flyer", "canvas-presentation", "canvas-business-card", "canvas-carousel", "canvas-logo", "canvas-banner", "canvas-brochure", "canvas-branding", "canvas-certificate", "canvas-worksheet", "canvas-proposal", "canvas-social-post", "canvas-newsletter", "canvas-menu", "canvas-infographic"];
+const DESIGN_GROUP_LISTED_RECORD = {
+  "canvas-flyer": "yantra-flyer-templates"
+};
+const SINGLE_PAGE_DESIGN_GROUPS = /* @__PURE__ */ new Set(["canvas-flyer"]);
+const DESIGN_CATALOG_QUERY = `query TemplateCatalog($filter: FormTemplateSubmissionFilter) {
+  formTemplateSubmissions(filter: $filter) { nodes { id name description category tags formData } }
+}`;
+const DESIGN_CATALOG_PAGE_SIZE = 24;
+const str = (v) => typeof v === "string" ? v.trim() : "";
+const obj = (v) => v && typeof v === "object" && !Array.isArray(v) ? v : {};
+const isHttps = (v) => typeof v === "string" && /^https:\/\//.test(v);
+const isPage = (p) => isHttps(p) || Boolean(p) && typeof p === "object" && Array.isArray(p.layers);
+function designCardFromRow(row, group) {
+  let formData = obj(row == null ? void 0 : row.formData);
+  if (typeof (row == null ? void 0 : row.formData) === "string") {
+    try {
+      formData = obj(JSON.parse(row.formData));
+    } catch (e) {
+      return null;
+    }
+  }
+  const details = obj(formData.generationDetails);
+  const design = obj(formData.design);
+  const pageCount = Array.isArray(design.pages) ? design.pages.filter(isPage).length : 0;
+  const pageWidth = Number(design.pageWidth);
+  const pageHeight = Number(design.pageHeight);
+  const id = str(row == null ? void 0 : row.name);
+  const coverUrl = isHttps(details.previewUrl) ? str(details.previewUrl) : "";
+  if (!id || !coverUrl || pageCount === 0 || !(pageWidth > 0) || !(pageHeight > 0)) return null;
+  return {
+    id,
+    group,
+    title: str(details.title) || id,
+    coverUrl,
+    aspectRatio: str(design.aspectRatio) || str(obj(formData.generation).aspectRatio),
+    pageWidth,
+    pageHeight,
+    pageCount,
+    tags: Array.isArray(row == null ? void 0 : row.tags) ? row.tags.filter((t) => typeof t === "string") : []
+  };
+}
+function isListedDesignCard(card) {
+  if (!SINGLE_PAGE_DESIGN_GROUPS.has(card.group)) return true;
+  return card.pageCount === 1 && card.pageHeight >= card.pageWidth;
+}
+function groupOfTemplate(id) {
+  var _a;
+  return (_a = DESIGN_CATALOG_GROUPS.find((group) => id.startsWith(`${group}-`))) != null ? _a : null;
+}
+function designCatalogFilter(group, opts = {}) {
+  var _a, _b;
+  const templateId = opts.anyRecord ? void 0 : DESIGN_GROUP_LISTED_RECORD[group];
+  const search = catalogSearch(opts.search);
+  return __spreadProps(__spreadValues(__spreadValues({
+    group,
+    status: PUBLISHED_STATUS
+  }, templateId ? {
+    templateId
+  } : {}), search ? {
+    search
+  } : {}), {
+    limit: (_a = opts.limit) != null ? _a : DESIGN_CATALOG_PAGE_SIZE,
+    offset: (_b = opts.offset) != null ? _b : 0
+  });
+}
+function designCatalogPageFromRows(nodes, group, opts = {}) {
+  var _a;
+  const limit = (_a = opts.limit) != null ? _a : DESIGN_CATALOG_PAGE_SIZE;
+  const cards = nodes.map((n) => designCardFromRow(n, group)).filter((c) => c !== null);
+  return {
+    cards: opts.anyRecord ? cards : cards.filter(isListedDesignCard),
+    hasMore: nodes.length === limit,
+    fetched: nodes.length
+  };
+}
+const CACHE_TTL_MS = 10 * 6e4;
+const cache = /* @__PURE__ */ new Map();
+function fetchDesignCatalog(graphqlUrl, token, group, opts = {}) {
+  const filter = designCatalogFilter(group, opts);
+  return cached(`${graphqlUrl}|${JSON.stringify(filter)}`, async () => {
+    var _a, _b, _c;
+    const res = await fetch(graphqlUrl, {
+      method: "POST",
+      headers: __spreadValues({
+        "content-type": "application/json"
+      }, token ? {
+        authorization: `Bearer ${token}`
+      } : {}),
+      body: JSON.stringify({
+        query: DESIGN_CATALOG_QUERY,
+        variables: {
+          filter
+        }
+      })
+    });
+    if (!res.ok) throw new Error(`Template catalog read failed (${res.status})`);
+    const json = await res.json().catch(() => ({}));
+    if ((_a = json.errors) == null ? void 0 : _a.length) {
+      throw new Error(json.errors.map((e) => e == null ? void 0 : e.message).filter(Boolean).join("; ") || "Template catalog read failed");
+    }
+    const nodes = (_c = (_b = json.data) == null ? void 0 : _b.formTemplateSubmissions) == null ? void 0 : _c.nodes;
+    return designCatalogPageFromRows(Array.isArray(nodes) ? nodes : [], group, opts);
+  });
+}
+const DESIGN_CATALOG_DOC = gql(DESIGN_CATALOG_QUERY);
+function fetchDesignCatalogViaClient(client, group, opts = {}) {
+  const filter = designCatalogFilter(group, opts);
+  return cached(`apollo|${JSON.stringify(filter)}`, async () => {
+    var _a;
+    const {
+      data
+    } = await client.query({
+      query: DESIGN_CATALOG_DOC,
+      variables: {
+        filter
+      },
+      fetchPolicy: "no-cache"
+    });
+    const nodes = (_a = data == null ? void 0 : data.formTemplateSubmissions) == null ? void 0 : _a.nodes;
+    return designCatalogPageFromRows(Array.isArray(nodes) ? nodes : [], group, opts);
+  });
+}
+function cached(key, read) {
+  const hit = cache.get(key);
+  if (hit && Date.now() - hit.at < CACHE_TTL_MS) return hit.page;
+  const page = read();
+  cache.set(key, {
+    at: Date.now(),
+    page
+  });
+  page.catch(() => {
+    var _a;
+    if (((_a = cache.get(key)) == null ? void 0 : _a.page) === page) cache.delete(key);
+  });
+  return page;
+}
+function interleaveTemplateRows(a, b) {
+  const cards = [];
+  for (let i = 0; i < Math.max(a.length, b.length); i += 1) {
+    if (a[i]) cards.push(a[i]);
+    if (b[i]) cards.push(b[i]);
+  }
+  const midpoint = Math.ceil(cards.length / 2);
+  return [cards.slice(0, midpoint), cards.slice(midpoint)];
+}export{DESIGN_CATALOG_GROUPS,DESIGN_CATALOG_PAGE_SIZE,DESIGN_CATALOG_QUERY,DESIGN_GROUP_LISTED_RECORD,SINGLE_PAGE_DESIGN_GROUPS,designCardFromRow,designCatalogFilter,designCatalogPageFromRows,fetchDesignCatalog,fetchDesignCatalogViaClient,groupOfTemplate,interleaveTemplateRows,isListedDesignCard};//# sourceMappingURL=designCatalog.js.map

package/lib/features/canvas/designCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designCatalog.js","sources":["../../../src/features/canvas/designCatalog.ts"],"sourcesContent":["/**\n * The canvas design catalog (flyers, presentations, business cards, ...) -\n * native twin of surface-kit `templateCatalogs/designCatalog.ts` + `catalogRead.ts`.\n *\n * Marketplace submissions on the app's own backend, one row per template,\n * stamped `canvas-<category>`. Native lists them (home's \"Templates for you\",\n * the category gallery) and the native design studio opens the picked one\n * (features/design/doc/newDoc.ts reads its full pages).\n *\n * Read with plain `fetch` against the backend GraphQL, the same lane\n * `studioLooks.listViaBackendFetch` uses for the studio catalog. Public reads:\n * the bearer only rides along when there is one.\n *\n * A dev host whose backend URL cannot be derived reads through the host's\n * Apollo client instead (`fetchDesignCatalogViaClient`).\n *\n * Pure apart from `fetch`: no RN imports, so it runs under jest as-is.\n */\nimport { gql } from '@apollo/client';\nimport { PUBLISHED_STATUS, catalogSearch } from './studioCatalog';\nimport type { StudioCatalogClient } from './useStudioCatalogTemplates';\n\n/** Every group yantra-designs publishes (surface-kit DESIGN_CATALOG_GROUPS). */\nexport const DESIGN_CATALOG_GROUPS = [\n    'canvas-flyer',\n    'canvas-presentation',\n    'canvas-business-card',\n    'canvas-carousel',\n    'canvas-logo',\n    'canvas-banner',\n    'canvas-brochure',\n    'canvas-branding',\n    'canvas-certificate',\n    'canvas-worksheet',\n    'canvas-proposal',\n    'canvas-social-post',\n    'canvas-newsletter',\n    'canvas-menu',\n    'canvas-infographic',\n] as const;\nexport type DesignCatalogGroup = (typeof DESIGN_CATALOG_GROUPS)[number];\n\n/**\n * The marketplace record a group LISTS, for a group that holds more than it\n * lists: `canvas-flyer` also holds Canva's multi-page \"flyers\" (really decks),\n * so a listing reads only Yantra's own single-page flyers. A read by id does not.\n */\nexport const DESIGN_GROUP_LISTED_RECORD: Readonly<Partial<Record<DesignCatalogGroup, string>>> = {\n    'canvas-flyer': 'yantra-flyer-templates',\n};\n\n/** Groups whose listings show one-page portrait or square designs only. */\nexport const SINGLE_PAGE_DESIGN_GROUPS: ReadonlySet<DesignCatalogGroup> = new Set<DesignCatalogGroup>(['canvas-flyer']);\n\nexport const DESIGN_CATALOG_QUERY = `query TemplateCatalog($filter: FormTemplateSubmissionFilter) {\n  formTemplateSubmissions(filter: $filter) { nodes { id name description category tags formData } }\n}`;\n\n/** What native needs of a template: enough to draw its cover at its own shape and open it on the web. */\nexport interface DesignCatalogCard {\n    /** Row name: the platform's stable template id (`?design=<id>`). */\n    id: string;\n    group: DesignCatalogGroup;\n    title: string;\n    coverUrl: string;\n    aspectRatio: string;\n    pageWidth: number;\n    pageHeight: number;\n    pageCount: number;\n    tags: string[];\n}\n\nexport interface DesignCatalogFilter {\n    group: DesignCatalogGroup;\n    status: typeof PUBLISHED_STATUS;\n    limit: number;\n    offset: number;\n    templateId?: string;\n    search?: string;\n}\n\nexport interface DesignCatalogOptions {\n    search?: string;\n    offset?: number;\n    limit?: number;\n    /** Read any row of the group (a read by id), not only the rows it lists. */\n    anyRecord?: boolean;\n}\n\nexport interface DesignCatalogPage {\n    cards: DesignCatalogCard[];\n    /** The resolver has no total: a full page means there is probably another one. */\n    hasMore: boolean;\n    /** Rows the server returned, cards or not: the next page starts this far on. */\n    fetched: number;\n}\n\nexport const DESIGN_CATALOG_PAGE_SIZE = 24;\n\nconst str = (v: unknown): string => (typeof v === 'string' ? v.trim() : '');\nconst obj = (v: unknown): Record<string, any> =>\n    v && typeof v === 'object' && !Array.isArray(v) ? (v as Record<string, any>) : {};\nconst isHttps = (v: unknown): v is string => typeof v === 'string' && /^https:\\/\\//.test(v);\nconst isPage = (p: unknown): boolean =>\n    isHttps(p) || (Boolean(p) && typeof p === 'object' && Array.isArray((p as { layers?: unknown }).layers));\n\n/** One row -> one card; a row without a cover, a size or pages is not a usable template. */\nexport function designCardFromRow(row: Record<string, any>, group: DesignCatalogGroup): DesignCatalogCard | null {\n    let formData: Record<string, any> = obj(row?.formData);\n    if (typeof row?.formData === 'string') {\n        try {\n            formData = obj(JSON.parse(row.formData));\n        } catch {\n            return null;\n        }\n    }\n    const details = obj(formData.generationDetails);\n    const design = obj(formData.design);\n    const pageCount = Array.isArray(design.pages) ? design.pages.filter(isPage).length : 0;\n    const pageWidth = Number(design.pageWidth);\n    const pageHeight = Number(design.pageHeight);\n    const id = str(row?.name);\n    const coverUrl = isHttps(details.previewUrl) ? str(details.previewUrl) : '';\n    if (!id || !coverUrl || pageCount === 0 || !(pageWidth > 0) || !(pageHeight > 0)) return null;\n    return {\n        id,\n        group,\n        title: str(details.title) || id,\n        coverUrl,\n        aspectRatio: str(design.aspectRatio) || str(obj(formData.generation).aspectRatio),\n        pageWidth,\n        pageHeight,\n        pageCount,\n        tags: Array.isArray(row?.tags) ? row.tags.filter((t: unknown): t is string => typeof t === 'string') : [],\n    };\n}\n\n/** Does a group's listing show this card? In a single-page group only a one-page portrait or square design. */\nexport function isListedDesignCard(\n    card: Pick<DesignCatalogCard, 'group' | 'pageCount' | 'pageWidth' | 'pageHeight'>,\n): boolean {\n    if (!SINGLE_PAGE_DESIGN_GROUPS.has(card.group)) return true;\n    return card.pageCount === 1 && card.pageHeight >= card.pageWidth;\n}\n\n/** The catalog group a template id (its row name) belongs to. */\nexport function groupOfTemplate(id: string): DesignCatalogGroup | null {\n    return DESIGN_CATALOG_GROUPS.find((group) => id.startsWith(`${group}-`)) ?? null;\n}\n\n/** The `formTemplateSubmissions` filter for one page of a group. */\nexport function designCatalogFilter(group: DesignCatalogGroup, opts: DesignCatalogOptions = {}): DesignCatalogFilter {\n    const templateId = opts.anyRecord ? undefined : DESIGN_GROUP_LISTED_RECORD[group];\n    const search = catalogSearch(opts.search);\n    return {\n        group,\n        status: PUBLISHED_STATUS,\n        ...(templateId ? { templateId } : {}),\n        ...(search ? { search } : {}),\n        limit: opts.limit ?? DESIGN_CATALOG_PAGE_SIZE,\n        offset: opts.offset ?? 0,\n    };\n}\n\n/** Rows -> the page a listing (or a read by id) shows. */\nexport function designCatalogPageFromRows(\n    nodes: ReadonlyArray<Record<string, any>>,\n    group: DesignCatalogGroup,\n    opts: DesignCatalogOptions = {},\n): DesignCatalogPage {\n    const limit = opts.limit ?? DESIGN_CATALOG_PAGE_SIZE;\n    const cards = nodes.map((n) => designCardFromRow(n, group)).filter((c): c is DesignCatalogCard => c !== null);\n    return {\n        cards: opts.anyRecord ? cards : cards.filter(isListedDesignCard),\n        hasMore: nodes.length === limit,\n        fetched: nodes.length,\n    };\n}\n\n/** The catalog changes when a release loads it, not while someone browses. */\nconst CACHE_TTL_MS = 10 * 60_000;\nconst cache = new Map<string, { at: number; page: Promise<DesignCatalogPage> }>();\n\nexport function clearDesignCatalogCache(): void {\n    cache.clear();\n}\n\n/**\n * One page of a catalog group straight from the backend, cached in memory for\n * ten minutes per (endpoint, filter). A failed read is not cached.\n */\nexport function fetchDesignCatalog(\n    graphqlUrl: string,\n    token: string | null | undefined,\n    group: DesignCatalogGroup,\n    opts: DesignCatalogOptions = {},\n): Promise<DesignCatalogPage> {\n    const filter = designCatalogFilter(group, opts);\n    return cached(`${graphqlUrl}|${JSON.stringify(filter)}`, async () => {\n        const res = await fetch(graphqlUrl, {\n            method: 'POST',\n            headers: {\n                'content-type': 'application/json',\n                ...(token ? { authorization: `Bearer ${token}` } : {}),\n            },\n            body: JSON.stringify({ query: DESIGN_CATALOG_QUERY, variables: { filter } }),\n        });\n        if (!res.ok) throw new Error(`Template catalog read failed (${res.status})`);\n        const json = (await res.json().catch(() => ({}))) as {\n            data?: { formTemplateSubmissions?: { nodes?: Array<Record<string, any>> | null } };\n            errors?: Array<{ message?: string }>;\n        };\n        if (json.errors?.length) {\n            throw new Error(\n                json.errors\n                    .map((e) => e?.message)\n                    .filter(Boolean)\n                    .join('; ') || 'Template catalog read failed',\n            );\n        }\n        const nodes = json.data?.formTemplateSubmissions?.nodes;\n        return designCatalogPageFromRows(Array.isArray(nodes) ? nodes : [], group, opts);\n    });\n}\n\nconst DESIGN_CATALOG_DOC = gql(DESIGN_CATALOG_QUERY);\n\n/** The same page through the host's Apollo client (no cache write: rows are tens of KB each). */\nexport function fetchDesignCatalogViaClient(\n    client: Pick<StudioCatalogClient, 'query'>,\n    group: DesignCatalogGroup,\n    opts: DesignCatalogOptions = {},\n): Promise<DesignCatalogPage> {\n    const filter = designCatalogFilter(group, opts);\n    return cached(`apollo|${JSON.stringify(filter)}`, async () => {\n        const { data } = await client.query({\n            query: DESIGN_CATALOG_DOC,\n            variables: { filter },\n            fetchPolicy: 'no-cache',\n        });\n        const nodes = (data as { formTemplateSubmissions?: { nodes?: Array<Record<string, any>> | null } } | null)\n            ?.formTemplateSubmissions?.nodes;\n        return designCatalogPageFromRows(Array.isArray(nodes) ? nodes : [], group, opts);\n    });\n}\n\nfunction cached(key: string, read: () => Promise<DesignCatalogPage>): Promise<DesignCatalogPage> {\n    const hit = cache.get(key);\n    if (hit && Date.now() - hit.at < CACHE_TTL_MS) return hit.page;\n    const page = read();\n    cache.set(key, { at: Date.now(), page });\n    page.catch(() => {\n        if (cache.get(key)?.page === page) cache.delete(key);\n    });\n    return page;\n}\n\n/** Interleave two rails (flyer, slide, flyer, ...) and split them into two rows, like web TemplateRails. */\nexport function interleaveTemplateRows(\n    a: readonly DesignCatalogCard[],\n    b: readonly DesignCatalogCard[],\n): [DesignCatalogCard[], DesignCatalogCard[]] {\n    const cards: DesignCatalogCard[] = [];\n    for (let i = 0; i < Math.max(a.length, b.length); i += 1) {\n        if (a[i]) cards.push(a[i]);\n        if (b[i]) cards.push(b[i]);\n    }\n    const midpoint = Math.ceil(cards.length / 2);\n    return [cards.slice(0, midpoint), cards.slice(midpoint)];\n}\n"],"names":[],"mappings":"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"}

package/lib/features/canvas/designCategories.js

@@ -0,0 +1,262 @@
+const FORMAT_INTRO = "Choose a size to start fresh, or make a template your own.";
+function beingAdded(what) {
+  return `${what} templates are being added. Start from a size above for now.`;
+}
+const DPI = 150;
+const px = (value, unit) => unit === "in" ? Math.round(value * DPI) : unit === "mm" ? Math.round(value / 25.4 * DPI) : Math.round(value);
+const screen = (id, label, width, height) => ({
+  id,
+  label,
+  width,
+  height,
+  detail: `${width} \xD7 ${height}`
+});
+const print = (id, label, w, h, unit) => ({
+  id,
+  label,
+  width: px(w, unit),
+  height: px(h, unit),
+  detail: `${w} \xD7 ${h} ${unit}`
+});
+const DESIGN_CATEGORIES = [{
+  id: "social",
+  title: "Social media",
+  // Carousels are their own format: the Social media shelf lists social posts only.
+  shelves: [{
+    group: "canvas-social-post",
+    title: "Social media templates",
+    noun: "social posts"
+  }],
+  sizes: [screen("ig-post-portrait", "Instagram post (4:5)", 1080, 1350), screen("ig-post-square", "Instagram post (square)", 1080, 1080), screen("ig-story", "Instagram story", 1080, 1920), screen("fb-post", "Facebook post", 1200, 630), screen("li-post", "LinkedIn post", 1200, 627), screen("x-post", "X post", 1600, 900), screen("yt-thumb", "YouTube thumbnail", 1280, 720), screen("pin", "Pinterest pin", 1e3, 1500)]
+}, {
+  id: "carousel",
+  title: "Carousels",
+  shelves: [{
+    group: "canvas-carousel",
+    title: "Carousel templates",
+    noun: "carousels"
+  }],
+  sizes: [screen("carousel-portrait", "Carousel (4:5)", 1080, 1350), screen("carousel-square", "Carousel (square)", 1080, 1080), screen("carousel-3-4", "Carousel (3:4)", 1080, 1440), screen("carousel-tall", "Carousel (2:3)", 1080, 1620)]
+}, {
+  id: "presentation",
+  title: "Presentations",
+  shelves: [{
+    group: "canvas-presentation",
+    title: "Presentation templates",
+    noun: "presentations"
+  }],
+  sizes: [screen("slides-16-9", "Presentation (16:9)", 1920, 1080), screen("slides-4-3", "Presentation (4:3)", 1024, 768), screen("slides-mobile", "Presentation (mobile)", 1080, 1920)]
+}, {
+  id: "pitch-deck",
+  title: "Pitch decks",
+  shelves: [{
+    group: "canvas-presentation",
+    title: "Pitch deck templates",
+    noun: "pitch decks",
+    tag: "pitch-deck"
+  }],
+  sizes: [screen("slides-16-9", "Presentation (16:9)", 1920, 1080)]
+}, {
+  id: "flyer",
+  title: "Flyers",
+  shelves: [{
+    group: "canvas-flyer",
+    title: "Flyer templates",
+    noun: "flyers"
+  }],
+  sizes: [print("a4", "A4 document", 210, 297, "mm"), print("letter", "Flyer (US Letter)", 8.5, 11, "in"), print("a3", "A3 poster", 297, 420, "mm"), print("a2", "A2 poster", 420, 594, "mm"), print("poster-18-24", "Poster", 18, 24, "in"), print("invitation", "Invitation", 5, 7, "in"), print("postcard", "Postcard", 6, 4, "in")]
+}, {
+  id: "business-card",
+  title: "Business cards",
+  shelves: [{
+    group: "canvas-business-card",
+    title: "Business card templates",
+    noun: "business cards"
+  }],
+  sizes: [print("business-card", "Business card (US)", 3.5, 2, "in"), print("business-card-eu", "Business card (EU)", 85, 55, "mm"), print("business-card-90x55", "Business card (AU / NZ)", 90, 55, "mm"), print("business-card-90x50", "Business card (wide)", 90, 50, "mm")]
+}, {
+  id: "logo",
+  title: "Logos",
+  shelves: [{
+    group: "canvas-logo",
+    title: "Logo templates",
+    noun: "logos"
+  }],
+  sizes: [screen("logo", "Logo", 500, 500), screen("logo-large", "Logo (large)", 2e3, 2e3)]
+}, {
+  id: "banner",
+  title: "Banners",
+  shelves: [{
+    group: "canvas-banner",
+    title: "Banner templates",
+    noun: "banners"
+  }],
+  sizes: [screen("banner-landscape", "Banner (landscape)", 4800, 2400), screen("banner-portrait", "Banner (portrait)", 2400, 4800), screen("linkedin-banner", "LinkedIn banner", 1584, 396), screen("youtube-banner", "YouTube banner", 2560, 1440), screen("x-header", "X header", 1500, 500), screen("facebook-cover", "Facebook cover", 1640, 624), screen("web-banner", "Web banner", 728, 90)]
+}, {
+  id: "brochure",
+  title: "Brochures",
+  shelves: [{
+    group: "canvas-brochure",
+    title: "Brochure templates",
+    noun: "brochures"
+  }],
+  sizes: [print("brochure-letter", "Brochure (US Letter)", 11, 8.5, "in"), print("brochure-a4", "Brochure (A4)", 297, 210, "mm"), print("brochure-tabloid", "Brochure (tabloid)", 17, 11, "in")]
+}, {
+  id: "branding",
+  title: "Branding",
+  shelves: [{
+    group: "canvas-branding",
+    title: "Branding templates",
+    noun: "letterheads or envelopes"
+  }],
+  sizes: [print("letterhead-a4", "Letterhead (A4)", 210, 297, "mm"), print("letterhead-letter", "Letterhead (US Letter)", 8.5, 11, "in"), print("envelope-10", "Envelope (#10)", 9.5, 4.125, "in"), print("envelope-dl", "Envelope (DL)", 220, 110, "mm")]
+}, {
+  id: "certificate",
+  title: "Certificates",
+  shelves: [{
+    group: "canvas-certificate",
+    title: "Certificate templates",
+    noun: "certificates",
+    waiting: beingAdded("Certificate")
+  }],
+  sizes: [print("certificate-letter", "Certificate (US Letter)", 11, 8.5, "in"), print("certificate-a4", "Certificate (A4)", 297, 210, "mm"), print("certificate-portrait", "Certificate (portrait)", 210, 297, "mm")]
+}, {
+  id: "worksheet",
+  title: "Worksheets",
+  shelves: [{
+    group: "canvas-worksheet",
+    title: "Worksheet templates",
+    noun: "worksheets",
+    waiting: beingAdded("Worksheet")
+  }],
+  sizes: [print("worksheet-letter", "Worksheet (US Letter)", 8.5, 11, "in"), print("worksheet-a4", "Worksheet (A4)", 210, 297, "mm")]
+}, {
+  id: "proposal",
+  title: "Proposals",
+  shelves: [{
+    group: "canvas-proposal",
+    title: "Proposal templates",
+    noun: "proposals",
+    waiting: beingAdded("Proposal")
+  }],
+  sizes: [print("proposal-letter", "Proposal (US Letter)", 8.5, 11, "in"), print("proposal-a4", "Proposal (A4)", 210, 297, "mm")]
+}, {
+  id: "newsletter",
+  title: "Newsletters",
+  shelves: [{
+    group: "canvas-newsletter",
+    title: "Newsletter templates",
+    noun: "newsletters",
+    waiting: beingAdded("Newsletter")
+  }],
+  sizes: [print("newsletter-letter", "Newsletter (US Letter)", 8.5, 11, "in"), print("newsletter-a4", "Newsletter (A4)", 210, 297, "mm")]
+}, {
+  id: "menu",
+  title: "Menus",
+  shelves: [{
+    group: "canvas-menu",
+    title: "Menu templates",
+    noun: "menus",
+    waiting: beingAdded("Menu")
+  }],
+  sizes: [print("menu-letter", "Menu (US Letter)", 8.5, 11, "in"), print("menu-a4", "Menu (A4)", 210, 297, "mm"), print("menu-tabloid", "Menu (tabloid)", 11, 17, "in")]
+}, {
+  id: "infographic",
+  title: "Infographics",
+  shelves: [{
+    group: "canvas-infographic",
+    title: "Infographic templates",
+    noun: "infographics",
+    waiting: beingAdded("Infographic")
+  }],
+  sizes: [screen("infographic", "Infographic", 800, 2e3)]
+}, {
+  id: "technology",
+  title: "Technology",
+  shelves: [],
+  sizes: [],
+  topic: {
+    query: "technology",
+    intro: "Technology templates in every format: decks, social posts, flyers, logos and more."
+  }
+}];
+const DESIGN_FORMATS = DESIGN_CATEGORIES.filter((c) => !c.topic);
+const DESIGN_TOPICS = DESIGN_CATEGORIES.filter((c) => c.topic);
+const DESIGN_CATEGORY_GROUPS = [{
+  id: "formats",
+  label: "Formats",
+  items: DESIGN_FORMATS
+}, {
+  id: "topics",
+  label: "Topics",
+  items: DESIGN_TOPICS
+}];
+const SEARCH_SECTIONS = [{
+  category: "flyer",
+  group: "canvas-flyer",
+  title: "Flyers"
+}, {
+  category: "presentation",
+  group: "canvas-presentation",
+  title: "Presentations"
+}, {
+  category: "social",
+  group: "canvas-social-post",
+  title: "Social media"
+}, {
+  category: "carousel",
+  group: "canvas-carousel",
+  title: "Carousels"
+}, {
+  category: "business-card",
+  group: "canvas-business-card",
+  title: "Business cards"
+}, {
+  category: "logo",
+  group: "canvas-logo",
+  title: "Logos"
+}, {
+  category: "banner",
+  group: "canvas-banner",
+  title: "Banners"
+}, {
+  category: "brochure",
+  group: "canvas-brochure",
+  title: "Brochures"
+}, {
+  category: "branding",
+  group: "canvas-branding",
+  title: "Branding"
+}, {
+  category: "certificate",
+  group: "canvas-certificate",
+  title: "Certificates"
+}, {
+  category: "worksheet",
+  group: "canvas-worksheet",
+  title: "Worksheets"
+}, {
+  category: "proposal",
+  group: "canvas-proposal",
+  title: "Proposals"
+}, {
+  category: "newsletter",
+  group: "canvas-newsletter",
+  title: "Newsletters"
+}, {
+  category: "menu",
+  group: "canvas-menu",
+  title: "Menus"
+}, {
+  category: "infographic",
+  group: "canvas-infographic",
+  title: "Infographics"
+}];
+function categoryIntro(category) {
+  var _a, _b;
+  return (_b = (_a = category.topic) == null ? void 0 : _a.intro) != null ? _b : FORMAT_INTRO;
+}
+function designCategoryFor(tileId) {
+  var _a;
+  return (_a = DESIGN_CATEGORIES.find((c) => c.id === tileId)) != null ? _a : null;
+}export{DESIGN_CATEGORIES,DESIGN_CATEGORY_GROUPS,DESIGN_FORMATS,DESIGN_TOPICS,FORMAT_INTRO,SEARCH_SECTIONS,categoryIntro,designCategoryFor};//# sourceMappingURL=designCategories.js.map

package/lib/features/canvas/designCategories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designCategories.js","sources":["../../../src/features/canvas/designCategories.ts"],"sourcesContent":["/**\n * Design categories as the category gallery shows them - native twin of\n * canvas-surface `editors/carousel-editor/components/StartPanel.tsx`\n * (CATALOG_CATEGORIES) and `utils/sizes.ts` (DESIGN_SIZES).\n *\n * A category is a Design & write tile id (`flyer`, `business-card`): its blank\n * sizes and its catalog shelves. Pure data: runs under jest as-is.\n */\nimport type { DesignCatalogGroup } from './designCatalog';\n\nexport interface DesignShelf {\n    group: DesignCatalogGroup;\n    title: string;\n    /** \"No flyers match ...\" */\n    noun: string;\n    /** Only cards carrying this tag (pitch decks inside the presentation catalog). */\n    tag?: string;\n    /** Shown while the catalog has no templates yet. */\n    waiting?: string;\n}\n\nexport interface BlankSize {\n    id: string;\n    label: string;\n    /** Pixels (print sizes at the web's 150 DPI). */\n    width: number;\n    height: number;\n    /** \"1080 × 1350\", \"8.5 × 11 in\" */\n    detail: string;\n}\n\n/** A topic searches every format's catalog for its query; it has no sizes of its own. */\nexport interface DesignTopic {\n    query: string;\n    /** The line under the topic's title. */\n    intro: string;\n}\n\nexport interface DesignCategory {\n    id: string;\n    title: string;\n    shelves: DesignShelf[];\n    sizes: BlankSize[];\n    /** Set on a topic (Technology): previews of every format matching its query. */\n    topic?: DesignTopic;\n}\n\n/** The line under a format's title (web StartPanel). */\nexport const FORMAT_INTRO = 'Choose a size to start fresh, or make a template your own.';\n\nfunction beingAdded(what: string): string {\n    return `${what} templates are being added. Start from a size above for now.`;\n}\n\nconst DPI = 150;\nconst px = (value: number, unit: 'px' | 'in' | 'mm') =>\n    unit === 'in' ? Math.round(value * DPI) : unit === 'mm' ? Math.round((value / 25.4) * DPI) : Math.round(value);\n\nconst screen = (id: string, label: string, width: number, height: number): BlankSize => ({\n    id,\n    label,\n    width,\n    height,\n    detail: `${width} × ${height}`,\n});\n\nconst print = (id: string, label: string, w: number, h: number, unit: 'in' | 'mm'): BlankSize => ({\n    id,\n    label,\n    width: px(w, unit),\n    height: px(h, unit),\n    detail: `${w} × ${h} ${unit}`,\n});\n\nexport const DESIGN_CATEGORIES: readonly DesignCategory[] = [\n    {\n        id: 'social',\n        title: 'Social media',\n        // Carousels are their own format: the Social media shelf lists social posts only.\n        shelves: [{ group: 'canvas-social-post', title: 'Social media templates', noun: 'social posts' }],\n        sizes: [\n            screen('ig-post-portrait', 'Instagram post (4:5)', 1080, 1350),\n            screen('ig-post-square', 'Instagram post (square)', 1080, 1080),\n            screen('ig-story', 'Instagram story', 1080, 1920),\n            screen('fb-post', 'Facebook post', 1200, 630),\n            screen('li-post', 'LinkedIn post', 1200, 627),\n            screen('x-post', 'X post', 1600, 900),\n            screen('yt-thumb', 'YouTube thumbnail', 1280, 720),\n            screen('pin', 'Pinterest pin', 1000, 1500),\n        ],\n    },\n    {\n        id: 'carousel',\n        title: 'Carousels',\n        shelves: [{ group: 'canvas-carousel', title: 'Carousel templates', noun: 'carousels' }],\n        sizes: [\n            screen('carousel-portrait', 'Carousel (4:5)', 1080, 1350),\n            screen('carousel-square', 'Carousel (square)', 1080, 1080),\n            screen('carousel-3-4', 'Carousel (3:4)', 1080, 1440),\n            screen('carousel-tall', 'Carousel (2:3)', 1080, 1620),\n        ],\n    },\n    {\n        id: 'presentation',\n        title: 'Presentations',\n        shelves: [{ group: 'canvas-presentation', title: 'Presentation templates', noun: 'presentations' }],\n        sizes: [\n            screen('slides-16-9', 'Presentation (16:9)', 1920, 1080),\n            screen('slides-4-3', 'Presentation (4:3)', 1024, 768),\n            screen('slides-mobile', 'Presentation (mobile)', 1080, 1920),\n        ],\n    },\n    {\n        id: 'pitch-deck',\n        title: 'Pitch decks',\n        shelves: [\n            { group: 'canvas-presentation', title: 'Pitch deck templates', noun: 'pitch decks', tag: 'pitch-deck' },\n        ],\n        sizes: [screen('slides-16-9', 'Presentation (16:9)', 1920, 1080)],\n    },\n    {\n        id: 'flyer',\n        title: 'Flyers',\n        shelves: [{ group: 'canvas-flyer', title: 'Flyer templates', noun: 'flyers' }],\n        sizes: [\n            print('a4', 'A4 document', 210, 297, 'mm'),\n            print('letter', 'Flyer (US Letter)', 8.5, 11, 'in'),\n            print('a3', 'A3 poster', 297, 420, 'mm'),\n            print('a2', 'A2 poster', 420, 594, 'mm'),\n            print('poster-18-24', 'Poster', 18, 24, 'in'),\n            print('invitation', 'Invitation', 5, 7, 'in'),\n            print('postcard', 'Postcard', 6, 4, 'in'),\n        ],\n    },\n    {\n        id: 'business-card',\n        title: 'Business cards',\n        shelves: [{ group: 'canvas-business-card', title: 'Business card templates', noun: 'business cards' }],\n        sizes: [\n            print('business-card', 'Business card (US)', 3.5, 2, 'in'),\n            print('business-card-eu', 'Business card (EU)', 85, 55, 'mm'),\n            print('business-card-90x55', 'Business card (AU / NZ)', 90, 55, 'mm'),\n            print('business-card-90x50', 'Business card (wide)', 90, 50, 'mm'),\n        ],\n    },\n    {\n        id: 'logo',\n        title: 'Logos',\n        shelves: [{ group: 'canvas-logo', title: 'Logo templates', noun: 'logos' }],\n        sizes: [screen('logo', 'Logo', 500, 500), screen('logo-large', 'Logo (large)', 2000, 2000)],\n    },\n    {\n        id: 'banner',\n        title: 'Banners',\n        shelves: [{ group: 'canvas-banner', title: 'Banner templates', noun: 'banners' }],\n        sizes: [\n            screen('banner-landscape', 'Banner (landscape)', 4800, 2400),\n            screen('banner-portrait', 'Banner (portrait)', 2400, 4800),\n            screen('linkedin-banner', 'LinkedIn banner', 1584, 396),\n            screen('youtube-banner', 'YouTube banner', 2560, 1440),\n            screen('x-header', 'X header', 1500, 500),\n            screen('facebook-cover', 'Facebook cover', 1640, 624),\n            screen('web-banner', 'Web banner', 728, 90),\n        ],\n    },\n    {\n        id: 'brochure',\n        title: 'Brochures',\n        shelves: [{ group: 'canvas-brochure', title: 'Brochure templates', noun: 'brochures' }],\n        sizes: [\n            print('brochure-letter', 'Brochure (US Letter)', 11, 8.5, 'in'),\n            print('brochure-a4', 'Brochure (A4)', 297, 210, 'mm'),\n            print('brochure-tabloid', 'Brochure (tabloid)', 17, 11, 'in'),\n        ],\n    },\n    {\n        id: 'branding',\n        title: 'Branding',\n        shelves: [{ group: 'canvas-branding', title: 'Branding templates', noun: 'letterheads or envelopes' }],\n        sizes: [\n            print('letterhead-a4', 'Letterhead (A4)', 210, 297, 'mm'),\n            print('letterhead-letter', 'Letterhead (US Letter)', 8.5, 11, 'in'),\n            print('envelope-10', 'Envelope (#10)', 9.5, 4.125, 'in'),\n            print('envelope-dl', 'Envelope (DL)', 220, 110, 'mm'),\n        ],\n    },\n    {\n        id: 'certificate',\n        title: 'Certificates',\n        shelves: [\n            {\n                group: 'canvas-certificate',\n                title: 'Certificate templates',\n                noun: 'certificates',\n                waiting: beingAdded('Certificate'),\n            },\n        ],\n        sizes: [\n            print('certificate-letter', 'Certificate (US Letter)', 11, 8.5, 'in'),\n            print('certificate-a4', 'Certificate (A4)', 297, 210, 'mm'),\n            print('certificate-portrait', 'Certificate (portrait)', 210, 297, 'mm'),\n        ],\n    },\n    {\n        id: 'worksheet',\n        title: 'Worksheets',\n        shelves: [\n            {\n                group: 'canvas-worksheet',\n                title: 'Worksheet templates',\n                noun: 'worksheets',\n                waiting: beingAdded('Worksheet'),\n            },\n        ],\n        sizes: [\n            print('worksheet-letter', 'Worksheet (US Letter)', 8.5, 11, 'in'),\n            print('worksheet-a4', 'Worksheet (A4)', 210, 297, 'mm'),\n        ],\n    },\n    {\n        id: 'proposal',\n        title: 'Proposals',\n        shelves: [\n            {\n                group: 'canvas-proposal',\n                title: 'Proposal templates',\n                noun: 'proposals',\n                waiting: beingAdded('Proposal'),\n            },\n        ],\n        sizes: [\n            print('proposal-letter', 'Proposal (US Letter)', 8.5, 11, 'in'),\n            print('proposal-a4', 'Proposal (A4)', 210, 297, 'mm'),\n        ],\n    },\n    {\n        id: 'newsletter',\n        title: 'Newsletters',\n        shelves: [\n            {\n                group: 'canvas-newsletter',\n                title: 'Newsletter templates',\n                noun: 'newsletters',\n                waiting: beingAdded('Newsletter'),\n            },\n        ],\n        sizes: [\n            print('newsletter-letter', 'Newsletter (US Letter)', 8.5, 11, 'in'),\n            print('newsletter-a4', 'Newsletter (A4)', 210, 297, 'mm'),\n        ],\n    },\n    {\n        id: 'menu',\n        title: 'Menus',\n        shelves: [{ group: 'canvas-menu', title: 'Menu templates', noun: 'menus', waiting: beingAdded('Menu') }],\n        sizes: [\n            print('menu-letter', 'Menu (US Letter)', 8.5, 11, 'in'),\n            print('menu-a4', 'Menu (A4)', 210, 297, 'mm'),\n            print('menu-tabloid', 'Menu (tabloid)', 11, 17, 'in'),\n        ],\n    },\n    {\n        id: 'infographic',\n        title: 'Infographics',\n        shelves: [\n            {\n                group: 'canvas-infographic',\n                title: 'Infographic templates',\n                noun: 'infographics',\n                waiting: beingAdded('Infographic'),\n            },\n        ],\n        sizes: [screen('infographic', 'Infographic', 800, 2000)],\n    },\n    {\n        id: 'technology',\n        title: 'Technology',\n        shelves: [],\n        sizes: [],\n        topic: {\n            query: 'technology',\n            intro: 'Technology templates in every format: decks, social posts, flyers, logos and more.',\n        },\n    },\n];\n\n/** Formats: a category with sizes and its own catalog shelves. */\nexport const DESIGN_FORMATS: readonly DesignCategory[] = DESIGN_CATEGORIES.filter((c) => !c.topic);\n/** Topics: a query searched in every format's catalog (Technology). */\nexport const DESIGN_TOPICS: readonly DesignCategory[] = DESIGN_CATEGORIES.filter((c) => c.topic);\n\n/** Category navigation groups, as the web studio lists them: Formats, then Topics. */\nexport const DESIGN_CATEGORY_GROUPS: readonly {\n    id: 'formats' | 'topics';\n    label: string;\n    items: readonly DesignCategory[];\n}[] = [\n    { id: 'formats', label: 'Formats', items: DESIGN_FORMATS },\n    { id: 'topics', label: 'Topics', items: DESIGN_TOPICS },\n];\n\n/** A search outside any format, and a topic: the top matches of every catalog, in this order. */\nexport const SEARCH_SECTIONS: readonly { category: string; group: DesignCatalogGroup; title: string }[] = [\n    { category: 'flyer', group: 'canvas-flyer', title: 'Flyers' },\n    { category: 'presentation', group: 'canvas-presentation', title: 'Presentations' },\n    { category: 'social', group: 'canvas-social-post', title: 'Social media' },\n    { category: 'carousel', group: 'canvas-carousel', title: 'Carousels' },\n    { category: 'business-card', group: 'canvas-business-card', title: 'Business cards' },\n    { category: 'logo', group: 'canvas-logo', title: 'Logos' },\n    { category: 'banner', group: 'canvas-banner', title: 'Banners' },\n    { category: 'brochure', group: 'canvas-brochure', title: 'Brochures' },\n    { category: 'branding', group: 'canvas-branding', title: 'Branding' },\n    { category: 'certificate', group: 'canvas-certificate', title: 'Certificates' },\n    { category: 'worksheet', group: 'canvas-worksheet', title: 'Worksheets' },\n    { category: 'proposal', group: 'canvas-proposal', title: 'Proposals' },\n    { category: 'newsletter', group: 'canvas-newsletter', title: 'Newsletters' },\n    { category: 'menu', group: 'canvas-menu', title: 'Menus' },\n    { category: 'infographic', group: 'canvas-infographic', title: 'Infographics' },\n];\n\n/** The line under a category's title: a topic's intro, else the format line. */\nexport function categoryIntro(category: DesignCategory): string {\n    return category.topic?.intro ?? FORMAT_INTRO;\n}\n\n/** The gallery for a Design & write tile id, or null (doc, custom, t-shirt open straight away). */\nexport function designCategoryFor(tileId: string): DesignCategory | null {\n    return DESIGN_CATEGORIES.find((c) => c.id === tileId) ?? null;\n}\n\n/** The category \"See all\" on a template rail opens. */\nexport function categoryOfGroup(group: DesignCatalogGroup): DesignCategory | null {\n    return DESIGN_CATEGORIES.find((c) => c.shelves[0]?.group === group && !c.shelves[0].tag) ?? null;\n}\n"],"names":[],"mappings":"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"}