@duongthiu/onex-core 0.1.0 → 0.1.1

package/README.md

@@ -74,22 +74,17 @@ Use esbuild with externalized dependencies:
 
 ```javascript
 // esbuild.config.js
-const esbuild = require("esbuild")
+const esbuild = require("esbuild");
 
 esbuild.build({
   entryPoints: ["src/index.ts"],
   bundle: true,
   format: "esm",
   outfile: "dist/index.mjs",
-  external: [
-    "@onex/core",
-    "@onex/core/client",
-    "react",
-    "react-dom"
-  ],
+  external: ["@onex/core", "@onex/core/client", "react", "react-dom"],
   minify: true,
-  sourcemap: true
-})
+  sourcemap: true,
+});
 ```
 
 ## Package Exports
@@ -109,6 +104,7 @@ import { ... } from "@onex/core/client"
 ```
 
 Browser-safe exports with `"use client"` directive:
+
 - ✅ All type definitions
 - ✅ UI components (Button, Heading, Card, etc.)
 - ✅ Rendering engine (SectionRenderer, BlockRenderer, ComponentRenderer)
@@ -123,6 +119,7 @@ import { ... } from "@onex/core/server"
 ```
 
 Server-only exports:
+
 - ✅ ThemeRegistryManager (uses Node.js fs APIs)
 - ✅ All types (re-exported for convenience)
 
@@ -132,51 +129,51 @@ Server-only exports:
 
 ```typescript
 import type {
-  ThemeManifest,      // Theme metadata
-  ThemeModule,        // What themes export
-  ThemeConfig,        // Design tokens
-  ThemeUpload,        // Upload metadata
-} from "@onex/core"
+  ThemeManifest, // Theme metadata
+  ThemeModule, // What themes export
+  ThemeConfig, // Design tokens
+  ThemeUpload, // Upload metadata
+} from "@onex/core";
 ```
 
 ### Section Types
 
 ```typescript
 import type {
-  SectionComponentProps,  // Props for section components
-  SectionInstance,        // Section data
-  SectionSchema,          // Section blueprint
-  TemplateDefinition,     // Template variant
-} from "@onex/core"
+  SectionComponentProps, // Props for section components
+  SectionInstance, // Section data
+  SectionSchema, // Section blueprint
+  TemplateDefinition, // Template variant
+} from "@onex/core";
 ```
 
 ### Component Types
 
 ```typescript
 import type {
-  ComponentInstance,      // Component data
-  ComponentDefinition,    // Component blueprint
-  StyleSettings,          // Component styles
-} from "@onex/core"
+  ComponentInstance, // Component data
+  ComponentDefinition, // Component blueprint
+  StyleSettings, // Component styles
+} from "@onex/core";
 ```
 
 ### Block Types
 
 ```typescript
 import type {
-  BlockInstance,          // Block data (supports nesting)
-  BlockDefinition,        // Block blueprint
-} from "@onex/core"
+  BlockInstance, // Block data (supports nesting)
+  BlockDefinition, // Block blueprint
+} from "@onex/core";
 ```
 
 ### Validation Types
 
 ```typescript
 import type {
-  ValidationResult,       // Validation result
-  ValidationError,        // Validation error
-  ValidationWarning,      // Validation warning
-} from "@onex/core"
+  ValidationResult, // Validation result
+  ValidationError, // Validation error
+  ValidationWarning, // Validation warning
+} from "@onex/core";
 ```
 
 ## Available Components
@@ -191,53 +188,32 @@ import {
   FullWidthSection,
   Container,
   Grid,
-  Columns
-} from "@onex/core/client"
+  Columns,
+} from "@onex/core/client";
 ```
 
 ### Text Components
 
 ```typescript
-import {
-  Heading,
-  Paragraph,
-  Quote,
-  Badge
-} from "@onex/core/client"
+import { Heading, Paragraph, Quote, Badge } from "@onex/core/client";
 ```
 
 ### Interactive Components
 
 ```typescript
-import {
-  ButtonComponent,
-  Link,
-  Divider,
-  Spacer
-} from "@onex/core/client"
+import { ButtonComponent, Link, Divider, Spacer } from "@onex/core/client";
 ```
 
 ### Media Components
 
 ```typescript
