feat(make transport package): make transport package ourside of react…

…-provider

packages/react-hooks/package.json

@@ -22,7 +22,8 @@
   "dependencies": {
     "@trycourier/client-graphql": "^6.0.0",
     "deep-extend": "^0.6.0",
-    "rimraf": "^3.0.2"
+    "rimraf": "^3.0.2",
+    "jwt-decode": "^3.1.2"
   },
   "peerDependencies": {
     "@trycourier/react-provider": ">=4.X.X",

packages/react-hooks/src/index.ts

@@ -4,3 +4,5 @@ export {
   UsePreferences,
 } from "./preferences/use-preferences";
 export { PreferenceSection } from "./preferences/types";
+
+export { default as useTransport } from "./use-transport";

packages/react-provider/src/hooks/use-transport.ts → packages/react-hooks/src/use-transport.ts

@@ -1,7 +1,7 @@
 import { useMemo, useRef } from "react";
-import { CourierTransport, Transport } from "~/transports";
+import { CourierTransport, Transport } from "@trycourier/transport";
 import jwtDecode from "jwt-decode";
-import { ITransportOptions } from "~/transports/courier/types";
+import { ITransportOptions } from "@trycourier/transport";
 interface DecodedAuth {
   scope: string;
   tenantId: string;

packages/react-provider/package.json

@@ -18,16 +18,15 @@
   "dependencies": {
     "@trycourier/courier-js": "^1.4.2",
     "@trycourier/client-graphql": "^6.0.0",
+    "@trycourier/transport": "^6.0.0",
     "buffer": "^6.0.3",
-    "jwt-decode": "^3.1.2",
     "react-use": "^17.2.1",
-    "reconnecting-websocket": "^4.4.0",
     "rimraf": "^3.0.2",
     "urql": "^2.0.1",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "react": ">=17.X.X",
+    "react": ">=17. X.X",
     "react-dom": ">=17.X.X"
   },
   "files": [

packages/react-provider/src/hooks/use-courier-actions.ts

@@ -5,7 +5,8 @@ import {
   Brands,
   Events,
 } from "@trycourier/client-graphql";
-import { Brand, CourierTransport } from "..";
+import { Brand } from "..";
+import { CourierTransport } from "@trycourier/transport";
 import courier from "@trycourier/courier-js";
 
 import { ICourierContext } from "~/types";

packages/react-provider/src/index.tsx

@@ -28,28 +28,27 @@ import {
   ThemeVariables,
   WSOptions,
 } from "./types";
-import { CourierTransport } from "./transports/courier";
+import { CourierTransport } from "@trycourier/transport";
 import {
   IActionElemental,
   ICourierEventMessage,
   IInboxMessagePreview,
   ITextElemental,
   Interceptor,
-} from "./transports/types";
+} from "@trycourier/transport";
 import reducer, { registerReducer as _registerReducer } from "./reducer";
 import defaultMiddleware, {
   Middleware,
   registerMiddleware as _registerMiddleware,
 } from "./middleware";
 import useCourierActions from "./hooks/use-courier-actions";
 import { usePageVisible } from "./hooks/use-page-visible";
-import useTransport from "./hooks/use-transport";
+import { useTransport } from "@trycourier/react-hooks";
 import useClientSourceId from "./hooks/use-client-source-id";
 import deepExtend from "deep-extend";
 import { darkVariables, lightVariables } from "./theme";
 import { createGlobalStyle } from "styled-components";
 
-export * from "./transports";
 export * from "./hooks";
 export * from "./lib";
 

packages/react-provider/src/types.ts

@@ -1,9 +1,9 @@
 import { ErrorEvent } from "reconnecting-websocket";
-import { CourierTransport, Transport } from "./transports";
-import { IInboxMessagePreview, Interceptor } from "./transports/types";
+import { CourierTransport, Transport } from "@trycourier/transport";
+import { IInboxMessagePreview, Interceptor } from "@trycourier/transport";
 export { IInboxMessagePreview } from "@trycourier/client-graphql";
 
-export { Interceptor } from "./transports/types";
+export { Interceptor } from "@trycourier/transport";
 export type ErrorEventHandler = (event: ErrorEvent) => void;
 
 export type PreferenceStatus = "OPTED_IN" | "OPTED_OUT" | "REQUIRED";

packages/transport/babel.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+  sourceType: "unambiguous",
+  plugins: [
+    "@babel/transform-runtime",
+    "transform-inline-environment-variables",
+    "transform-class-properties",
+    process.env.NODE_ENV !== "test" && [
+      "babel-plugin-root-import",
+      {
+        rootPathSuffix: "./src",
+        rootPathPrefix: "~/",
+      },
+    ],
+  ].filter(Boolean),
+  presets: ["@babel/preset-typescript", "@babel/preset-env"],
+};

packages/transport/jest.config.js

@@ -0,0 +1,5 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const jestConfigBase = require("../../jest.config.base");
+const babelConfig = require("./babel.config.js");
+
+module.exports = jestConfigBase(babelConfig);

packages/transport/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@trycourier/transport",
+  "version": "6.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "typings/index.d.ts",
+  "scripts": {
+    "babel": "babel src -d dist --extensions \".ts\" --ignore \"src/**/__tests__/**\"",
+    "build:watch": "yarn babel --watch",
+    "build": "rimraf dist && yarn babel",
+    "clean": "rimraf dist && rimraf typings",
+    "test": "jest -c jest.config.js --runInBand",
+    "type-check": "tsc --noEmit",
+    "types": "tsc --emitDeclarationOnly"
+  },
+  "license": "ISC",
+  "dependencies": {
+    "reconnecting-websocket": "^4.4.0",
+    "rimraf": "^3.0.2"
+  },
+  "files": [
+    "dist/",
+    "typings/"
+  ]
+}

packages/react-provider/src/transports/courier/index.ts → packages/transport/src/courier/index.ts

@@ -1,4 +1,4 @@
-import { WS } from "../../ws";
+import { WS } from "../ws";
 import { Transport } from "../base";
 import { Interceptor } from "../types";
 import { ITransportOptions } from "./types";

packages/transport/src/index.ts

@@ -0,0 +1,7 @@
+import { ITransportOptions } from "./courier/types";
+
+export * from "./courier";
+export * from "./base";
+export * from "./types";
+
+export type { ITransportOptions };