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

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.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.1.6-beta.0...beta-v5.2.0-beta.0) (2022-08-10)
+
+
+### Features
+
+* add utilities for liquid consumers ([e8d738c](https://bitbucket.org/usereactify/reactify-search-ui/commit/e8d738c2a242e4437f05ab0832e86cabed756f75))
+
 ### [5.1.6-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/beta-v5.1.4-beta.1...beta-v5.1.6-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.1.6-beta.0",
+    "version": "5.2.0-beta.0",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",

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

@@ -1 +1,2 @@
 export * from "./debug";
+export * from "./liquid";

package/dist/src/utility/index.js

@@ -11,4 +11,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./debug"), exports);
+__exportStar(require("./liquid"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB","sourcesContent":["export * from \"./debug\";"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utility/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,2CAAyB","sourcesContent":["export * from \"./debug\";\nexport * from \"./liquid\";\n"]}

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

@@ -0,0 +1,10 @@
+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;

package/dist/src/utility/liquid.js

@@ -0,0 +1,30 @@
+"use strict";
+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;
+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");
+    }
+    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");
+    }
+    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}"`);
+    }
+    return ReactifySearchMountNode;
+};
+exports.getLiquidMountNode = getLiquidMountNode;
+//# sourceMappingURL=liquid.js.map

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

@@ -0,0 +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"]}

package/package.json

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