@printine/designer 0.1.0

package/dist/index.js

@@ -0,0 +1,127 @@
+import { AdvancedIText as z } from "./engine/fabric.js";
+import { s as g, D as _, a as A, C as L } from "./design-7zRpRtv9.js";
+import { u as k } from "./design-7zRpRtv9.js";
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { useMemo as C, useEffect as s } from "react";
+import { DEFAULT_PRINTINE_API_BASE_URL as S, createDesignerApiClient as F } from "./api/client.js";
+import { setDesignerApiClient as f } from "./api/endpoints.js";
+import { CommonApi as G, DesignApi as W } from "./api/endpoints.js";
+import { d as U, s as b } from "./config-D2qm60gf.js";
+import { CanvasDesigner as V, renderPlacementPreviews as X } from "./engine/canvas-designer.js";
+import { Editor as $ } from "./engine/editor.js";
+import { HistoryManager as J } from "./engine/history.js";
+import { ALIGN_TYPES as ee, DEFAULT_FILL_COLOR_LIST as re, DEFAULT_FONT_SIZE as oe, ELEMENT_TITLE_MAP as te, FONT_WEIGHT as ae, LAYER_BLACK_LIST as ne } from "./engine/constants.js";
+import { createEventBus as ie, designerEventBus as me } from "./engine/events.js";
+import { SnaplineManager as pe } from "./engine/managers/snapline.js";
+import { ResizeManager as fe } from "./engine/managers/resize.js";
+import { WorkspaceManager as de } from "./engine/managers/workspace.js";
+import { EventManager as ue } from "./engine/managers/event.js";
+import { ImageProcessor as De } from "./engine/processors/image.js";
+import { TextProcessor as Ie } from "./engine/processors/text.js";
+import { TemplateProcessor as _e } from "./engine/processors/template.js";
+import { useDesignerStore as Le } from "./state/designer-store.js";
+import { blobToDataURL as Ce, blobUrlToFile as Se, cloneObject as Fe, dataUrlToFile as Ue, directionOffsetToXY as be, generateThumbImage as Re, getCanvasSize as Be, resizeBase64Image as Ne, toHorizontalRaw as he, toVerticalStack as Me, urlToBlob as Oe, urlToDataURL as ye, xyToDirectionOffset as He } from "./engine/utils/common.js";
+import { loadImage as ze, loadOverlaySvgImage as Ye, loadSvgImage as ke } from "./engine/utils/image.js";
+import { fontCache as Ge, loadFontFile as We, loadFontface as Ke } from "./engine/utils/font.js";
+import { DEFAULT_DPI as Xe, inchToPixel as Ze, isSvg as $e } from "./engine/utils/measure.js";
+import { Loading as Je } from "./engine/utils/loading.js";
+import { getImageControls as er, setDefaultControls as rr } from "./engine/utils/setting.js";
+import { fabric as tr } from "fabric";
+function y(e) {
+  const {
+    productId: r,
+    apiBaseUrl: i = S,
+    locale: t,
+    imageBaseUrl: m,
+    threeDEnvironmentUrl: c,
+    basePlateId: d,
+    basePlate: x,
+    initialDesignData: u,
+    adapters: a,
+    // Legacy top-level prop (kept for reference; uploads now come from adapters):
+    // uploadImage,
+    semiDesignPermission: T,
+    messages: D,
+    className: E,
+    children: I,
+    onClose: v,
+    onEvent: l,
+    onAnalytics: p
+  } = e, n = C(
+    () => F({ apiBaseUrl: i, locale: t }),
+    [i, t]
+  );
+  return s(() => {
+    l?.({ name: "ready", productId: r });
+  }, [l, r]), s(() => (f(n), () => f(null)), [n]), s(() => (g(p ?? null), () => g(null)), [p]), b({
+    ...m !== void 0 ? { imageBaseUrl: m } : {}
+  }), /* @__PURE__ */ o(_, { value: { productId: r, basePlateId: d, initialDesignData: u, uploadImage: a?.uploadImage, assets: a?.assets, templates: a?.templates, locale: t, threeDEnvironmentUrl: c, messages: D, onClose: v, onSave: e.onSave, onError: e.onError, onEvent: e.onEvent, api: n }, children: /* @__PURE__ */ P(
+    "section",
+    {
+      className: ["printine-designer", E].filter(Boolean).join(" "),
+      "data-product-id": r,
+      style: { "--printine-designer-transparent-pattern": `url("${U("/images/design/transparent_pattern.svg")}")` },
+      children: [
+        /* @__PURE__ */ o("main", { className: "printine-designer__content", children: I ?? /* @__PURE__ */ o(A, { basePlate: x, semiDesignPermission: T }) }),
+        /* @__PURE__ */ o(L, {})
+      ]
+    }
+  ) });
+}
+export {
+  ee as ALIGN_TYPES,
+  z as AdvancedIText,
+  V as CanvasDesigner,
+  G as CommonApi,
+  Xe as DEFAULT_DPI,
+  re as DEFAULT_FILL_COLOR_LIST,
+  oe as DEFAULT_FONT_SIZE,
+  W as DesignApi,
+  _ as DesignerRuntimeProvider,
+  te as ELEMENT_TITLE_MAP,
+  $ as Editor,
+  ue as EventManager,
+  ae as FONT_WEIGHT,
+  A as FullDesigner,
+  J as HistoryManager,
+  De as ImageProcessor,
+  ne as LAYER_BLACK_LIST,
+  Je as Loading,
+  y as PrintineDesigner,
+  fe as ResizeManager,
+  pe as SnaplineManager,
+  _e as TemplateProcessor,
+  Ie as TextProcessor,
+  de as WorkspaceManager,
+  Ce as blobToDataURL,
+  Se as blobUrlToFile,
+  Fe as cloneObject,
+  F as createDesignerApiClient,
+  ie as createEventBus,
+  Ue as dataUrlToFile,
+  me as designerEventBus,
+  be as directionOffsetToXY,
+  tr as fabric,
+  Ge as fontCache,
+  Re as generateThumbImage,
+  Be as getCanvasSize,
+  er as getImageControls,
+  Ze as inchToPixel,
+  $e as isSvg,
+  We as loadFontFile,
+  Ke as loadFontface,
+  ze as loadImage,
+  Ye as loadOverlaySvgImage,
+  ke as loadSvgImage,
+  X as renderPlacementPreviews,
+  Ne as resizeBase64Image,
+  rr as setDefaultControls,
+  f as setDesignerApiClient,
+  he as toHorizontalRaw,
+  Me as toVerticalStack,
+  Oe as urlToBlob,
+  ye as urlToDataURL,
+  k as useDesignerRuntime,
+  Le as useDesignerStore,
+  He as xyToDirectionOffset
+};

