@wix/sdk-react 0.1.0

package/build/browser/index.mjs

@@ -0,0 +1,70 @@
+// src/index.tsx
+import * as React from "react";
+import { createContext, useEffect, useMemo } from "react";
+import {
+  createClient
+} from "@wix/api-client";
+var WixContext = createContext(void 0);
+var HostEnvironmentContext = createContext(void 0);
+function WixProvider(props) {
+  const { children, auth, modules, host } = props;
+  const client = useMemo(
+    () => createClient({
+      auth,
+      modules,
+      host
+    }),
+    [auth, modules, host]
+  );
+  return /* @__PURE__ */ React.createElement(WixContext.Provider, { value: client }, host ? /* @__PURE__ */ React.createElement(HostEnvironmentProvider, { host }, children) : children);
+}
+function HostEnvironmentProvider(props) {
+  const [environment, setEnvironment] = React.useState(null);
+  useEffect(() => {
+    if (props.host.environment) {
+      setEnvironment(props.host.environment);
+    } else {
+      const handle = props.host.channel.observeEnvironment(setEnvironment);
+      return () => {
+        Promise.resolve(handle).then((h) => h.disconnect());
+      };
+    }
+  }, [props.host.environment, props.host.channel]);
+  if (!environment) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(HostEnvironmentContext.Provider, { value: environment }, props.children);
+}
+function useWix() {
+  const sdk = React.useContext(WixContext);
+  if (!sdk) {
+    throw new Error(
+      "SDK context not found. Make sure to render SDKProvider in the component tree"
+    );
+  }
+  return sdk;
+}
+function useWixAuth() {
+  const sdk = useWix();
+  return sdk.auth;
+}
+function useWixModules(modules) {
+  const sdk = useWix();
+  return useMemo(() => sdk.use(modules), [sdk, modules]);
+}
+function useEnvironment() {
+  const environment = React.useContext(HostEnvironmentContext);
+  if (!environment) {
+    throw new Error(
+      "Host environment context not found. Make sure to render SDKProvider in the component tree and provide a host parameter"
+    );
+  }
+  return environment;
+}
+export {
+  WixProvider,
+  useEnvironment,
+  useWix,
+  useWixAuth,
+  useWixModules
+};

package/build/index.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Descriptors, Host, AuthenticationStrategy, AssertHostMatches, WixClient, BuildDescriptors } from '@wix/api-client';
+
+declare function WixProvider<T extends Descriptors<H>, H extends Host<any> = Host>(props: React.PropsWithChildren<{
+    auth?: AuthenticationStrategy<H>;
+    modules?: AssertHostMatches<T, H>;
+    host?: H;
+}>): React.JSX.Element;
+declare function useWix<T extends WixClient = WixClient>(): T;
+declare function useWixAuth<T extends AuthenticationStrategy>(): T;
+declare function useWixModules<T extends Descriptors<Host<any>>>(modules: T): BuildDescriptors<T>;
+declare function useEnvironment<T>(): T;
+
+export { WixProvider, useEnvironment, useWix, useWixAuth, useWixModules };

package/build/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Descriptors, Host, AuthenticationStrategy, AssertHostMatches, WixClient, BuildDescriptors } from '@wix/api-client';
+
+declare function WixProvider<T extends Descriptors<H>, H extends Host<any> = Host>(props: React.PropsWithChildren<{
+    auth?: AuthenticationStrategy<H>;
+    modules?: AssertHostMatches<T, H>;
+    host?: H;
+}>): React.JSX.Element;
+declare function useWix<T extends WixClient = WixClient>(): T;
+declare function useWixAuth<T extends AuthenticationStrategy>(): T;
+declare function useWixModules<T extends Descriptors<Host<any>>>(modules: T): BuildDescriptors<T>;
+declare function useEnvironment<T>(): T;
+
+export { WixProvider, useEnvironment, useWix, useWixAuth, useWixModules };

package/build/index.js