-import {
-  Image,
-  Icon,
-  Video,
-  Gallery,
-  Map
-} from "@onex/core/client"
+import { Image, Icon, Video, Gallery, Map } from "@onex/core/client";
 ```
 
 ### Form Components
 
 ```typescript
-import {
-  Input,
-  Textarea,
-  Checkbox,
-  Select
-} from "@onex/core/client"
+import { Input, Textarea, Checkbox, Select } from "@onex/core/client";
 ```
 
 ### Advanced Components
@@ -252,8 +228,8 @@ import {
   Progress,
   Timer,
   Table,
-  Code
-} from "@onex/core/client"
+  Code,
+} from "@onex/core/client";
 ```
 
 ## Utilities
@@ -263,22 +239,22 @@ import {
 Combines Tailwind CSS classes with proper precedence:
 
 ```typescript
-import { cn } from "@onex/core/client"
+import { cn } from "@onex/core/client";
 
 const className = cn(
   "text-base",
-  "text-lg",  // This wins (last one)
+  "text-lg", // This wins (last one)
   condition && "font-bold",
   section.settings.customClass
-)
+);
 ```
 
 ### generateId() - UUID Generator
 
 ```typescript
-import { generateId } from "@onex/core/client"
+import { generateId } from "@onex/core/client";
 
-const id = generateId() // "abc123-def456-..."
+const id = generateId(); // "abc123-def456-..."
 ```
 
 ### Block Finder
@@ -347,18 +323,21 @@ function ResponsiveComponent() {
 ### v1.0.0 - Static + Runtime Constraints
 
 **Allowed**:
+
 - ✅ Import from `@onex/core`, `react`, `react-dom`
 - ✅ Standard JavaScript/TypeScript
 - ✅ Tailwind CSS classes
 - ✅ Fetch API for CDN resources
 
 **Blocked** (detected via AST validation):
+
 - ❌ `eval()` or `new Function()`
 - ❌ Node.js APIs (`fs`, `path`, `child_process`, etc.)
 - ❌ Dynamic imports except from CDN
 - ❌ Bundle size > 1MB
 
 **Runtime Protection**:
+
 - Error boundaries catch render crashes
 - Engine version enforcement
 - Limited API surface
@@ -379,7 +358,7 @@ The platform enforces compatibility at runtime:
 
 ```typescript
 if (!semver.satisfies(platformVersion, theme.engine)) {
-  throw new Error("Incompatible theme version")
+  throw new Error("Incompatible theme version");
 }
 ```
 

package/THEME_API.md

@@ -52,7 +52,7 @@ import type {
   ValidationResult,
   ValidationError,
   ValidationWarning,
-} from "@onex/core"
+} from "@onex/core";
 ```
 
 ---
@@ -137,23 +137,23 @@ export const manifest: ThemeManifest = {
   author: {
     name: "Your Name",
     email: "you@example.com",
-    url: "https://yoursite.com"
+    url: "https://yoursite.com",
   },
   engine: "^1.0.0",
   peerDependencies: {
     react: "^19.0.0",
     "react-dom": "^19.0.0",
-    "@onex/core": "^1.0.0"
+    "@onex/core": "^1.0.0",
   },
   sections: ["hero-default", "hero-minimal", "footer-default"],
   config: themeConfig,
   exports: {
     main: "./dist/index.mjs",
-    types: "./dist/index.d.ts"
+    types: "./dist/index.d.ts",
   },
   tags: ["e-commerce", "minimal", "modern"],
-  license: "MIT"
-}
+  license: "MIT",
+};
 ```
 
 ### Validation Rules
@@ -192,9 +192,9 @@ interface ThemeModule {
 ### Example
 
 ```typescript
-import type { ThemeModule } from "@onex/core"
-import { HeroDefault, HeroMinimal } from "./sections/hero"
-import { FooterDefault } from "./sections/footer"
+import type { ThemeModule } from "@onex/core";
+import { HeroDefault, HeroMinimal } from "./sections/hero";
+import { FooterDefault } from "./sections/footer";
 
 export const theme: ThemeModule = {
   manifest,
@@ -205,11 +205,11 @@ export const theme: ThemeModule = {
     "footer-default": FooterDefault,
   },
   init: async () => {
-    console.log("Theme initialized")
-  }
-}
+    console.log("Theme initialized");
+  },
+};
 
-export default theme
+export default theme;
 ```
 
 ---
@@ -245,7 +245,10 @@ interface SectionComponentProps {
 
   /** Component management callbacks */
   onComponentAdd?: (componentType: string) => void;
-  onComponentUpdate?: (componentId: string, updates: Partial<ComponentInstance>) => void;
+  onComponentUpdate?: (
+    componentId: string,
+    updates: Partial<ComponentInstance>
+  ) => void;
   onComponentRemove?: (componentId: string) => void;
   onComponentReorder?: (componentIds: string[]) => void;
 }
@@ -316,13 +319,13 @@ export const config: ThemeConfig = {
       background: "#ffffff",
       foreground: "#000000",
       // ... other colors
-    }
+    },
   },
   typography: {
     fontFamily: {
       heading: "Inter, sans-serif",
       body: "Inter, sans-serif",
-      mono: "Fira Code, monospace"
+      mono: "Fira Code, monospace",
     },
     fontSize: {
       xs: "0.75rem",
@@ -333,7 +336,7 @@ export const config: ThemeConfig = {
       "2xl": "1.5rem",
       "3xl": "1.875rem",
       "4xl": "2.25rem",
-      "5xl": "3rem"
+      "5xl": "3rem",
     },
     // ... other typography settings
   },
@@ -345,7 +348,7 @@ export const config: ThemeConfig = {
     xl: "2rem",
     "2xl": "3rem",
     "3xl": "4rem",
-    "4xl": "6rem"
+    "4xl": "6rem",
   },
   borderRadius: {
     none: "0",
@@ -354,16 +357,16 @@ export const config: ThemeConfig = {
     lg: "0.5rem",
     xl: "0.75rem",
     "2xl": "1rem",
-    full: "9999px"
+    full: "9999px",
   },
   breakpoints: {
     sm: "640px",
     md: "768px",
     lg: "1024px",
     xl: "1280px",
-    "2xl": "1536px"
-  }
-}
+    "2xl": "1536px",
+  },
+};
 ```
 
 ---
@@ -420,8 +423,8 @@ import {
   Progress,
   Timer,
   Table,
-  Code
-} from "@onex/core/client"
+  Code,
+} from "@onex/core/client";
 ```
 
 ### Example Usage
