@bagelink/blox 1.10.17 → 1.10.21

package/README.md

@@ -61,17 +61,15 @@ import App from './App.vue'
 
 const app = createApp(App)
 const router = createRouter({
-  history: createWebHistory(),
-  routes: [
-    // Your app routes
-  ],
+	history: createWebHistory(),
+	routes: [
+		// Your app routes
+	],
 })
 
 // Create and configure Blox
 const blox = createBlox()
-blox
-  .registerComponents([ButtonConfig, TextConfig, TitleConfig])
-  .registerRoutes(router)
+blox.registerComponents([ButtonConfig, TextConfig, TitleConfig]).registerRoutes(router)
 
 app.use(blox)
 app.use(router)
@@ -79,6 +77,7 @@ app.mount('#app')
 ```
 
 That's it! Preview routes are now available at:
+
 - `/blox/preview/:pageId?` - External preview with editor communication
 - `/blox/render/:pageId?` - Static page rendering
 
@@ -89,24 +88,22 @@ import { createBlox, createComponentConfig, ButtonConfig } from '@bagelink/blox'
 import MyHeroSection from './components/MyHeroSection.vue'
 
 const MyHeroConfig = createComponentConfig({
-  id: 'MyHero',
-  label: 'Hero Section',
-  icon: 'hero_section',
-  component: MyHeroSection,
-  content: [
-    {
-      type: 'text',
-      key: 'title',
-      label: 'Hero Title',
-      defaultValue: 'Welcome!',
-    },
-  ],
+	id: 'MyHero',
+	label: 'Hero Section',
+	icon: 'hero_section',
+	component: MyHeroSection,
+	content: [
+		{
+			type: 'text',
+			key: 'title',
+			label: 'Hero Title',
+			defaultValue: 'Welcome!',
+		},
+	],
 })
 
 const blox = createBlox()
-blox
-  .registerComponents([ButtonConfig, MyHeroConfig])
-  .registerRoutes(router)
+blox.registerComponents([ButtonConfig, MyHeroConfig]).registerRoutes(router)
 
 app.use(blox)
 ```
@@ -146,7 +143,7 @@ app.mount('#app')
 
 ```vue
 <template>
-  <RenderPage :page-data="pageData" />
+	<RenderPage :page-data="pageData" />
 </template>
 
 <script setup lang="ts">
@@ -163,7 +160,7 @@ const pageData = {
 
 ```vue
 <template>
-  <ExternalPreview :origin="editorOrigin" />
+	<ExternalPreview :origin="editorOrigin" />
 </template>
 
 <script setup lang="ts">
@@ -188,9 +185,9 @@ registerComponent('Button', MyButton)
 
 // Or register multiple components at once
 registerComponents({
-  Button: MyButton,
-  Hero: MyHero,
-  Text: MyText,
+	Button: MyButton,
+	Hero: MyHero,
+	Text: MyText,
 })
 ```
 
@@ -203,13 +200,13 @@ import { createCommunicationBridge } from '@bagelink/blox'
 
 // Create a communication bridge
 const bridge = createCommunicationBridge({
-  origin: 'https://editor.com',
-  targetWindow: window.parent,
+	origin: 'https://editor.com',
+	targetWindow: window.parent,
 })
 
 // Listen for messages
 bridge.on('update', ({ data }) => {
-  console.log('Received update:', data)
+	console.log('Received update:', data)
 })
 
 // Send messages
@@ -256,6 +253,7 @@ registerComponent('Button', MyButton)
 ```
 
 **Parameters:**
+
 - `type` - The block type identifier (e.g., 'Button', 'Hero')
 - `component` - Vue component constructor or async import
 
@@ -269,13 +267,14 @@ Register multiple components at once.
 import { registerComponents } from '@bagelink/blox'
 
 registerComponents({
-  Button: MyButton,
-  Hero: MyHero,
-  Text: MyText,
+	Button: MyButton,
+	Hero: MyHero,
+	Text: MyText,
 })
 ```
 
 **Parameters:**
+
 - `components` - Object mapping type names to components
 
 ---
@@ -296,7 +295,7 @@ Check if a component type is registered.
 
 ```typescript
 if (hasComponent('Button')) {
-  // Button is registered
+	// Button is registered
 }
 ```
 
@@ -356,6 +355,7 @@ siteB.register('Button', ButtonB)
 ```
 
 **Returns:** Object with methods:
+
 - `register(type, component)` - Register to namespace
 - `get(type)` - Get from namespace
 - `getAll()` - Get all from namespace
