Initial boiler plate project

node_modules/next/dist/esm/shared/lib/lazy-dynamic/loadable.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+import { BailoutToCSR } from "./dynamic-bailout-to-csr";
+import { PreloadCss } from "./preload-css";
+// Normalize loader to return the module as form { default: Component } for `React.lazy`.
+// Also for backward compatible since next/dynamic allows to resolve a component directly with loader
+// Client component reference proxy need to be converted to a module.
+function convertModule(mod) {
+    // Check "default" prop before accessing it, as it could be client reference proxy that could break it reference.
+    // Cases:
+    // mod: { default: Component }
+    // mod: Component
+    // mod: { $$typeof, default: proxy(Component) }
+    // mod: proxy(Component)
+    const hasDefault = mod && "default" in mod;
+    return {
+        default: hasDefault ? mod.default : mod
+    };
+}
+const defaultOptions = {
+    loader: ()=>Promise.resolve(convertModule(()=>null)),
+    loading: null,
+    ssr: true
+};
+function Loadable(options) {
+    const opts = {
+        ...defaultOptions,
+        ...options
+    };
+    const Lazy = /*#__PURE__*/ lazy(()=>opts.loader().then(convertModule));
+    const Loading = opts.loading;
+    function LoadableComponent(props) {
+        const fallbackElement = Loading ? /*#__PURE__*/ _jsx(Loading, {
+            isLoading: true,
+            pastDelay: true,
+            error: null
+        }) : null;
+        const children = opts.ssr ? /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                typeof window === "undefined" ? /*#__PURE__*/ _jsx(PreloadCss, {
+                    moduleIds: opts.modules
+                }) : null,
+                /*#__PURE__*/ _jsx(Lazy, {
+                    ...props
+                })
+            ]
+        }) : /*#__PURE__*/ _jsx(BailoutToCSR, {
+            reason: "next/dynamic",
+            children: /*#__PURE__*/ _jsx(Lazy, {
+                ...props
+            })
+        });
+        return /*#__PURE__*/ _jsx(Suspense, {
+            fallback: fallbackElement,
+            children: children
+        });
+    }
+    LoadableComponent.displayName = "LoadableComponent";
+    return LoadableComponent;
+}
+export default Loadable;
+
+//# sourceMappingURL=loadable.js.map