@symbo.ls/create 2.11.411 → 2.11.415

package/dist/cjs/bundle/index.js

@@ -6802,13 +6802,13 @@ var require_cjs3 = __commonJS({
           document: () => document2,
           global: () => global,
           self: () => self2,
-          window: () => window5
+          window: () => window22
         });
         module22.exports = __toCommonJS22(globals_exports);
         var global = globalThis;
         var self2 = globalThis;
-        var window5 = globalThis;
-        var document2 = window5.document;
+        var window22 = globalThis;
+        var document2 = window22.document;
       }
     });
     var require_node5 = __commonJS2({
@@ -8172,6 +8172,7 @@ var require_cjs3 = __commonJS({
       loadCssFile: () => loadCssFile,
       loadJavascript: () => loadJavascript,
       loadJavascriptFile: () => loadJavascriptFile,
+      loadJavascriptFileSync: () => loadJavascriptFileSync2,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase,
       toDashCase: () => toDashCase,
@@ -8231,10 +8232,10 @@ var require_cjs3 = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject({
+            reject(new Error({
               status: false,
               message: `Failed to load the script ${FILE_URL}`
-            });
+            }));
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -8242,6 +8243,19 @@ var require_cjs3 = __commonJS({
         }
       });
     };
+    var loadJavascriptFileSync2 = (FILE_URL, doc = document, type = "text/javascript") => {
+      const xhr = new window.XMLHttpRequest();
+      xhr.open("GET", FILE_URL, false);
+      xhr.send();
+      if (xhr.status === 200) {
+        const scriptEle = doc.createElement("script");
+        scriptEle.type = type;
+        scriptEle.text = xhr.responseText;
+        doc.body.appendChild(scriptEle);
+      } else {
+        throw new Error(`Failed to load the script ${FILE_URL}`);
+      }
+    };
     var loadCssFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
       return new Promise((resolve, reject) => {
         try {
@@ -15927,6 +15941,12 @@ var require_info = __commonJS({
   }
 });
 
+// ../icons/default/src/lock.svg
+var require_lock = __commonJS({
+  "../icons/default/src/lock.svg"() {
+  }
+});
+
 // ../icons/default/src/minus.svg
 var require_minus = __commonJS({
   "../icons/default/src/minus.svg"() {
@@ -27492,6 +27512,7 @@ var default_default = {
   eyeOff: require_eye_off(),
   eye: require_eye(),
   info: require_info(),
+  lock: require_lock(),
   minus: require_minus(),
   sun: require_sun(),
   moon: require_moon(),
@@ -27960,12 +27981,24 @@ var preparePackages = (packages, opts) => {
     windowOpts.packages = (0, import_utils29.merge)(windowOpts.packages, packages);
   } else {
     windowOpts.packages = packages;
+  }
+  if (!windowOpts.require) {
     windowOpts.require = (key) => {
-      const pkg = window.packages[key];
+      const pkg = windowOpts.packages[key];
       if (typeof pkg === "function")
         return pkg();
-      else
-        return pkg;
+      return pkg;
+    };
+  }
+  if (!windowOpts.requireOnDemand) {
+    windowOpts.requireOnDemand = (key) => {
+      const { dependenciesOnDemand, document: document2 } = opts;
+      if (!windowOpts.packages[key] && dependenciesOnDemand && dependenciesOnDemand[key]) {
+        const version = dependenciesOnDemand[key];
+        const url2 = `https://pkg.symbo.ls/${key}/${version}.js`;
+        utilImports_exports.loadJavascriptFileSync(url2, document2);
+      }
+      return windowOpts.require(key);
     };
   }
 };

package/dist/cjs/prepare.js

@@ -94,12 +94,24 @@ const preparePackages = (packages, opts) => {
     windowOpts.packages = (0, import_utils.merge)(windowOpts.packages, packages);
   } else {
     windowOpts.packages = packages;
+  }
+  if (!windowOpts.require) {
     windowOpts.require = (key) => {
-      const pkg = window.packages[key];
+      const pkg = windowOpts.packages[key];
       if (typeof pkg === "function")
         return pkg();
-      else
-        return pkg;
+      return pkg;
+    };
+  }
+  if (!windowOpts.requireOnDemand) {
+    windowOpts.requireOnDemand = (key) => {
+      const { dependenciesOnDemand, document: document2 } = opts;
+      if (!windowOpts.packages[key] && dependenciesOnDemand && dependenciesOnDemand[key]) {
+        const version = dependenciesOnDemand[key];
+        const url = `https://pkg.symbo.ls/${key}/${version}.js`;
+        utils.loadJavascriptFileSync(url, document2);
+      }
+      return windowOpts.require(key);
     };
   }
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.411",
+  "version": "2.11.415",
   "license": "MIT",
-  "gitHead": "e45830a80e83324329963be4d39dc5b0aa50d43d",
+  "gitHead": "398e9f02e29d79850977c4d4d7c36946bb140002",
   "files": [
     "src",
     "dist"

package/src/prepare.js

@@ -61,14 +61,30 @@ export const prepareDependencies = ({ dependencies, document }) => {
 
 export const preparePackages = (packages, opts) => {
   const windowOpts = opts.window || window
+
   if (windowOpts.packages) {
     windowOpts.packages = merge(windowOpts.packages, packages)
   } else {
     windowOpts.packages = packages
-    windowOpts.require = (key) => {
-      const pkg = window.packages[key]
+  }
+
+  if (!windowOpts.require) {
+    windowOpts.require = key => {
+      const pkg = windowOpts.packages[key]
       if (typeof pkg === 'function') return pkg()
-      else return pkg
+      return pkg
+    }
+  }
+
+  if (!windowOpts.requireOnDemand) {
+    windowOpts.requireOnDemand = key => {
+      const { dependenciesOnDemand, document } = opts
+      if (!windowOpts.packages[key] && dependenciesOnDemand && dependenciesOnDemand[key]) {
+        const version = dependenciesOnDemand[key]
+        const url = `https://pkg.symbo.ls/${key}/${version}.js`
+        utils.loadJavascriptFileSync(url, document)
+      }
+      return windowOpts.require(key)
     }
   }
 }