@janbox/storefront-builder 1.0.0

package/dist/tooltip-BKdjtgjO.js

@@ -0,0 +1,63 @@
+import { j as y, a as o, c as j } from "./countdown-timer.node-CTPWHLr7.js";
+import { useRef as C, isValidElement as E, cloneElement as I, Fragment as N } from "react";
+import { useFloating as O, autoUpdate as P, flip as V, offset as k, size as z, arrow as D, useHover as M, safePolygon as S, useFocus as T, useDismiss as W, useRole as _, useInteractions as A, useMergeRefs as G, FloatingPortal as H } from "@floating-ui/react";
+import { get as L } from "lodash-es";
+import { u as U, F as X } from "./index-CY7cmOMU.js";
+const K = ({ placement: c = "top", open: f, onOpenChange: m, children: e, content: u }) => {
+  const [l, d] = U({
+    defaultValue: !1,
+    value: f
+  }), p = C(null), g = (s, n, R) => {
+    d(s), m?.(s, n, R);
+  }, { refs: a, floatingStyles: w, context: t } = O({
+    open: l,
+    onOpenChange: g,
+    placement: c,
+    middleware: [
+      V(),
+      k(4),
+      z({
+        apply({ elements: s }) {
+          const n = {
+            zIndex: `${X}`
+          };
+          Object.assign(s.floating.style, n);
+        }
+      }),
+      D({ element: p })
+    ],
+    whileElementsMounted: P
+  }), b = M(t, { move: !1, handleClose: S() }), h = T(t), v = W(t, {}), F = _(t, {
+    role: "tooltip"
+  }), { getReferenceProps: i, getFloatingProps: x } = A([b, h, v, F]), r = G([a.setReference, L(e, "ref")]);
+  return /* @__PURE__ */ y(N, { children: [
+    E(e) ? I(
+      e,
+      i({
+        ...e.props ?? {},
+        ref: r
+      })
+    ) : /* @__PURE__ */ o("div", { ...i(), ref: r, children: e }),
+    l && /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(
+      "div",
+      {
+        style: w,
+        ...x(),
+        className: "tw:bg-ic-ink-6s tw:rounded-lg",
+        ref: a.setFloating,
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            className: j(
+              "tw:focus-visible:outline-none tw:rounded-lg tw:p-2 tw:shadow tw:animate-fade tw:animate-duration-300 tw:bg-ic-ink-6s tw:border tw:border-ic-white-1s tw:text-ic-white-6s tw:text-xs"
+            ),
+            children: u
+          }
+        )
+      }
+    ) })
+  ] });
+};
+export {
+  K as W
+};

package/dist/types/index.d.ts

@@ -0,0 +1,30 @@
+import { UserComponentConfig, Node as CraftNode, NodeId, NodeTree, SerializedNodes, Resolver } from '@craftjs/core';
+import { Screen } from '@janbox/storefront-ui/theme';
+export type { NodeId, NodeTree, SerializedNodes, Resolver };
+export type Node<T = object> = ShallowMerge<CraftNode, {
+    info: NodeInfo<T>;
+    related: NodeRelated;
+}>;
+export type NodeInfo<T = object> = {
+    selectable?: boolean;
+    deletable?: boolean;
+    displayName?: string | ((props: T) => string);
+};
+export type NodeCustom = {
+    displayName?: string;
+    selectable?: boolean;
+    deletable?: boolean;
+    dropzone?: boolean;
+};
+export type NodeRelated = {
+    inspector?: React.ComponentType<any>;
+    renderer?: React.ComponentType<{
+        render: React.ReactElement;
+    }>;
+};
+export type DisplayOnValue = Partial<Record<Screen, boolean>>;
+export type NodeConfig<T = object> = ShallowMerge<Partial<UserComponentConfig<T>>, {
+    info: NodeInfo;
+    custom?: NodeCustom;
+    related?: NodeRelated;
+}>;

package/dist/utils/common.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { ClassValue } from 'clsx';
+export declare const parseNumber: (text?: string | number, type?: "int" | "float", separator?: string) => number | undefined;
+export declare function parseSvgString(source: string, uniqueId: string): ReactElement<import('react').SVGProps<SVGSVGElement>, "svg"> | null;
+export declare const cn: (...classes: ClassValue[]) => string;

package/dist/utils/index.d.ts

@@ -0,0 +1,19 @@
+import { Node, NodeCustom, NodeInfo, NodeRelated, NodeConfig } from '../types';
+import { Screen } from '@janbox/storefront-ui/theme';
+import { StyledCSS, ToResponsiveProps } from '@janbox/storefront-ui/types';
+export * from './common';
+export declare const getNodeInfo: (node: Node) => NodeInfo;
+export declare const getNodeCustom: (node: Node) => NodeCustom;
+export declare const getNodeDisplayName: (node: Node) => string;
+export declare const getNodeResolved: <T extends string>(node: Node) => T;
+export declare const getNodeRelated: (node: Node) => NodeRelated;
+export declare const isNodeSelectable: (node: Node) => boolean;
+export declare const registerNodeRelated: <T>(component: React.ComponentType<T> & {
+    craft?: NodeConfig;
+}, related: NodeRelated) => void;
+export declare const toResponsiveCss: (css: StyledCSS, screen?: Screen) => ToResponsiveProps<StyledCSS>;
+export declare const defineNode: <T>(component: React.ComponentType<T>, config: Omit<NodeConfig<T>, "displayName"> & {
+    resolved: string;
+}) => React.ComponentType<T> & {
+    craft: NodeConfig<T>;
+};

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@janbox/storefront-builder",
+  "version": "1.0.0",
+  "description": "Standalone storefront builder library extracted from craft-layers-portal",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./editor": {
+      "types": "./dist/editor/index.d.ts",
+      "import": "./dist/editor.js"
+    },
+    "./templates": {
+      "types": "./dist/templates/index.d.ts",
+      "import": "./dist/templates.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "dependencies": {
+    "@craftjs/core": "^0.2.12",
+    "@craftjs/layers": "^0.2.7",
+    "@emotion/react": "^11.14.0",
+    "@floating-ui/react": "^0.27.13",
+    "@hello-pangea/dnd": "^18.0.1",
+    "@janbox/storefront-ui": "^2.0.24",
+    "@tanstack/react-virtual": "^3.10.9",
+    "@tiptap/extension-text-style": "^3.22.2",
+    "@tiptap/react": "^3.22.2",
+    "@tiptap/starter-kit": "^3.22.2",
+    "clsx": "^2.1.1",
+    "color": "^5.0.0",
+    "dayjs": "^1.11.13",
+    "flat": "^6.0.1",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.1",
+    "overlayscrollbars-react": "^0.5.6",
+    "react-colorful": "^5.6.1",
+    "react-datepicker": "^8.8.0",
+    "react-dropzone": "^14.2.3",
+    "react-frame-component": "^5.2.7",
+    "react-router": "^7.9.6",
+    "react-use": "^17.5.1",
+    "tailwind-merge": "^2.4.0",
+    "usehooks-ts": "^3.1.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.2.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@types/react-frame-component": "^4.1.6",
+    "sass-embedded": "^1.99.0",
+    "tailwindcss": "^4.2.2",
+    "type-fest": "^5.5.0",
+    "typescript": "5.5.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "pnpm clean && vite build",
+    "typecheck": "tsc --noEmit"
+  }
+}