@modern-js/runtime 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/js/treeshaking/core/loader/loaderManager.js

@@ -4,7 +4,6 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import invariant from 'invariant';
-
 /**
  * Calc id from string or object
  */
@@ -12,28 +11,24 @@ var createGetId = function createGetId() {
   var idCache = new Map();
   return function (objectId) {
     var cachedId = idCache.get(objectId);
-
     if (cachedId) {
       return cachedId;
-    } // WARNING: id should be unique after serialize.
-
+    }
 
+    // WARNING: id should be unique after serialize.
     var id = JSON.stringify(objectId);
     invariant(id, 'params should be not null value');
     idCache.set(objectId, id);
     return id;
   };
 };
-
 export var LoaderStatus;
-
 (function (LoaderStatus) {
   LoaderStatus[LoaderStatus["idle"] = 0] = "idle";
   LoaderStatus[LoaderStatus["loading"] = 1] = "loading";
   LoaderStatus[LoaderStatus["fulfilled"] = 2] = "fulfilled";
   LoaderStatus[LoaderStatus["rejected"] = 3] = "rejected";
 })(LoaderStatus || (LoaderStatus = {}));
-
 var createLoader = function createLoader(id) {
   var initialData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     loading: false,
@@ -46,10 +41,9 @@ var createLoader = function createLoader(id) {
   var promise;
   var status = LoaderStatus.idle;
   var data = initialData.data,
-      error = initialData.error;
+    error = initialData.error;
   var hasLoaded = false;
   var handlers = new Set();
-
   var load = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -60,17 +54,13 @@ var createLoader = function createLoader(id) {
                 _context.next = 2;
                 break;
               }
-
               return _context.abrupt("return", promise);
-
             case 2:
               if (!(status === LoaderStatus.loading)) {
                 _context.next = 4;
                 break;
               }
-
               return _context.abrupt("return", promise);
-
             case 4:
               status = LoaderStatus.loading;
               notify();
@@ -88,7 +78,6 @@ var createLoader = function createLoader(id) {
                 notify();
               });
               return _context.abrupt("return", promise);
-
             case 8:
             case "end":
               return _context.stop();
@@ -96,12 +85,10 @@ var createLoader = function createLoader(id) {
         }
       }, _callee);
     }));
-
     return function load() {
       return _ref.apply(this, arguments);
     };
   }();
-
   var getResult = function getResult() {
     return {
       loading: !hasLoaded && status === LoaderStatus.loading,
@@ -112,35 +99,29 @@ var createLoader = function createLoader(id) {
       _error: error
     };
   };
-
   var notify = function notify() {
     // don't iterate handlers directly, since it could be modified during iteration
     _toConsumableArray(handlers).forEach(function (handler) {
       handler(status, getResult());
     });
   };
-
   var onChange = function onChange(handler) {
     handlers.add(handler);
     return function () {
       handlers["delete"](handler);
     };
   };
-
   return {
     get result() {
       return getResult();
     },
-
     get promise() {
       return promise;
     },
-
     onChange: onChange,
     load: load
   };
 };