@@ -0,0 +1,106 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  WixProvider: () => WixProvider,
+  useEnvironment: () => useEnvironment,
+  useWix: () => useWix,
+  useWixAuth: () => useWixAuth,
+  useWixModules: () => useWixModules
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_api_client = require("@wix/api-client");
+var WixContext = (0, import_react.createContext)(void 0);
+var HostEnvironmentContext = (0, import_react.createContext)(void 0);
+function WixProvider(props) {
+  const { children, auth, modules, host } = props;
+  const client = (0, import_react.useMemo)(
+    () => (0, import_api_client.createClient)({
+      auth,
+      modules,
+      host
+    }),
+    [auth, modules, host]
+  );
+  return /* @__PURE__ */ React.createElement(WixContext.Provider, { value: client }, host ? /* @__PURE__ */ React.createElement(HostEnvironmentProvider, { host }, children) : children);
+}
+function HostEnvironmentProvider(props) {
+  const [environment, setEnvironment] = React.useState(null);
+  (0, import_react.useEffect)(() => {
+    if (props.host.environment) {
+      setEnvironment(props.host.environment);
+    } else {
+      const handle = props.host.channel.observeEnvironment(setEnvironment);
+      return () => {
+        Promise.resolve(handle).then((h) => h.disconnect());
+      };
+    }
+  }, [props.host.environment, props.host.channel]);
+  if (!environment) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(HostEnvironmentContext.Provider, { value: environment }, props.children);
+}
+function useWix() {
+  const sdk = React.useContext(WixContext);
+  if (!sdk) {
+    throw new Error(
+      "SDK context not found. Make sure to render SDKProvider in the component tree"
+    );
+  }
+  return sdk;
+}
+function useWixAuth() {
+  const sdk = useWix();
+  return sdk.auth;
+}
+function useWixModules(modules) {
+  const sdk = useWix();
+  return (0, import_react.useMemo)(() => sdk.use(modules), [sdk, modules]);
+}
+function useEnvironment() {
+  const environment = React.useContext(HostEnvironmentContext);
+  if (!environment) {
+    throw new Error(
+      "Host environment context not found. Make sure to render SDKProvider in the component tree and provide a host parameter"
+    );
+  }
+  return environment;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WixProvider,
+  useEnvironment,
+  useWix,
+  useWixAuth,
+  useWixModules
+});

package/build/index.mjs

@@ -0,0 +1,70 @@
+// src/index.tsx
+import * as React from "react";
+import { createContext, useEffect, useMemo } from "react";
+import {
+  createClient
+} from "@wix/api-client";
+var WixContext = createContext(void 0);
+var HostEnvironmentContext = createContext(void 0);
+function WixProvider(props) {
+  const { children, auth, modules, host } = props;
+  const client = useMemo(
+    () => createClient({
+      auth,
+      modules,
+      host
+    }),
+    [auth, modules, host]
+  );
+  return /* @__PURE__ */ React.createElement(WixContext.Provider, { value: client }, host ? /* @__PURE__ */ React.createElement(HostEnvironmentProvider, { host }, children) : children);
+}
+function HostEnvironmentProvider(props) {
+  const [environment, setEnvironment] = React.useState(null);
+  useEffect(() => {
+    if (props.host.environment) {
+      setEnvironment(props.host.environment);
+    } else {
+      const handle = props.host.channel.observeEnvironment(setEnvironment);
+      return () => {
+        Promise.resolve(handle).then((h) => h.disconnect());
+      };
+    }
+  }, [props.host.environment, props.host.channel]);
+  if (!environment) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(HostEnvironmentContext.Provider, { value: environment }, props.children);
+}
+function useWix() {
+  const sdk = React.useContext(WixContext);
+  if (!sdk) {
+    throw new Error(
+      "SDK context not found. Make sure to render SDKProvider in the component tree"
+    );
+  }
+  return sdk;
+}
+function useWixAuth() {
+  const sdk = useWix();
+  return sdk.auth;
+}
+function useWixModules(modules) {
+  const sdk = useWix();
+  return useMemo(() => sdk.use(modules), [sdk, modules]);
+}
+function useEnvironment() {
+  const environment = React.useContext(HostEnvironmentContext);
+  if (!environment) {
+    throw new Error(
+      "Host environment context not found. Make sure to render SDKProvider in the component tree and provide a host parameter"
+    );
+  }
+  return environment;
+}
+export {
+  WixProvider,
+  useEnvironment,
+  useWix,
+  useWixAuth,
+  useWixModules
+};

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@wix/sdk-react",
+  "version": "0.1.0",
+  "license": "UNLICENSED",
+  "main": "build/index.js",
+  "module": "build/index.mjs",
+  "browser": "build/browser/index.mjs",
+  "sideEffects": false,
+  "types": "build/index.d.ts",
+  "files": [
+    "build"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint --max-warnings=0 .",
+    "test": "jest",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@wix/api-client": "1.2.1"
+  },
+  "peerDependencies": {
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@swc/core": "^1.3.67",
+    "@swc/jest": "^0.2.26",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/react": "^18.2.14",
+    "@wix/ecom": "^1.0.248",
+    "eslint": "^7.32.0",
+    "eslint-config-sdk": "0.0.0",
+    "is-ci": "^3.0.1",
+    "jest": "^27.5.1",
+    "jest-teamcity": "^1.11.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tsup": "^7.1.0",
+    "typescript": "~4.9.5"
+  },
+  "wix": {
+    "artifact": {
+      "groupId": "com.wixpress",
+      "artifactId": "sdk-react"
+    },
+    "validations": {
+      "source": [
+        "lint"
+      ],
+      "postDependenciesBuild": [
+        "typecheck"
+      ]
+    }
+  },
+  "eslintConfig": {
+    "extends": "sdk"
+  },
+  "falconPackageHash": "6993243e7fc4f838fe31d9f49137d8fbfc062bed228a4bca7d39f66b"
+}