@@ -372,13 +372,14 @@ Create a communication bridge for postMessage communication.
 import { createCommunicationBridge } from '@bagelink/blox'
 
 const bridge = createCommunicationBridge({
-  origin: 'https://editor.com',
-  targetWindow: window.parent,
+	origin: 'https://editor.com',
+	targetWindow: window.parent,
 })
 ```
 
 **Parameters:**
-- `config.origin` - Allowed origin (string or '*')
+
+- `config.origin` - Allowed origin (string or '\*')
 - `config.targetWindow` - Target window (default: window.parent)
 - `config.onMessage` - Optional global message handler
 
@@ -390,14 +391,15 @@ Register a message handler.
 
 ```typescript
 const unsubscribe = bridge.on('update', ({ data }) => {
-  console.log('Received update:', data)
+	console.log('Received update:', data)
 })
 
 // Later: unsubscribe()
 ```
 
 **Parameters:**
-- `type` - Message type or '*' for all messages
+
+- `type` - Message type or '\*' for all messages
 - `handler` - Handler function
 
 **Returns:** Unsubscribe function
@@ -424,6 +426,7 @@ bridge.send('update', null, { components: [...] })
 ```
 
 **Parameters:**
+
 - `type` - Message type
 - `message` - Optional message payload
 - `data` - Optional data payload
@@ -465,6 +468,7 @@ await initializePage(pageData)
 ```
 
 **What it does:**
+
 - Injects responsive CSS
 - Applies page settings
 - Loads Google Fonts
@@ -548,6 +552,7 @@ const styles = generateBlockStyles(blockData, false)
 ```
 
 **Parameters:**
+
 - `data` - Block data object
 - `isMobile` - Whether to use mobile overrides (default: false)
 
@@ -586,9 +591,9 @@ Normalize component data (convert string booleans, numbers, etc.).
 import { normalizeComponentData } from '@bagelink/blox'
 
 const normalized = normalizeComponentData({
-  width: '800',
-  fullWidth: 'true',
-  title: 'Hello',
+	width: '800',
+	fullWidth: 'true',
+	title: 'Hello',
 })
 // { width: 800, fullWidth: true, title: 'Hello' }
 ```
@@ -622,18 +627,17 @@ const merged = deepMerge(defaults, customSettings)
 Preview component for external sites.
 
 ```vue
-<ExternalPreview 
-  :origin="editorOrigin"
-  :initial-page-data="pageData"
-/>
+<ExternalPreview :origin="editorOrigin" :initial-page-data="pageData" />
 ```
 
 **Props:**
-- `origin?: string` - Allowed editor origin (default: '*')
+
+- `origin?: string` - Allowed editor origin (default: '\*')
 - `initialPageData?: PageData` - Optional initial page data
 
 **Events:**
 Communicates via postMessage with these message types:
+
 - `ready` - Sent when preview is ready
 - `focus` - Sent when block is focused
 - `highlight` - Sent when block is highlighted
@@ -645,13 +649,11 @@ Communicates via postMessage with these message types:
 Production render component.
 
 ```vue