-
 /**
  * Create loaders manager. It's returned instance will add to context
  * @param initialDataMap used to initialing loader data
@@ -148,48 +129,45 @@ var createLoader = function createLoader(id) {
 export var createLoaderManager = function createLoaderManager(initialDataMap) {
   var managerOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _managerOptions$skipS = managerOptions.skipStatic,
-      skipStatic = _managerOptions$skipS === void 0 ? false : _managerOptions$skipS,
-      _managerOptions$skipN = managerOptions.skipNonStatic,
-      skipNonStatic = _managerOptions$skipN === void 0 ? false : _managerOptions$skipN;
+    skipStatic = _managerOptions$skipS === void 0 ? false : _managerOptions$skipS,
+    _managerOptions$skipN = managerOptions.skipNonStatic,
+    skipNonStatic = _managerOptions$skipN === void 0 ? false : _managerOptions$skipN;
   var loadersMap = new Map();
   var getId = createGetId();
-
   var add = function add(loaderFn, loaderOptions) {
     var id = getId(loaderOptions.params);
-    var loader = loadersMap.get(id); // private property for opting out loader cache, maybe change in future
+    var loader = loadersMap.get(id);
 
+    // private property for opting out loader cache, maybe change in future
     var cache = loaderOptions._cache;
-
     if (!loader || cache === false) {
       // ignore non-static loader on static phase
-      var ignoreNonStatic = skipNonStatic && !loaderOptions["static"]; // ignore static loader on non-static phase
+      var ignoreNonStatic = skipNonStatic && !loaderOptions["static"];
 
+      // ignore static loader on non-static phase
       var ignoreStatic = skipStatic && loaderOptions["static"];
       var skipExec = ignoreNonStatic || ignoreStatic;
       loader = createLoader(id, typeof initialDataMap[id] !== 'undefined' ? initialDataMap[id] : {
         data: loaderOptions.initialData
-      }, loaderFn, // Todo whether static loader is exec when CSR
+      }, loaderFn,
+      // Todo whether static loader is exec when CSR
       skipExec);
       loadersMap.set(id, loader);
     }
-
     return id;
   };
-
   var get = function get(id) {
     return loadersMap.get(id);
-  }; // check if there has pending loaders
-
+  };
 
+  // check if there has pending loaders
   var hasPendingLoaders = function hasPendingLoaders() {
     var _iterator = _createForOfIteratorHelper(loadersMap.values()),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var loader = _step.value;
         var promise = loader.promise;
-
         if (promise instanceof Promise) {
           return true;
         }
@@ -199,27 +177,23 @@ export var createLoaderManager = function createLoaderManager(initialDataMap) {
     } finally {
       _iterator.f();
     }
-
     return false;
-  }; // waiting for all pending loaders to be settled
-
+  };
 
+  // waiting for all pending loaders to be settled
   var awaitPendingLoaders = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var pendingLoaders, _iterator2, _step2, _step2$value, id, loader, promise;
-
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               pendingLoaders = [];
               _iterator2 = _createForOfIteratorHelper(loadersMap);
-
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   _step2$value = _slicedToArray(_step2.value, 2), id = _step2$value[0], loader = _step2$value[1];
                   promise = loader.promise;
-
                   if (promise instanceof Promise) {
                     pendingLoaders.push([id, loader]);
                   }
@@ -229,22 +203,18 @@ export var createLoaderManager = function createLoaderManager(initialDataMap) {
               } finally {
                 _iterator2.f();
               }
-
               _context2.next = 5;
               return Promise.all(pendingLoaders.map(function (item) {
                 return item[1].promise;
               }));
-
             case 5:
               return _context2.abrupt("return", pendingLoaders.reduce(function (res, _ref3) {
                 var _ref4 = _slicedToArray(_ref3, 2),
-                    id = _ref4[0],
-                    loader = _ref4[1];
-
+                  id = _ref4[0],
+                  loader = _ref4[1];
                 res[id] = loader.result;
                 return res;
               }, {}));
-
             case 6:
             case "end":
               return _context2.stop();
@@ -252,12 +222,10 @@ export var createLoaderManager = function createLoaderManager(initialDataMap) {
         }
       }, _callee2);
     }));
-
     return function awaitPendingLoaders() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   return {
     hasPendingLoaders: hasPendingLoaders,
     awaitPendingLoaders: awaitPendingLoaders,

package/dist/js/treeshaking/core/loader/useLoader.js

@@ -4,7 +4,6 @@ import { useContext, useRef, useMemo, useState, useCallback, useEffect } from 'r
 import invariant from 'invariant';
 import { RuntimeReactContext } from "../../runtime-context";
 import { LoaderStatus } from "./loaderManager";
-
 var useLoader = function useLoader(loaderFn) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     params: undefined
@@ -13,29 +12,24 @@ var useLoader = function useLoader(loaderFn) {
   var isSSRRender = Boolean(context.ssr);
   var loaderManager = context.loaderManager;
   var loaderRef = useRef();
-  var unlistenLoaderChangeRef = useRef(null); // SSR render should ignore `_cache` prop
+  var unlistenLoaderChangeRef = useRef(null);
 
+  // SSR render should ignore `_cache` prop
   if (isSSRRender && Object.prototype.hasOwnProperty.call(options, '_cache')) {
     delete options._cache;
   }
-
   var load = useCallback(function (params) {
     var _unlistenLoaderChange, _window, _window$_SSR_DATA, _window$_SSR_DATA$dat, _window$_SSR_DATA$dat2, _loaderRef$current2;
-
     if (typeof params === 'undefined') {
       var _loaderRef$current;
-
       return (_loaderRef$current = loaderRef.current) === null || _loaderRef$current === void 0 ? void 0 : _loaderRef$current.load();
     }
-
     var id = loaderManager.add(function () {
       try {
         var _res = loaderFn(context, params);
-
         if (_res instanceof Promise) {
           return _res;
         }
-
         return Promise.resolve(_res);
       } catch (e) {
         return Promise.reject(e);
@@ -43,37 +37,31 @@ var useLoader = function useLoader(loaderFn) {
     }, _objectSpread(_objectSpread({}, options), {}, {
       params: params
     }));
-    loaderRef.current = loaderManager.get(id); // unsubscribe old loader onChange event
-
+    loaderRef.current = loaderManager.get(id);
+    // unsubscribe old loader onChange event
     (_unlistenLoaderChange = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChange === void 0 ? void 0 : _unlistenLoaderChange.call(unlistenLoaderChangeRef);
-
     if (isSSRRender) {
       return undefined;
-    } // skip this loader, then try to unlisten loader change
-
+    }
 
+    // skip this loader, then try to unlisten loader change
     if (options.skip) {
       return undefined;
-    } // do not load data again in CSR hydrate stage if SSR data exists
-
+    }
 
+    // do not load data again in CSR hydrate stage if SSR data exists
     if (context._hydration && ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : (_window$_SSR_DATA$dat2 = _window$_SSR_DATA$dat.loadersData[id]) === null || _window$_SSR_DATA$dat2 === void 0 ? void 0 : _window$_SSR_DATA$dat2.error) === null) {
       return undefined;
     }
-
     var res = loaderRef.current.load();
     unlistenLoaderChangeRef.current = (_loaderRef$current2 = loaderRef.current) === null || _loaderRef$current2 === void 0 ? void 0 : _loaderRef$current2.onChange(function (_status, _result) {
       setResult(_result);
-
       if (_status === LoaderStatus.fulfilled) {
         var _options$onSuccess;
-
         options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, _result.data);
       }
-
       if (_status === LoaderStatus.rejected) {
         var _options$onError;
-
         options === null || options === void 0 ? void 0 : (_options$onError = options.onError) === null || _options$onError === void 0 ? void 0 : _options$onError.call(options, _result.error);
       }
     });
@@ -82,26 +70,21 @@ var useLoader = function useLoader(loaderFn) {
   useEffect(function () {
     return function () {
       var _unlistenLoaderChange2;
-
       (_unlistenLoaderChange2 = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChange2 === void 0 ? void 0 : _unlistenLoaderChange2.call(unlistenLoaderChangeRef);
     };
   }, []);
   useMemo(function () {
     var _options$params;
-
     var p = (_options$params = options.params) !== null && _options$params !== void 0 ? _options$params : loaderFn.id;
     invariant(typeof p !== 'undefined' && p !== null, 'Params is required in useLoader');
     load(p);
   }, [options.params]);
-
   var _useState = useState(loaderRef.current.result),
-      _useState2 = _slicedToArray(_useState, 2),
-      result = _useState2[0],
-      setResult = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    result = _useState2[0],
+    setResult = _useState2[1];
   return _objectSpread(_objectSpread({}, result), {}, {
     reload: load
   });
 };
-
 export default useLoader;

package/dist/js/treeshaking/core/plugin.js

@@ -1,9 +1,10 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import { createManager, createPipeline, createAsyncPipeline } from '@modern-js/plugin';
 import { createLoaderManager } from "./loader/loaderManager";
-var hoc = createPipeline(); // eslint-disable-next-line @typescript-eslint/no-empty-interface
+var hoc = createPipeline();
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 
 var provide = createPipeline();
 var client = createAsyncPipeline();
@@ -18,18 +19,18 @@ var runtimeHooks = {
   init: init,
   pickContext: pickContext
 };
+
 /** All hooks of runtime plugin. */
 
 export var createRuntime = function createRuntime() {
   return createManager(runtimeHooks);
 };
