@duongthiu/onex-core 0.1.0 → 0.1.1

package/dist/chunk-NDD472IZ.js

@@ -0,0 +1,85 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/contexts/theme-context.tsx
+var ThemeContext = react.createContext({
+  themeId: "default",
+  setThemeId: () => {
+  }
+});
+function ThemeContextProvider({
+  children,
+  themeId: initialThemeId
+}) {
+  const [themeId, setThemeId] = react.useState(initialThemeId);
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { themeId, setThemeId }, children });
+}
+function useThemeContext() {
+  const context = react.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useThemeContext must be used within ThemeContextProvider");
+  }
+  return context;
+}
+var ViewportContext = react.createContext({
+  isEditing: false,
+  viewportMode: "desktop"
+});
+function ViewportProvider({
+  children,
+  isEditing,
+  viewportMode
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ViewportContext.Provider, { value: { isEditing, viewportMode }, children });
+}
+function useViewport() {
+  return react.useContext(ViewportContext);
+}
+function useResponsiveClass(classes) {
+  const { isEditing, viewportMode } = useViewport();
+  if (!isEditing) {
+    return classes.desktop;
+  }
+  switch (viewportMode) {
+    case "mobile":
+      return classes.mobile;
+    case "tablet":
+      return classes.tablet;
+    case "desktop":
+    default:
+      return classes.desktop;
+  }
+}
+var PageDataContext = react.createContext(void 0);
+function PageDataProvider({
+  data = {},
+  children
+}) {
+  const value = react.useMemo(() => data, [data]);
+  return /* @__PURE__ */ jsxRuntime.jsx(PageDataContext.Provider, { value, children });
+}
+function usePageData() {
+  const context = react.useContext(PageDataContext);
+  if (context === void 0) {
+    throw new Error("usePageData must be used within a PageDataProvider");
+  }
+  return context;
+}
+function useWebsiteSettings() {
+  const pageData = usePageData();
+  return pageData.websiteSettings || {};
+}
+
+exports.PageDataProvider = PageDataProvider;
+exports.ThemeContextProvider = ThemeContextProvider;
+exports.ViewportProvider = ViewportProvider;
+exports.usePageData = usePageData;
+exports.useResponsiveClass = useResponsiveClass;
+exports.useThemeContext = useThemeContext;
+exports.useViewport = useViewport;
+exports.useWebsiteSettings = useWebsiteSettings;
+//# sourceMappingURL=chunk-NDD472IZ.js.map
+//# sourceMappingURL=chunk-NDD472IZ.js.map