-<RenderPage 
-  :page-data="pageData"
-  :mobile-breakpoint="910"
-/>
+<RenderPage :page-data="pageData" :mobile-breakpoint="910" />
 ```
 
 **Props:**
+
 - `pageData: PageData` - **Required** page data to render
 - `mobileBreakpoint?: number` - Window width for mobile (default: 910)
 
@@ -663,9 +665,9 @@ Production render component.
 
 ```typescript
 interface ComponentData {
-  id: string
-  type: string
-  data: Record<string, any>
+	id: string
+	type: string
+	data: Record<string, any>
 }
 ```
 
@@ -675,12 +677,12 @@ interface ComponentData {
 
 ```typescript
 interface PageData {
-  id?: string
-  components: ComponentData[]
-  pageSettings?: PageSettings
-  header_code?: string
-  body_code?: string
-  language?: Record<string, any>
+	id?: string
+	components: ComponentData[]
+	pageSettings?: PageSettings
+	header_code?: string
+	body_code?: string
+	language?: Record<string, any>
 }
 ```
 
@@ -690,20 +692,20 @@ interface PageData {
 
 ```typescript
 interface PageSettings {
-  selectedGoogleFont?: string
-  pageLanguage?: string
-  pageDirection?: 'ltr' | 'rtl'
-  additionalHeadCode?: string
-  additionalBodyCode?: string
-  customFavicon?: string
-  customOgImage?: string
-  customKeywords?: string
-  customRobotsMeta?: string
-  customAnalyticsCode?: string
-  disableGlobalHeadCode?: boolean
-  disableGlobalBodyCode?: boolean
-  disableGoogleAnalytics?: boolean
-  disableFacebookPixel?: boolean
+	selectedGoogleFont?: string
+	pageLanguage?: string
+	pageDirection?: 'ltr' | 'rtl'
+	additionalHeadCode?: string
+	additionalBodyCode?: string
+	customFavicon?: string
+	customOgImage?: string
+	customKeywords?: string
+	customRobotsMeta?: string
+	customAnalyticsCode?: string
+	disableGlobalHeadCode?: boolean
+	disableGlobalBodyCode?: boolean
+	disableGoogleAnalytics?: boolean
+	disableFacebookPixel?: boolean
 }
 ```
 
@@ -713,16 +715,16 @@ interface PageSettings {
 
 ```typescript
 interface GlobalSettings {
-  selectedGoogleFont?: string
-  pageLanguage?: string
-  pageDirection?: 'ltr' | 'rtl'
-  globalHeadCode?: string
-  globalBodyCode?: string
-  favicon?: string
-  ogImage?: string
-  siteKeywords?: string
-  googleAnalyticsId?: string
-  facebookPixelId?: string
+	selectedGoogleFont?: string
+	pageLanguage?: string
+	pageDirection?: 'ltr' | 'rtl'
+	globalHeadCode?: string
+	globalBodyCode?: string
+	favicon?: string
+	ogImage?: string
+	siteKeywords?: string
+	googleAnalyticsId?: string
+	facebookPixelId?: string
 }
 ```
 
@@ -732,15 +734,15 @@ interface GlobalSettings {
 
 ```typescript
 type MessageType =
-  | 'ready'
-  | 'update'
-  | 'focus'
-  | 'highlight'
-  | 'preview'
-  | 'meta'
-  | 'delete'
-  | 'disableLinks'
-  | 'newBlock'
+	| 'ready'
+	| 'update'
+	| 'focus'
+	| 'highlight'
+	| 'preview'
+	| 'meta'
+	| 'delete'
+	| 'disableLinks'
+	| 'newBlock'
 ```
 
 ---
@@ -749,10 +751,10 @@ type MessageType =
 
 ```typescript
 interface EditorMessage {
-  type: MessageType
-  message?: any
-  data?: any
-  isMobile?: boolean
+	type: MessageType
+	message?: any
+	data?: any
+	isMobile?: boolean
 }
 ```
 
@@ -762,8 +764,8 @@ interface EditorMessage {
 
 ```typescript
 interface BlockProps {
-  isMobile?: boolean
-  [key: string]: any
+	isMobile?: boolean
+	[key: string]: any
 }
 ```
 
@@ -773,57 +775,57 @@ interface BlockProps {
 
 ```typescript
 interface StyleConfig {
-  // Spacing
-  marginTop?: number
-  marginBottom?: number
-  marginTopMobile?: number
-  marginBottomMobile?: number
-  padding?: number
-  paddingMobile?: number
-
-  // Width
-  width?: number
-  widthMobile?: number
-  widthPercent?: number
-  widthPercentMobile?: number
-  fullWidth?: boolean
-  fullWidthMobile?: boolean
-
-  // Colors
-  backgroundColor?: string
-  backgroundColorMobile?: string
-  textColor?: string
-  textColorMobile?: string
-
-  // Border
-  borderWidth?: number
-  borderWidthMobile?: number
-  borderStyle?: string
-  borderStyleMobile?: string
-  borderColor?: string
-  borderColorMobile?: string
-  borderRadius?: number
-  borderRadiusMobile?: number
-
-  // Typography
-  fontFamily?: string
-  fontFamilyMobile?: string
-  center?: boolean
-  centerMobile?: boolean
-
-  // Effects
-  shadowType?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'custom'
-  shadowTypeMobile?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'custom'
-  zIndex?: number
-  zIndexMobile?: number
-
-  // Visibility
-  showDesktop?: boolean
-  showMobile?: boolean
-
-  // Custom
-  customId?: string
-  customCSS?: string
+	// Spacing
+	marginTop?: number
+	marginBottom?: number
+	marginTopMobile?: number
+	marginBottomMobile?: number
+	padding?: number
+	paddingMobile?: number
+
+	// Width
+	width?: number
+	widthMobile?: number
+	widthPercent?: number
+	widthPercentMobile?: number
+	fullWidth?: boolean
+	fullWidthMobile?: boolean
+
+	// Colors
+	backgroundColor?: string
+	backgroundColorMobile?: string
+	textColor?: string
+	textColorMobile?: string
+
+	// Border
+	borderWidth?: number
+	borderWidthMobile?: number
+	borderStyle?: string
+	borderStyleMobile?: string
+	borderColor?: string
+	borderColorMobile?: string
+	borderRadius?: number
+	borderRadiusMobile?: number
+
+	// Typography
+	fontFamily?: string
+	fontFamilyMobile?: string
+	center?: boolean
+	centerMobile?: boolean
+
+	// Effects
+	shadowType?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'custom'
+	shadowTypeMobile?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'custom'
+	zIndex?: number
+	zIndexMobile?: number
+
+	// Visibility
+	showDesktop?: boolean
+	showMobile?: boolean
+
+	// Custom
+	customId?: string
+	customCSS?: string
 }
 ```
 
@@ -834,6 +836,7 @@ interface StyleConfig {
 ### Editor → Preview
 
 #### `update`
+
 Update components data.
 
 ```typescript
