vite-plugin-react-shopify 1.1.0 → 2.0.0

package/dist/runtime/index.js

@@ -0,0 +1,73 @@
+// src/runtime/hooks.ts
+import { useContext } from "react";
+
+// src/runtime/provider.ts
+import { createContext } from "react";
+var LiquidDataContext = createContext({});
+var LiquidDataProvider = LiquidDataContext.Provider;
+
+// src/runtime/hooks.ts
+function useLiquid(expr) {
+  const data = useContext(LiquidDataContext);
+  if (typeof globalThis.document === "undefined") {
+    const tracker = globalThis.__shopify_ssg_liquid_track;
+    if (tracker) tracker.add(expr);
+    return { value: `{{ ${expr} }}` };
+  }
+  if (Object.prototype.hasOwnProperty.call(data, expr)) {
+    return { value: data[expr] };
+  }
+  return { value: void 0 };
+}
+function useLiquidValues(map) {
+  const data = useContext(LiquidDataContext);
+  if (typeof globalThis.document === "undefined") {
+    const tracker = globalThis.__shopify_ssg_liquid_track;
+    const values2 = {};
+    for (const [key, expr] of Object.entries(map)) {
+      if (tracker) tracker.add(expr);
+      values2[key] = `{{ ${expr} }}`;
+    }
+    return { values: values2 };
+  }
+  const values = {};
+  for (const [key, expr] of Object.entries(map)) {
+    values[key] = Object.prototype.hasOwnProperty.call(data, expr) ? data[expr] : void 0;
+  }
+  return { values };
+}
+function useSectionSettings(key) {
+  return useLiquid(`section.settings.${key}`);
+}
+function useBlockSettings(key) {
+  return useLiquid(`block.settings.${key}`);
+}
+function useSnippetParams(key) {
+  return useLiquid(key);
+}
+function useBlockParams(key) {
+  return useLiquid(key);
+}
+function parseLiquidBoolean(value) {
+  if (typeof value === "boolean") return value;
+  if (value === void 0 || value === null) return false;
+  return value !== "" && value !== "0" && value !== "false";
+}
+function parseLiquidNumber(value, defaultVal = 0) {
+  if (typeof value === "number") return Number.isNaN(value) ? defaultVal : value;
+  if (value === void 0 || value === null) return defaultVal;
+  const num = Number(value);
+  return Number.isNaN(num) ? defaultVal : num;
+}
+export {
+  LiquidDataContext,
+  LiquidDataProvider,
+  parseLiquidBoolean,
+  parseLiquidNumber,
+  useBlockParams,
+  useBlockSettings,
+  useLiquid,
+  useLiquidValues,
+  useSectionSettings,
+  useSnippetParams
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-react-shopify",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "description": "Vite plugin for React Shopify themes",
   "files": [
     "dist"
@@ -13,20 +13,8 @@
       "default": "./dist/index.js"
     },
     "./runtime": {
-      "types": "./dist/runtime/Liquid.d.ts",
-      "default": "./dist/runtime/Liquid.js"
-    },
-    "./runtime/Liquid": {
-      "types": "./dist/runtime/Liquid.d.ts",
-      "default": "./dist/runtime/Liquid.js"
-    },
-    "./runtime/Liquid.client": {
-      "types": "./dist/runtime/Liquid.client.d.ts",
-      "default": "./dist/runtime/Liquid.client.js"
-    },
-    "./runtime/settings": {
-      "types": "./dist/runtime/settings.d.ts",
-      "default": "./dist/runtime/settings.js"
+      "types": "./dist/runtime/index.d.ts",
+      "default": "./dist/runtime/index.js"
     }
   },
   "scripts": {

package/dist/runtime/Liquid.client.d.ts

@@ -1,6 +0,0 @@
-interface LiquidProps {
-    code: string;
-}
-declare function Liquid(_props: LiquidProps): null;
-
-export { Liquid };

package/dist/runtime/Liquid.client.js

@@ -1,7 +0,0 @@
-// src/runtime/Liquid.client.tsx
-function Liquid(_props) {
-  return null;
-}
-export {
-  Liquid
-};

package/dist/runtime/Liquid.d.ts

@@ -1,11 +0,0 @@
-import * as react from 'react';
-
-declare function Liquid({ code }: {
-    code: string;
-}): react.DOMElement<{
-    dangerouslySetInnerHTML: {
-        __html: string;
-    };
-}, Element>;
-
-export { Liquid };

package/dist/runtime/Liquid.js

@@ -1,10 +0,0 @@
-// src/runtime/Liquid.tsx
-import { createElement } from "react";
-function Liquid({ code }) {
-  return createElement("react-liquid", {
-    dangerouslySetInnerHTML: { __html: code }
-  });
-}
-export {
-  Liquid
-};

package/dist/runtime/settings.d.ts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-
-declare const SettingsProvider: react.Provider<Record<string, any>>;
-declare function useShopifySettings<T = Record<string, any>>(): T;
-declare const ParamsProvider: react.Provider<Record<string, any>>;
-declare function useShopifyParams<T = Record<string, any>>(): T;
-
-export { ParamsProvider, SettingsProvider, useShopifyParams, useShopifySettings };

package/dist/runtime/settings.js

@@ -1,44 +0,0 @@
-// src/runtime/settings.tsx
-import { createContext, useContext } from "react";
-var SettingsContext = createContext({});
-var SettingsProvider = SettingsContext.Provider;
-function useShopifySettings() {
-  const ctx = useContext(SettingsContext);
-  if (Object.keys(ctx).length > 0) return ctx;
-  if (typeof globalThis.window === "undefined") {
-    const target = globalThis.__shopify_ssg_target || "section";
-    const prefix = target === "block" ? "block" : "section";
-    return new Proxy(
-      {},
-      {
-        get(_, key) {
-          return `{{ ${prefix}.settings.${String(key)} }}`;
-        }
-      }
-    );
-  }
-  return {};
-}
-var ParamsContext = createContext({});
-var ParamsProvider = ParamsContext.Provider;
-function useShopifyParams() {
-  const ctx = useContext(ParamsContext);
-  if (Object.keys(ctx).length > 0) return ctx;
-  if (typeof globalThis.window === "undefined") {
-    return new Proxy(
-      {},
-      {
-        get(_, key) {
-          return `{{ ${String(key)} }}`;
-        }
-      }
-    );
-  }
-  return {};
-}
-export {
-  ParamsProvider,
-  SettingsProvider,
-  useShopifyParams,
-  useShopifySettings
-};