@janbox/storefront-builder 1.0.5 → 1.0.7

package/README.md

@@ -61,6 +61,11 @@ export default function BuilderPage() {
   return (
     <Editor
       theme={myTheme}
+      handlers={{
+        upload: async () => '',
+        submit: (_data) => {},
+        close: () => {},
+      }}
       insert={{
         elements: [LAYOUT_ELEMENT_GROUP, TEXT_ELEMENT_GROUP, MEDIA_ELEMENT_GROUP, INTERACTIVE_ELEMENT_GROUP],
         sections: [HERO_SECTION_GROUP],
@@ -190,6 +195,11 @@ Pass them to `Editor` via the `insert` prop:
 ```tsx
 <Editor
   theme={myTheme}
+  handlers={{
+    upload: async () => '',
+    submit: () => {},
+    close: () => {},
+  }}
   insert={{
     elements: [LAYOUT_ELEMENT_GROUP, TEXT_ELEMENT_GROUP],
     sections: [HERO_SECTION_GROUP],
@@ -238,6 +248,11 @@ import { MyBadge } from './my-badge.node';
 
 <Editor
   theme={myTheme}
+  handlers={{
+    upload: async () => '',
+    submit: () => {},
+    close: () => {},
+  }}
   resolver={{ MyBadge }}
   insert={{ elements: [/* ... */], sections: [] }}
 />
@@ -323,19 +338,7 @@ const { id, connectors, actions } = useNode();
 
 ## TailwindCSS Integration
 
-The library uses TailwindCSS v4 internally with a `tw:` prefix. To extend it in your app:
-
-```ts
-// tailwind.config.ts
-import builderConfig from '@janbox/storefront-builder/tailwind.config';
-
-export default {
-  presets: [builderConfig],
-  // your overrides
-};
-```
-
-Import the stylesheet once at your app entry:
+The library uses TailwindCSS v4 internally with a `tw:` prefix. Import the stylesheet once at your app entry:
 
 ```ts
 import '@janbox/storefront-builder/style.css';
@@ -394,67 +397,67 @@ Chi tiết props, usage và rules cho từng node:
 
 ### Layout
 
-- [RootNode](lib/root/README.md) — top-level canvas container
-- [BoxNode](lib/box/README.md) — block container
-- [FlexboxNode](lib/flexbox/README.md) — flex container
-- [FlexItemNode](lib/flex-item/README.md) — flex item
-- [GridNode](lib/grid/README.md) — CSS grid container
-- [CellNode](lib/cell/README.md) — grid cell
+- [RootNode](dist/lib/root/README.md) — top-level canvas container
+- [BoxNode](dist/lib/box/README.md) — block container
+- [FlexboxNode](dist/lib/flexbox/README.md) — flex container
+- [FlexItemNode](dist/lib/flex-item/README.md) — flex item
+- [GridNode](dist/lib/grid/README.md) — CSS grid container
+- [CellNode](dist/lib/cell/README.md) — grid cell
 
 ### Typography
 
-- [TextNode](lib/text/README.md) — inline/block text
-- [HeadingNode](lib/heading/README.md) — h1–h6 heading
-- [ParagraphNode](lib/paragraph/README.md) — paragraph
+- [TextNode](dist/lib/text/README.md) — inline/block text
+- [HeadingNode](dist/lib/heading/README.md) — h1–h6 heading
+- [ParagraphNode](dist/lib/paragraph/README.md) — paragraph
 
 ### Media
 
-- [ImageNode](lib/image/README.md) — image
-- [VideoNode](lib/video/README.md) — video player
-- [IconNode](lib/icon/README.md) — inline SVG icon
+- [ImageNode](dist/lib/image/README.md) — image
+- [VideoNode](dist/lib/video/README.md) — video player
+- [IconNode](dist/lib/icon/README.md) — inline SVG icon
 
 ### Navigation
 
-- [LinkNode](lib/link/README.md) — anchor link
-- [ButtonNode](lib/button/README.md) — CTA button
+- [LinkNode](dist/lib/link/README.md) — anchor link
+- [ButtonNode](dist/lib/button/README.md) — CTA button
 
 ### Lists
 
-- [UnorderedListNode](lib/unordered-list/README.md) — list container
-- [ListItemNode](lib/list-item/README.md) — list item
+- [UnorderedListNode](dist/lib/unordered-list/README.md) — list container
+- [ListItemNode](dist/lib/list-item/README.md) — list item
 
 ### Accordion
 
-- [AccordionGroupNode](lib/accordion-group/README.md) — accordion container
-- [AccordionNode](lib/accordion/README.md) — accordion item
-- [AccordionSummaryNode](lib/accordion-summary/README.md) — accordion header
-- [AccordionContentNode](lib/accordion-content/README.md) — accordion content
+- [AccordionGroupNode](dist/lib/accordion-group/README.md) — accordion container
+- [AccordionNode](dist/lib/accordion/README.md) — accordion item
+- [AccordionSummaryNode](dist/lib/accordion-summary/README.md) — accordion header
+- [AccordionContentNode](dist/lib/accordion-content/README.md) — accordion content
 
 ### Tabs
 
-- [TabsNode](lib/tabs/README.md) — tabs container
-- [TabListNode](lib/tab-list/README.md) — tab headers container
-- [TabNode](lib/tab/README.md) — tab header button
-- [TabContentNode](lib/tab-content/README.md) — tab panels container
-- [TabPanelNode](lib/tab-panel/README.md) — tab panel content
+- [TabsNode](dist/lib/tabs/README.md) — tabs container
+- [TabListNode](dist/lib/tab-list/README.md) — tab headers container
+- [TabNode](dist/lib/tab/README.md) — tab header button
+- [TabContentNode](dist/lib/tab-content/README.md) — tab panels container
+- [TabPanelNode](dist/lib/tab-panel/README.md) — tab panel content
 
 ### Carousel
 
-- [SwiperNode](lib/swiper/README.md) — carousel container
-- [SwiperSlideNode](lib/swiper-slide/README.md) — carousel slide
+- [SwiperNode](dist/lib/swiper/README.md) — carousel container
+- [SwiperSlideNode](dist/lib/swiper-slide/README.md) — carousel slide
 
 ### Marquee
 
-- [MarqueeNode](lib/marquee/README.md) — auto-scrolling ticker
-- [MarqueeItemNode](lib/marquee-item/README.md) — ticker item
+- [MarqueeNode](dist/lib/marquee/README.md) — auto-scrolling ticker
+- [MarqueeItemNode](dist/lib/marquee-item/README.md) — ticker item
 
 ### Utilities
 
-- [CountdownTimerNode](lib/countdown-timer/README.md) — countdown timer
+- [CountdownTimerNode](dist/lib/countdown-timer/README.md) — countdown timer
 
 ### Internal
 
-- [UnknownNode](lib/unknown/README.md) — fallback for unresolved nodes
+- [UnknownNode](dist/lib/unknown/README.md) — fallback for unresolved nodes
 
 ---