package/dist/lib/analytics.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Analytics indirection.
+ *
+ * The package never talks to gtag, Meta or Reddit pixels directly. It emits
+ * named editor events and the host decides whether to forward them anywhere.
+ */
+export type DesignerAnalyticsEvent = 'preview_design';
+export type DesignerAnalyticsHandler = (event: DesignerAnalyticsEvent, payload: Record<string, unknown>) => void;
+/** Registered by `PrintineDesigner`; unset on unmount. */
+export declare function setAnalyticsHandler(next: DesignerAnalyticsHandler | null): void;
+export declare const DesignerAnalytics: {
+    previewDesign: (productId?: string | number, modelId?: string | number) => void;
+};
+/** Compatibility alias for the migrated components. */
+export declare const GtagEvents: {
+    previewDesign: (productId?: string | number, modelId?: string | number) => void;
+};

package/dist/lib/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+/** Tailwind-aware class merge used by every packaged editor component. */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/common.d.ts

@@ -0,0 +1,16 @@
+/** Converts a `#rgb`/`#rrggbb` string to its RGB channels. */
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const roundToDecimals: (num: number, decimals?: number) => number;
+/**
+ * Appends the OSS resize query used for thumbnails. SVG and video assets are
+ * returned untouched because the OSS pipeline cannot resize them.
+ */
+export declare const getScaleImage: (url: string, params: string) => string;
+/** Prefixes an OSS object key with the configured image base URL. */
+export declare const getFullImageUrl: (path: string) => string;
+/** True when a hex colour resolves to pure white. */
+export declare const isWhite: (code: string) => boolean;

package/dist/lib/config.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Runtime configuration shared by non-React modules.
+ *
+ * The host app previously read build-time environment variables. The package
+ * takes configuration as props instead, so it carries no host-environment coupling.
+ */
+export interface DesignerConfig {
+    /** Prefix prepended to OSS object keys returned by the upload endpoints. */
+    imageBaseUrl: string;
+}
+export declare const designerConfig: DesignerConfig;
+export declare function setDesignerConfig(next: Partial<DesignerConfig>): void;
+/** Resolves an editor asset embedded in the package output. */
+export declare function designerAssetUrl(path: string): string;

package/dist/lib/navigation.d.ts

@@ -0,0 +1,2 @@
+/** Lets the host close the editor without exposing its router to the package. */
+export declare function useDesignerClose(): () => void;

package/dist/renderer/ThreeDPreview.d.ts

@@ -0,0 +1,14 @@
+import type { TDRender } from '../contracts/api-design';
+export interface ThreeDPreviewProps {
+    model: TDRender;
+    /** Preview images keyed by placement name and/or base plate area id. */
+    textures: Record<string, string | ImageBitmap>;
+    environmentUrl?: string;
+    className?: string;
+    onError?: (error: unknown) => void;
+}
+/**
+ * Lazy 3D renderer. It stays out of the main designer entry until a host opens
+ * a 3D preview, keeping Pixi/Babylon out of the canvas editor's initial load.
+ */
+export declare function ThreeDPreview({ model, textures, environmentUrl, className, onError }: ThreeDPreviewProps): import("react/jsx-runtime").JSX.Element;