@@ -845,6 +848,7 @@ Update components data.
 ```
 
 #### `focus`
+
 Focus a specific block.
 
 ```typescript
@@ -855,6 +859,7 @@ Focus a specific block.
 ```
 
 #### `highlight`
+
 Highlight a specific block.
 
 ```typescript
@@ -865,6 +870,7 @@ Highlight a specific block.
 ```
 
 #### `preview`
+
 Toggle preview mode.
 
 ```typescript
@@ -875,6 +881,7 @@ Toggle preview mode.
 ```
 
 #### `disableLinks`
+
 Disable link navigation.
 
 ```typescript
@@ -889,6 +896,7 @@ Disable link navigation.
 ### Preview → Editor
 
 #### `ready`
+
 Preview is ready.
 
 ```typescript
@@ -901,6 +909,7 @@ Preview is ready.
 ```
 
 #### `focus`
+
 User focused a block.
 
 ```typescript
@@ -911,6 +920,7 @@ User focused a block.
 ```
 
 #### `highlight`
+
 User highlighted a block.
 
 ```typescript
@@ -921,6 +931,7 @@ User highlighted a block.
 ```
 
 #### `delete`
+
 User wants to delete a block.
 
 ```typescript
@@ -945,4 +956,3 @@ MIT © [Bagel Studio](https://bagelstudio.co.il)
 - [GitHub Repository](https://github.com/bageldb/bagelink)
 - [Documentation](https://github.com/bageldb/bagelink/tree/master/packages/blox)
 - [Issues](https://github.com/bageldb/bagelink/issues)
-

package/dist/CmsPageView.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=CmsPageView.vue.d.ts.map

package/dist/CmsPageView.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsPageView.vue.d.ts","sourceRoot":"","sources":["../src/CmsPageView.vue"],"names":[],"mappings":";AAkOA,wBAMG"}

package/dist/PageRenderer.d.ts

@@ -0,0 +1,19 @@
+import { PropType } from 'vue';
+import { Block } from './api/types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    blocks: {
+        type: PropType<Block[]>;
+        default: () => Block[];
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    blocks: {
+        type: PropType<Block[]>;
+        default: () => Block[];
+    };
+}>> & Readonly<{}>, {
+    blocks: Block[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=PageRenderer.d.ts.map

package/dist/PageRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageRenderer.d.ts","sourceRoot":"","sources":["../src/PageRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAQtB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;;;;cADL,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;;;AALvB,wBAoBE"}

package/dist/PreviewApp-BZNzZkit.js

@@ -0,0 +1,4 @@
+import { PreviewApp as _sfc_main } from "./index.mjs";
+export {
+  _sfc_main as default
+};

package/dist/PreviewApp-C1WvJWI4.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./index.cjs");
+exports.default = index.PreviewApp;

package/dist/PreviewApp.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=PreviewApp.vue.d.ts.map

package/dist/PreviewApp.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewApp.vue.d.ts","sourceRoot":"","sources":["../src/PreviewApp.vue"],"names":[],"mappings":";AAyQA,wBAMG"}

package/dist/PreviewRenderer.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { Block } from './api/types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    blocks: {
+        type: PropType<Block[]>;
+        default: () => Block[];
+    };
+    selectedIndex: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    hoveredIndex: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    blocks: {
+        type: PropType<Block[]>;
+        default: () => Block[];
+    };
+    selectedIndex: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    hoveredIndex: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    blocks: Block[];
+    selectedIndex: number | null;
+    hoveredIndex: number | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=PreviewRenderer.d.ts.map

package/dist/PreviewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewRenderer.d.ts","sourceRoot":"","sources":["../src/PreviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAatB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;cARxB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;AAZ1C,wBA6EE"}