+
 /**
  * register init hook. It would be revoked both ssr and csr.
  */
-
 var registerInit = function registerInit(App, _init) {
   var originalInit = App.init;
-
   App.init = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(context) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -39,10 +40,8 @@ var registerInit = function registerInit(App, _init) {
               if (!context.loaderManager) {
                 context.loaderManager = createLoaderManager({});
               }
-
               _context.next = 3;
               return Promise.all([originalInit === null || originalInit === void 0 ? void 0 : originalInit(context), _init === null || _init === void 0 ? void 0 : _init(context)]);
-
             case 3:
             case "end":
               return _context.stop();
@@ -50,56 +49,12 @@ var registerInit = function registerInit(App, _init) {
         }
       }, _callee);
     }));
-
     return function (_x) {
       return _ref.apply(this, arguments);
     };
   }();
 };
-/**
- * register prefetch hook. It would be revoked both ssr and csr.
- * But if ssr success, It wont exec in csr again.
- * If ssr prefetch failed, It will fallback to exec in csr.
- */
-
-
-var registerPrefetch = function registerPrefetch(App, prefetch) {
-  var originalPrefetch = App.prefetch;
-
-  App.prefetch = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(context) {
-      var originResult, result;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return originalPrefetch === null || originalPrefetch === void 0 ? void 0 : originalPrefetch(context);
-
-            case 2:
-              originResult = _context2.sent;
-              _context2.next = 5;
-              return prefetch === null || prefetch === void 0 ? void 0 : prefetch(context);
-
-            case 5:
-              result = _context2.sent;
-              return _context2.abrupt("return", _objectSpread(_objectSpread({}, originResult), result));
-
-            case 7:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function (_x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-};
-
 export var runtime = createRuntime();
 var createPlugin = runtime.createPlugin;
 export { createPlugin };
-export { registerInit, registerPrefetch };
+export { registerInit };

package/dist/js/treeshaking/document/Body.js

@@ -0,0 +1,14 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React, { useContext } from 'react';
+import { DOCUMENT_CHUNKSMAP_PLACEHOLDER, DOCUMENT_SSRDATASCRIPT_PLACEHOLDER } from "./constants";
+import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { DefaultRoot } from "./Root";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function Body(props) {
+  var _useContext = useContext(DocumentStructrueContext),
+    hasSetRoot = _useContext.hasSetRoot;
+  var children = props.children;
+  return /*#__PURE__*/_jsxs("body", {
+    children: [hasSetRoot ? null : DefaultRoot, children, "".concat(DOCUMENT_CHUNKSMAP_PLACEHOLDER), "".concat(DOCUMENT_SSRDATASCRIPT_PLACEHOLDER)]
+  });
+}

package/dist/js/treeshaking/document/DocumentContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export var DocumentContext = /*#__PURE__*/React.createContext({
+  config: {},
+  templateParams: {},
+  processEnv: {}
+});

package/dist/js/treeshaking/document/DocumentStructrueContext.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export var DocumentStructrueContext = /*#__PURE__*/React.createContext({
+  hasSetHead: false,
+  hasSetScripts: false,
+  hasSetBody: false,
+  hasSetRoot: false
+});

package/dist/js/treeshaking/document/Head.js

@@ -0,0 +1,21 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React, { useContext } from 'react';
+import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { Scripts } from "./Scripts";
+import { DOCUMENT_META_PLACEHOLDER } from "./constants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function Head(props) {
+  var _useContext = useContext(DocumentStructrueContext),
+    hasSetScripts = _useContext.hasSetScripts;
+  var children = props.children;
+  // todo: verify the children
+  return /*#__PURE__*/_jsxs("head", {
+    children: ["".concat(DOCUMENT_META_PLACEHOLDER), !hasSetScripts && /*#__PURE__*/_jsx(Scripts, {}), children]
+  });
+}
+export function DefaultHead() {
+  return /*#__PURE__*/_jsx("head", {
+    children: "".concat(DOCUMENT_META_PLACEHOLDER)
+  });
+}

package/dist/js/treeshaking/document/Html.js

@@ -0,0 +1,104 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { Body } from "./Body";
+import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { Head } from "./Head";
+
+/**
+ * get the directly son element
+ */
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+function findTargetChild(tag, children) {
+  return children.find(function (item) {
+    return getEleType(item) === tag;
+  });
+}
+
+/**
+ * get the type of react element
+ */
+function getEleType(ele) {
+  // fixme: 非 react 的类型，有点儿问题。
+  return typeof (ele === null || ele === void 0 ? void 0 : ele.type) === 'function' ? ele.type.name : ele === null || ele === void 0 ? void 0 : ele.type;
+}
+
+/**
+ * get the children(grandChild included) with target type
+ * @param tag the element type
+ * @param children son element
+ * @returns target element
+ */
+function findTargetElement(tag, children) {
+  if (children.length === 0) {
+    return null;
+  }
+  var nextChildren = [];
+  var _iterator = _createForOfIteratorHelper(children),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _item$props;
+      var item = _step.value;
+      if (tag === getEleType(item)) {
+        return item;
+      }
+      if (item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.children) {
+        nextChildren = nextChildren.concat(item.props.children);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return findTargetElement(tag, nextChildren);
+}
+export function Html(props) {
+  var children = props.children;
+
+  // deal with the component with default
+  var hasSetHead = Boolean(findTargetChild('Head', children));
+  var hasSetScripts = Boolean(findTargetElement('Scripts', children));
+  var hasSetBody = Boolean(findTargetChild('Body', children));
+  var hasSetRoot = Boolean(findTargetElement('Root', children));
+  var notMissMustChild = [hasSetHead, hasSetBody
+  // hasSetScripts,
+  // hasSetRoot,
+  ].every(function (item) {
+    return item;
+  });
+
+  // todo: or throw an error
+  if (!notMissMustChild) {
+    return /*#__PURE__*/_jsx("html", {
+      children: /*#__PURE__*/_jsxs("body", {
+        style: {
+          color: 'red'
+        },
+        children: ["Miss the ", [hasSetHead, hasSetBody
+        // hasSetScripts,
+        // hasSetRoot,
+        ].map(function (item, index) {
+          return item ? null : ['Head', 'Body'
+          // 'Scripts',
+          // 'Root',
+          ][index];
+        }), " Element"]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("html", {
+    children: /*#__PURE__*/_jsxs(DocumentStructrueContext.Provider, {
+      value: {
+        hasSetHead: hasSetHead,
+        hasSetScripts: hasSetScripts,
+        hasSetRoot: hasSetRoot,
+        hasSetBody: hasSetBody,
+        docChild: children
+      },
+      children: [!hasSetHead && /*#__PURE__*/_jsx(Head, {}), !hasSetBody && /*#__PURE__*/_jsx(Body, {}), children]
+    })
+  });
+}

package/dist/js/treeshaking/document/Root.js

@@ -0,0 +1,24 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React, { useContext } from 'react';
+import { DocumentContext } from "./DocumentContext";
+import { DOCUMENT_SSR_PLACEHOLDER } from "./constants";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function Root(props) {
+  var rootId = props.rootId,
+    children = props.children;
+  var _useContext = useContext(DocumentContext),
+    _useContext$templateP = _useContext.templateParams.mountId,
+    mountId = _useContext$templateP === void 0 ? 'root' : _useContext$templateP;
+  return /*#__PURE__*/_jsxs("div", {
+    id: "".concat(rootId || mountId),
+    children: ["".concat(DOCUMENT_SSR_PLACEHOLDER), children]
+  });
+}
+export function DefaultRoot(props) {
+  var _useContext2 = useContext(DocumentContext),
+    mountId = _useContext2.templateParams.mountId;
+  return /*#__PURE__*/_jsxs("div", {
+    id: "".concat(mountId),
+    children: ["".concat(DOCUMENT_SSR_PLACEHOLDER), props.children]
+  });
+}

package/dist/js/treeshaking/document/Scripts.js

@@ -0,0 +1,10 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { DOCUMENT_SCRIPTS_PLACEHOLDER } from "./constants";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Scripts() {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: "".concat(DOCUMENT_SCRIPTS_PLACEHOLDER)
+  });
+}