package/dist/chunk-NDD472IZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/theme-context.tsx","../src/contexts/viewport-context.tsx","../src/contexts/page-data-context.tsx"],"names":["createContext","useState","jsx","useContext","useMemo"],"mappings":";;;;;;AAcA,IAAM,eAAeA,mBAAA,CAAiC;AAAA,EACpD,OAAA,EAAS,SAAA;AAAA,EACT,YAAY,MAAM;AAAA,EAAC;AACrB,CAAC,CAAA;AAOM,SAAS,oBAAA,CAAqB;AAAA,EACnC,QAAA;AAAA,EACA,OAAA,EAAS;AACX,CAAA,EAA8B;AAC5B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,cAAc,CAAA;AAErD,EAAA,uBACEC,cAAA,CAAC,aAAa,QAAA,EAAb,EAAsB,OAAO,EAAE,OAAA,EAAS,UAAA,EAAW,EACjD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,eAAA,GAAkB;AAChC,EAAA,MAAM,OAAA,GAAUC,iBAAW,YAAY,CAAA;AAEvC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,0DAA0D,CAAA;AAAA,EAC5E;AAEA,EAAA,OAAO,OAAA;AACT;AC3BA,IAAM,kBAAkBH,mBAAAA,CAAmC;AAAA,EACzD,SAAA,EAAW,KAAA;AAAA,EACX,YAAA,EAAc;AAChB,CAAC,CAAA;AAEM,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEE,cAAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OAAO,EAAE,SAAA,EAAW,YAAA,EAAa,EACxD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,WAAA,GAAc;AAC5B,EAAA,OAAOC,iBAAW,eAAe,CAAA;AACnC;AAMO,SAAS,mBAAmB,OAAA,EAIxB;AACT,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,WAAA,EAAY;AAEhD,EAAA,IAAI,CAAC,SAAA,EAAW;AAEd,IAAA,OAAO,OAAA,CAAQ,OAAA;AAAA,EACjB;AAGA,EAAA,QAAQ,YAAA;AAAc,IACpB,KAAK,QAAA;AACH,MAAA,OAAO,OAAA,CAAQ,MAAA;AAAA,IACjB,KAAK,QAAA;AACH,MAAA,OAAO,OAAA,CAAQ,MAAA;AAAA,IACjB,KAAK,SAAA;AAAA,IACL;AACE,MAAA,OAAO,OAAA,CAAQ,OAAA;AAAA;AAErB;AC7CA,IAAM,eAAA,GAAkBH,oBAAoC,MAAS,CAAA;AAuB9D,SAAS,gBAAA,CAAiB;AAAA,EAC/B,OAAO,EAAC;AAAA,EACR;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,QAAQI,aAAA,CAAQ,MAAM,IAAA,EAAM,CAAC,IAAI,CAAC,CAAA;AAExC,EAAA,uBACEF,cAAAA,CAAC,eAAA,CAAgB,QAAA,EAAhB,EAAyB,OACvB,QAAA,EACH,CAAA;AAEJ;AAcO,SAAS,WAAA,GAAwB;AACtC,EAAA,MAAM,OAAA,GAAUC,iBAAW,eAAe,CAAA;AAE1C,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,MAAM,IAAI,MAAM,oDAAoD,CAAA;AAAA,EACtE;AAEA,EAAA,OAAO,OAAA;AACT;AAiBO,SAAS,kBAAA,GAAsC;AACpD,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,OAAQ,QAAA,CAAS,mBAAmB,EAAC;AACvC","file":"chunk-NDD472IZ.js","sourcesContent":["/**\n * Theme Context\n * Provides theme ID to component tree without prop drilling\n */\n\n\"use client\";\n\nimport React, { createContext, useContext, useState } from \"react\";\n\ninterface ThemeContextValue {\n  themeId: string;\n  setThemeId: (id: string) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({\n  themeId: \"default\",\n  setThemeId: () => {},\n});\n\nexport interface ThemeContextProviderProps {\n  children: React.ReactNode;\n  themeId: string;\n}\n\nexport function ThemeContextProvider({\n  children,\n  themeId: initialThemeId,\n}: ThemeContextProviderProps) {\n  const [themeId, setThemeId] = useState(initialThemeId);\n\n  return (\n    <ThemeContext.Provider value={{ themeId, setThemeId }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useThemeContext() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(\"useThemeContext must be used within ThemeContextProvider\");\n  }\n\n  return context;\n}\n","/**\n * Viewport Context\n * Provides viewport mode for editor preview responsiveness\n */\n\n\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nexport type ViewportMode = \"desktop\" | \"tablet\" | \"mobile\";\n\ninterface ViewportContextType {\n  /** Whether in editor mode */\n  isEditing: boolean;\n  /** Current viewport mode */\n  viewportMode: ViewportMode;\n}\n\nconst ViewportContext = createContext<ViewportContextType>({\n  isEditing: false,\n  viewportMode: \"desktop\",\n});\n\nexport function ViewportProvider({\n  children,\n  isEditing,\n  viewportMode,\n}: {\n  children: React.ReactNode;\n  isEditing: boolean;\n  viewportMode: ViewportMode;\n}) {\n  return (\n    <ViewportContext.Provider value={{ isEditing, viewportMode }}>\n      {children}\n    </ViewportContext.Provider>\n  );\n}\n\nexport function useViewport() {\n  return useContext(ViewportContext);\n}\n\n/**\n * Hook to get responsive class based on viewport mode\n * Returns mobile class when in mobile preview, tablet class when in tablet preview, etc.\n */\nexport function useResponsiveClass(classes: {\n  mobile: string;\n  tablet: string;\n  desktop: string;\n}): string {\n  const { isEditing, viewportMode } = useViewport();\n\n  if (!isEditing) {\n    // On live site, return desktop class (CSS media queries will handle responsiveness)\n    return classes.desktop;\n  }\n\n  // In editor, return class based on viewport mode\n  switch (viewportMode) {\n    case \"mobile\":\n      return classes.mobile;\n    case \"tablet\":\n      return classes.tablet;\n    case \"desktop\":\n    default:\n      return classes.desktop;\n  }\n}\n","/**\n * Page Data Context\n * Generic context provider for sharing server-fetched data throughout the component tree\n * Provides access to websiteSettings, pageData, and any other server-side data\n */\n\n\"use client\";\n\nimport React, { createContext, useContext, useMemo } from \"react\";\nimport type { WebsiteSettings } from \"../types\";\n\n/**\n * Generic page data structure\n */\nexport interface PageData {\n  /** Website settings (social connections, hotlines, etc.) */\n  websiteSettings?: WebsiteSettings;\n  /** Any other dynamic data needed by the page */\n  [key: string]: unknown;\n}\n\n/**\n * Page Data Context\n */\nconst PageDataContext = createContext<PageData | undefined>(undefined);\n\n/**\n * Page Data Provider Props\n */\nexport interface PageDataProviderProps {\n  /** Server-fetched data to provide to children */\n  data?: PageData;\n  /** Child components */\n  children: React.ReactNode;\n}\n\n/**\n * Page Data Provider Component\n * Wraps pages/components to provide server-fetched data via context\n *\n * @example\n * ```tsx\n * <PageDataProvider data={{ websiteSettings }}>\n *   <YourPage />\n * </PageDataProvider>\n * ```\n */\nexport function PageDataProvider({\n  data = {},\n  children,\n}: PageDataProviderProps) {\n  // Memoize data to prevent unnecessary re-renders\n  const value = useMemo(() => data, [data]);\n\n  return (\n    <PageDataContext.Provider value={value}>\n      {children}\n    </PageDataContext.Provider>\n  );\n}\n\n/**\n * Hook to access page data\n * Returns all page data provided by PageDataProvider\n *\n * @throws Error if used outside PageDataProvider\n *\n * @example\n * ```tsx\n * const pageData = usePageData();\n * const customData = pageData.myCustomField;\n * ```\n */\nexport function usePageData(): PageData {\n  const context = useContext(PageDataContext);\n\n  if (context === undefined) {\n    throw new Error(\"usePageData must be used within a PageDataProvider\");\n  }\n\n  return context;\n}\n\n/**\n * Hook to access website settings from page data\n * Convenience hook that extracts websiteSettings from page data\n *\n * @returns WebsiteSettings object (empty object if not available)\n *\n * @example\n * ```tsx\n * function MyBlock() {\n *   const websiteSettings = useWebsiteSettings();\n *   const socials = useSocialConnections(websiteSettings);\n *   // ...\n * }\n * ```\n */\nexport function useWebsiteSettings(): WebsiteSettings {\n  const pageData = usePageData();\n  return (pageData.websiteSettings || {}) as WebsiteSettings;\n}\n"]}