@@ -453,21 +456,21 @@ Utility functions for common tasks.
 Combines Tailwind classes with proper precedence.
 
 ```typescript
-import { cn } from "@onex/core/client"
+import { cn } from "@onex/core/client";
 
 const className = cn(
   "text-base",
   "text-lg", // This wins (last one)
   section.settings.customClass
-)
+);
 ```
 
 ### generateId() - UUID Generator
 
 ```typescript
-import { generateId } from "@onex/core/client"
+import { generateId } from "@onex/core/client";
 
-const id = generateId() // "abc123-def456-..."
+const id = generateId(); // "abc123-def456-..."
 ```
 
 ---
@@ -567,7 +570,7 @@ The platform will check compatibility before loading your theme:
 
 ```typescript
 if (!semver.satisfies(platformVersion, theme.manifest.engine)) {
-  throw new Error("Incompatible theme version")
+  throw new Error("Incompatible theme version");
 }
 ```
 
@@ -647,8 +650,8 @@ export function MySection({ section }: SectionComponentProps) {
 module.exports = {
   external: ["@onex/core", "@onex/core/client", "react", "react-dom"],
   minify: true,
-  treeShaking: true
-}
+  treeShaking: true,
+};
 ```
 
 ---
@@ -677,5 +680,5 @@ If migrating an existing internal theme:
 
 ---
 
-*Last Updated: 2026-01-23*
-*API Version: 1.0.0*
+_Last Updated: 2026-01-23_
+_API Version: 1.0.0_

package/dist/api.js

@@ -0,0 +1,14 @@
+"use client";
+'use strict';
+
+var chunkSEVUIX4H_js = require('./chunk-SEVUIX4H.js');
+require('./chunk-2NMEKWO5.js');
+
+
+
+Object.defineProperty(exports, "ApiClient", {
+  enumerable: true,
+  get: function () { return chunkSEVUIX4H_js.ApiClient; }
+});
+//# sourceMappingURL=api.js.map
+//# sourceMappingURL=api.js.map

package/dist/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"api.js"}

package/dist/api.mjs

@@ -0,0 +1,5 @@
+"use client";
+export { ApiClient } from './chunk-43BVHGDT.mjs';
+import './chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=api.mjs.map
+//# sourceMappingURL=api.mjs.map

package/dist/api.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"api.mjs"}

package/dist/auth.js

@@ -0,0 +1,23 @@
+"use client";
+'use strict';
+
+var chunkALYN5HAC_js = require('./chunk-ALYN5HAC.js');
+var chunkV3JIELNV_js = require('./chunk-V3JIELNV.js');
+require('./chunk-2NMEKWO5.js');
+
+
+
+Object.defineProperty(exports, "AuthService", {
+  enumerable: true,
+  get: function () { return chunkALYN5HAC_js.AuthService; }
+});
+Object.defineProperty(exports, "initializeAuthService", {
+  enumerable: true,
+  get: function () { return chunkV3JIELNV_js.initializeAuthService; }
+});
+Object.defineProperty(exports, "useAuth", {
+  enumerable: true,
+  get: function () { return chunkV3JIELNV_js.useAuth; }
+});
+//# sourceMappingURL=auth.js.map
+//# sourceMappingURL=auth.js.map

package/dist/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"auth.js"}

package/dist/auth.mjs

@@ -0,0 +1,6 @@
+"use client";
+export { AuthService } from './chunk-SK2FSHFM.mjs';
+export { initializeAuthService, useAuth } from './chunk-V5E2KWMA.mjs';
+import './chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=auth.mjs.map
+//# sourceMappingURL=auth.mjs.map

package/dist/auth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"auth.mjs"}

package/dist/blog.js

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var chunk2CSWHI3L_js = require('./chunk-2CSWHI3L.js');
+require('./chunk-2NMEKWO5.js');
+
+
+
+Object.defineProperty(exports, "BlogService", {
+  enumerable: true,
+  get: function () { return chunk2CSWHI3L_js.BlogService; }
+});
+Object.defineProperty(exports, "initializeBlogService", {
+  enumerable: true,
+  get: function () { return chunk2CSWHI3L_js.initializeBlogService; }
+});
+Object.defineProperty(exports, "useBlog", {
+  enumerable: true,
+  get: function () { return chunk2CSWHI3L_js.useBlog; }
+});
+//# sourceMappingURL=blog.js.map
+//# sourceMappingURL=blog.js.map

package/dist/blog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"blog.js"}

package/dist/blog.mjs

@@ -0,0 +1,5 @@
+"use client";
+export { BlogService, initializeBlogService, useBlog } from './chunk-OAPYSC2X.mjs';
+import './chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=blog.mjs.map
+//# sourceMappingURL=blog.mjs.map

package/dist/blog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"blog.mjs"}

package/dist/cart.js

@@ -0,0 +1,27 @@
+"use client";
+'use strict';
+
+var chunkZFFXXLX7_js = require('./chunk-ZFFXXLX7.js');
+var chunk2FGHIDUV_js = require('./chunk-2FGHIDUV.js');
+require('./chunk-2NMEKWO5.js');
+
+
+
+Object.defineProperty(exports, "CartService", {
+  enumerable: true,
+  get: function () { return chunkZFFXXLX7_js.CartService; }
+});
+Object.defineProperty(exports, "initializeCartService", {
+  enumerable: true,
+  get: function () { return chunkZFFXXLX7_js.initializeCartService; }
+});
+Object.defineProperty(exports, "useCart", {
+  enumerable: true,
+  get: function () { return chunkZFFXXLX7_js.useCart; }
+});
+Object.defineProperty(exports, "CartProvider", {
+  enumerable: true,
+  get: function () { return chunk2FGHIDUV_js.CartProvider; }
+});
+//# sourceMappingURL=cart.js.map
+//# sourceMappingURL=cart.js.map

package/dist/cart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"cart.js"}

package/dist/cart.mjs

@@ -0,0 +1,6 @@
+"use client";
+export { CartService, initializeCartService, useCart } from './chunk-73AINNCI.mjs';
+export { CartProvider } from './chunk-WVC5GP24.mjs';
+import './chunk-YOSPWY5K.mjs';
+//# sourceMappingURL=cart.mjs.map
+//# sourceMappingURL=cart.mjs.map

package/dist/cart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"cart.mjs"}