@usereactify/search 5.2.0-beta.0 → 5.2.0-beta.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [5.2.0-beta.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.2.0-beta.0...beta-v5.2.0-beta.1) (2022-08-10)
+
+
+### Bug Fixes
+
+* improve liquid utilities ([b54a8ca](https://bitbucket.org/usereactify/reactify-search-ui/commit/b54a8caa6c498d3798068fe47527ac5bcde74aca))
+
 ## [5.2.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.1.6-beta.0...beta-v5.2.0-beta.0) (2022-08-10)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.2.0-beta.0",
+    "version": "5.2.0-beta.1",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",

package/dist/src/utility/liquid.d.ts

@@ -1,10 +1,14 @@
 import React from "react";
 import { ReactifySearchProviderProps } from "../components";
-export declare const getLiquidProvider: (props: ReactifySearchProviderProps & {
-    mode: "collection";
-    collectionHandle?: string;
-}, children: React.ReactNode) => () => JSX.Element;
-export declare const getLiquidMountNode: (props: ReactifySearchProviderProps & {
-    mode: "collection";
-    collectionHandle?: string;
-}, children: React.ReactNode) => HTMLElement;
+export declare class ReactifySearchLiquidFactory {
+    providerProps: Omit<ReactifySearchProviderProps, "shopifyPermanentDomain"> & {
+        shopifyPermanentDomain?: string;
+        collectionHandle?: string;
+    };
+    constructor(providerProps: Omit<ReactifySearchProviderProps, "shopifyPermanentDomain"> & {
+        shopifyPermanentDomain?: string;
+        collectionHandle?: string;
+    });
+    getProvider(): React.FC<{}>;
+    getMountNode(): HTMLElement;
+}

package/dist/src/utility/liquid.js

@@ -3,28 +3,33 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLiquidMountNode = exports.getLiquidProvider = void 0;
+exports.ReactifySearchLiquidFactory = void 0;
 const react_1 = __importDefault(require("react"));
 const components_1 = require("../components");
-const getLiquidProvider = (props, children) => {
-    var _a, _b, _c, _d;
-    const shopifyPermanentDomain = (_a = props.shopifyPermanentDomain) !== null && _a !== void 0 ? _a : (_c = (_b = window) === null || _b === void 0 ? void 0 : _b.Shopify) === null || _c === void 0 ? void 0 : _c.shop;
-    if (!shopifyPermanentDomain) {
-        throw new Error("Cannot determine shopifyPermanentDomain from window");
+class ReactifySearchLiquidFactory {
+    constructor(providerProps) {
+        this.providerProps = providerProps;
     }
-    const collectionHandle = (_d = props.collectionHandle) !== null && _d !== void 0 ? _d : window.location.href.split(/\//)[4];
-    if (props.mode === "collection" && !collectionHandle) {
-        throw new Error("Cannot determine collectionHandle from URL");
+    getProvider() {
+        var _a, _b, _c, _d;
+        const shopifyPermanentDomain = (_a = this.providerProps.shopifyPermanentDomain) !== null && _a !== void 0 ? _a : (_c = (_b = window) === null || _b === void 0 ? void 0 : _b.Shopify) === null || _c === void 0 ? void 0 : _c.shop;
+        if (!shopifyPermanentDomain) {
+            throw new Error("Cannot determine shopifyPermanentDomain from window");
+        }
+        const collectionHandle = (_d = this.providerProps.collectionHandle) !== null && _d !== void 0 ? _d : window.location.href.split(/\//)[4];
+        if (this.providerProps.mode === "collection" && !collectionHandle) {
+            throw new Error("Cannot determine collectionHandle from URL");
+        }
+        const provider = (props) => (react_1.default.createElement(components_1.ReactifySearchProvider, Object.assign({}, this.providerProps, { shopifyPermanentDomain: shopifyPermanentDomain, collectionHandle: collectionHandle }), props.children));
+        return provider;
     }
-    return () => (react_1.default.createElement(components_1.ReactifySearchProvider, Object.assign({}, props, { shopifyPermanentDomain: shopifyPermanentDomain, collectionHandle: collectionHandle }), children));
-};
-exports.getLiquidProvider = getLiquidProvider;
-const getLiquidMountNode = (props, children) => {
-    const ReactifySearchMountNode = document.getElementById(`reactify-mount-${props.mode}`);
-    if (!ReactifySearchMountNode) {
-        throw new Error(`Cannot find mount node with ID "reactify-mount-${props.mode}"`);
+    getMountNode() {
+        const mountNode = document.getElementById(`reactify-mount-${this.providerProps.mode}`);
+        if (!mountNode) {
+            throw new Error(`Cannot find mount node with ID "reactify-mount-${this.providerProps.mode}"`);
+        }
+        return mountNode;
     }
-    return ReactifySearchMountNode;
-};
-exports.getLiquidMountNode = getLiquidMountNode;
+}
+exports.ReactifySearchLiquidFactory = ReactifySearchLiquidFactory;
 //# sourceMappingURL=liquid.js.map

package/dist/src/utility/liquid.js.map

@@ -1 +1 @@
-{"version":3,"file":"liquid.js","sourceRoot":"","sources":["../../../src/utility/liquid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8CAGuB;AAEhB,MAAM,iBAAiB,GAAG,CAC/B,KAGC,EACD,QAAyB,EACzB,EAAE;;IACF,MAAM,sBAAsB,GAC1B,MAAA,KAAK,CAAC,sBAAsB,mCAAI,MAAA,MAAC,MAAc,0CAAE,OAAO,0CAAE,IAAI,CAAC;IACjE,IAAI,CAAC,sBAAsB,EAAE;QAC3B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;KACxE;IAED,MAAM,gBAAgB,GACpB,MAAA,KAAK,CAAC,gBAAgB,mCAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,gBAAgB,EAAE;QACpD,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;KAC/D;IAED,OAAO,GAAG,EAAE,CAAC,CACX,8BAAC,mCAAsB,oBACjB,KAAK,IACT,sBAAsB,EAAE,sBAAsB,EAC9C,gBAAgB,EAAE,gBAAgB,KAEjC,QAAQ,CACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,iBAAiB,qBA4B5B;AAEK,MAAM,kBAAkB,GAAG,CAChC,KAGC,EACD,QAAyB,EACzB,EAAE;IACF,MAAM,uBAAuB,GAAG,QAAQ,CAAC,cAAc,CACrD,kBAAkB,KAAK,CAAC,IAAI,EAAE,CAC/B,CAAC;IACF,IAAI,CAAC,uBAAuB,EAAE;QAC5B,MAAM,IAAI,KAAK,CACb,kDAAkD,KAAK,CAAC,IAAI,GAAG,CAChE,CAAC;KACH;IAED,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAjBW,QAAA,kBAAkB,sBAiB7B","sourcesContent":["import React from \"react\";\n\nimport {\n  ReactifySearchProvider,\n  ReactifySearchProviderProps,\n} from \"../components\";\n\nexport const getLiquidProvider = (\n  props: ReactifySearchProviderProps & {\n    mode: \"collection\";\n    collectionHandle?: string;\n  },\n  children: React.ReactNode\n) => {\n  const shopifyPermanentDomain =\n    props.shopifyPermanentDomain ?? (window as any)?.Shopify?.shop;\n  if (!shopifyPermanentDomain) {\n    throw new Error(\"Cannot determine shopifyPermanentDomain from window\");\n  }\n\n  const collectionHandle =\n    props.collectionHandle ?? window.location.href.split(/\\//)[4];\n  if (props.mode === \"collection\" && !collectionHandle) {\n    throw new Error(\"Cannot determine collectionHandle from URL\");\n  }\n\n  return () => (\n    <ReactifySearchProvider\n      {...props}\n      shopifyPermanentDomain={shopifyPermanentDomain}\n      collectionHandle={collectionHandle}\n    >\n      {children}\n    </ReactifySearchProvider>\n  );\n};\n\nexport const getLiquidMountNode = (\n  props: ReactifySearchProviderProps & {\n    mode: \"collection\";\n    collectionHandle?: string;\n  },\n  children: React.ReactNode\n) => {\n  const ReactifySearchMountNode = document.getElementById(\n    `reactify-mount-${props.mode}`\n  );\n  if (!ReactifySearchMountNode) {\n    throw new Error(\n      `Cannot find mount node with ID \"reactify-mount-${props.mode}\"`\n    );\n  }\n\n  return ReactifySearchMountNode;\n};\n"]}
+{"version":3,"file":"liquid.js","sourceRoot":"","sources":["../../../src/utility/liquid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8CAGuB;AAEvB,MAAa,2BAA2B;IACtC,YACS,aAMN;QANM,kBAAa,GAAb,aAAa,CAMnB;IACA,CAAC;IAEJ,WAAW;;QACT,MAAM,sBAAsB,GAC1B,MAAA,IAAI,CAAC,aAAa,CAAC,sBAAsB,mCACzC,MAAA,MAAC,MAAc,0CAAE,OAAO,0CAAE,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;SACxE;QAED,MAAM,gBAAgB,GACpB,MAAA,IAAI,CAAC,aAAa,CAAC,gBAAgB,mCACnC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,gBAAgB,EAAE;YACjE,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;SAC/D;QAED,MAAM,QAAQ,GAAa,CAAC,KAAK,EAAE,EAAE,CAAC,CACpC,8BAAC,mCAAsB,oBACjB,IAAI,CAAC,aAAa,IACtB,sBAAsB,EAAE,sBAAsB,EAC9C,gBAAgB,EAAE,gBAAgB,KAEjC,KAAK,CAAC,QAAQ,CACQ,CAC1B,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,YAAY;QACV,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CACvC,kBAAkB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAC5C,CAAC;QACF,IAAI,CAAC,SAAS,EAAE;YACd,MAAM,IAAI,KAAK,CACb,kDAAkD,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,CAC7E,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CACF;AAnDD,kEAmDC","sourcesContent":["import React from \"react\";\n\nimport {\n  ReactifySearchProvider,\n  ReactifySearchProviderProps,\n} from \"../components\";\n\nexport class ReactifySearchLiquidFactory {\n  constructor(\n    public providerProps: Omit<\n      ReactifySearchProviderProps,\n      \"shopifyPermanentDomain\"\n    > & {\n      shopifyPermanentDomain?: string;\n      collectionHandle?: string;\n    }\n  ) {}\n\n  getProvider() {\n    const shopifyPermanentDomain =\n      this.providerProps.shopifyPermanentDomain ??\n      (window as any)?.Shopify?.shop;\n    if (!shopifyPermanentDomain) {\n      throw new Error(\"Cannot determine shopifyPermanentDomain from window\");\n    }\n\n    const collectionHandle =\n      this.providerProps.collectionHandle ??\n      window.location.href.split(/\\//)[4];\n    if (this.providerProps.mode === \"collection\" && !collectionHandle) {\n      throw new Error(\"Cannot determine collectionHandle from URL\");\n    }\n\n    const provider: React.FC = (props) => (\n      <ReactifySearchProvider\n        {...this.providerProps}\n        shopifyPermanentDomain={shopifyPermanentDomain}\n        collectionHandle={collectionHandle}\n      >\n        {props.children}\n      </ReactifySearchProvider>\n    );\n\n    return provider;\n  }\n\n  getMountNode() {\n    const mountNode = document.getElementById(\n      `reactify-mount-${this.providerProps.mode}`\n    );\n    if (!mountNode) {\n      throw new Error(\n        `Cannot find mount node with ID \"reactify-mount-${this.providerProps.mode}\"`\n      );\n    }\n\n    return mountNode;\n  }\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@usereactify/search",
   "description": "React UI library for Reactify Search",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "license": "MIT",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",