chayns-api 1.0.9 → 1.0.10

package/dist/cjs/components/withCompatMode.js

@@ -32,6 +32,9 @@ const withCompatMode = Component => {
         ref: innerRef
       })), this.ref.current);
     }
+    componentWillUnmount() {
+      _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), this.ref.current);
+    }
     render() {
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: this.ref

package/dist/cjs/host/iframe/HostIframe.js

@@ -68,7 +68,7 @@ const HostIframe = ({
       if (postForm) {
         var _await$functions$getA;
         const accessToken = (_await$functions$getA = await functions.getAccessToken()) !== null && _await$functions$getA !== void 0 ? _await$functions$getA : {};
-        void (0, _postIframeForm.default)((0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.runtimeEnvironment), JSON.stringify({
+        void (0, _postIframeForm.default)((0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.buildEnvironment), JSON.stringify({
           ...initialData,
           pages: undefined,
           ...accessToken
@@ -128,7 +128,7 @@ const HostIframe = ({
     },
     title: " "
   }, iFrameProps, {
-    src: postForm ? undefined : (0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.runtimeEnvironment)
+    src: postForm ? undefined : (0, _url.replaceStagingUrl)(preventStagingReplacement, src, environment.buildEnvironment)
   }));
 };
 var _default = HostIframe;

package/dist/cjs/host/module/ModuleHost.js

@@ -75,7 +75,7 @@ const ModuleHost = ({
   }), /*#__PURE__*/_react.default.createElement(System, {
     system: {
       scope: system.scope,
-      url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.runtimeEnvironment),
+      url: (0, _url.replaceStagingUrl)(preventStagingReplacement, system.url, environment.buildEnvironment),
       module: system.module
     },
     data: initialData,

package/dist/esm/components/withCompatMode.js

@@ -25,6 +25,9 @@ export const withCompatMode = Component => {
         ref: innerRef
       })), this.ref.current);
     }
+    componentWillUnmount() {
+      ReactDOM.render( /*#__PURE__*/React.createElement(React.Fragment, null), this.ref.current);
+    }
     render() {
       return /*#__PURE__*/React.createElement("div", {
         ref: this.ref

package/dist/esm/host/iframe/HostIframe.js

@@ -60,7 +60,7 @@ const HostIframe = _ref => {
       if (postForm) {
         var _await$functions$getA;
         const accessToken = (_await$functions$getA = await functions.getAccessToken()) !== null && _await$functions$getA !== void 0 ? _await$functions$getA : {};
-        void postIframeForm(replaceStagingUrl(preventStagingReplacement, src, environment.runtimeEnvironment), JSON.stringify({
+        void postIframeForm(replaceStagingUrl(preventStagingReplacement, src, environment.buildEnvironment), JSON.stringify({
           ...initialData,
           pages: undefined,
           ...accessToken
@@ -120,7 +120,7 @@ const HostIframe = _ref => {
     },
     title: " "
   }, iFrameProps, {
-    src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.runtimeEnvironment)
+    src: postForm ? undefined : replaceStagingUrl(preventStagingReplacement, src, environment.buildEnvironment)
   }));
 };
 export default HostIframe;

package/dist/esm/host/module/ModuleHost.js

@@ -68,7 +68,7 @@ const ModuleHost = _ref2 => {
   }), /*#__PURE__*/React.createElement(System, {
     system: {
       scope: system.scope,
-      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.runtimeEnvironment),
+      url: replaceStagingUrl(preventStagingReplacement, system.url, environment.buildEnvironment),
       module: system.module
     },
     data: initialData,

package/dist/esm/wrapper/AppWrapper.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /* eslint-disable */
 // @ts-nocheck
 

package/dist/esm/wrapper/FrameWrapper.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import * as comlink from 'comlink';
 import { addVisibilityChangeListener, removeVisibilityChangeListener } from '../calls/visibilityChangeListener';

package/dist/types/components/ChaynsProvider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { ChaynsReactFunctions, ChaynsReactValues, IChaynsReact } from '../types/IChaynsReact';
 export declare const moduleWrapper: {
     current: IChaynsReact;
@@ -8,6 +8,7 @@ type ChaynsProviderProps = {
     functions?: ChaynsReactFunctions;
     renderedByServer?: boolean;
     isModule?: boolean;
+    children?: ReactNode;
 };
 declare const ChaynsProvider: React.FC<ChaynsProviderProps>;
 export default ChaynsProvider;

package/dist/types/components/WaitUntil.d.ts

@@ -2,6 +2,7 @@ import { FC, ReactNode } from "react";
 type TaskList = (TaskList | Promise<unknown> | (() => Promise<unknown>))[];
 export declare const WaitUntil: FC<{
     tasks: TaskList;
+    children?: ReactNode;
     loadingComponent?: ReactNode;
 }>;
 export {};

package/dist/types/host/module/ModuleHost.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { ChaynsApiDevice, ChaynsApiSite, ChaynsApiUser, ChaynsReactFunctions, ChaynsReactValues, Page } from '../../types/IChaynsReact';
 export type TypeSystem = {
     scope: string;
@@ -19,6 +19,7 @@ type ModulePropTypes = {
     customData: any;
     environment: ChaynsReactValues["environment"];
     preventStagingReplacement?: boolean;
+    children?: ReactNode;
 };
 declare const ModuleHost: FC<ModulePropTypes>;
 export default ModuleHost;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "1.0.9",
+    "version": "1.0.10",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",
@@ -35,7 +35,7 @@
     },
     "dependencies": {
         "@types/semver": "^7.3.9",
-        "comlink": "^4.3.1",
+        "comlink": "^4.4.1",
         "detect-browser": "^5.2.1",
         "htmlescape": "^1.1.1",
         "lodash.throttle": "^4.1.1",
@@ -46,8 +46,8 @@
         "use-context-selector": "^1.3.9"
     },
     "devDependencies": {
-        "@babel/cli": "^7.16.0",
-        "@babel/core": "^7.16.0",
+        "@babel/cli": "^7.20.7",
+        "@babel/core": "^7.20.12",
         "@babel/preset-env": "^7.16.4",
         "@babel/preset-react": "^7.16.0",
         "@babel/preset-typescript": "^7.16.0",
@@ -56,18 +56,17 @@
         "@types/htmlescape": "^1.1.1",
         "@types/lodash.throttle": "^4.1.6",
         "@types/prop-types": "^15.7.3",
-        "@types/react": "^17.0.37",
+        "@types/react": "^17.0.53",
         "@types/react-dom": "^17.0.11",
-        "@typescript-eslint/parser": "^5.4.0",
-        "chayns-toolkit": "^2.0.0-beta.21",
-        "concurrently": "^6.5.1",
+        "@typescript-eslint/parser": "^5.50.0",
+        "concurrently": "^7.6.0",
         "cross-env": "^7.0.3",
         "postcss-prefix-selector": "^1.13.0",
         "prettier": "^2.5.0",
         "prettier-plugin-packagejson": "^2.2.15",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "typescript": "^4.5.2"
+        "typescript": "^4.9.5"
     },
     "peerDependencies": {
         "react": "^16.8 || ^17.0.1",

package/toolkit.config.js

@@ -1,52 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-const packageJson = require('./package.json');
-const webpack = require('webpack');
-const { ModuleFederationPlugin } = webpack.container;
-const path = require('path');
-
-/**
- * Your `chayns-toolkit.json`-file was automatically converted into this
- * JavaScript configuration file, which will be the configuration format going
- * forward.
- */
-
-module.exports = {
-    development: {
-        host: '0.0.0.0',
-        port: parseInt(process.env.DEV_PORT, 10) || 8083,
-        cert: '//fs1/ssl/tobitag.crt',
-        key: '//fs1/ssl/tobitag.key',
-    },
-    webpack(config, { dev }) {
-        config.output.uniqueName = `module-chayns-api`;
-
-        config.plugins.push(
-            new ModuleFederationPlugin({
-                name: 'chayns_api_module2',
-                filename: 'remoteEntry.js',
-                exposes: {
-                    './index': './src/index',
-                    './ChaynsProvider': './src/components/ChaynsProvider'
-                },
-                shared: {
-                    react: {
-                        requiredVersion: packageJson.peerDependencies?.react || packageJson.dependencies?.react
-                    },
-                    'react-dom': {
-                        requiredVersion: packageJson.peerDependencies?.["react-dom"] || packageJson.dependencies?.["react-dom"]
-                    }
-                }
-            })
-        )
-        config.output.chunkLoadingGlobal = `webpackChunkchayns_api__${process.env.BUILD_ENV || process.env.NODE_ENV}__${process.env.VERSION}`;
-
-        config.resolve.alias = {
-            react: path.resolve('./node_modules/react'),
-            //'react-dom': path.resolve('./node_modules/react-dom')
-        };
-
-        delete config.optimization.splitChunks;
-
-        return config;
-    }
-};