@code-hike/mini-browser - npm Package Compare versions

Comparing version 0.0.0-15 to 0.0.0-01f6c70

dist/index.cjs.js

@@ -5,7 +5,9 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = _interopDefault(require('react'));
+var React = require('react');
 var miniFrame = require('@code-hike/mini-frame');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 /*! *****************************************************************************
@@ -50,24 +52,24 @@ Copyright (c) Microsoft Corporation.
 function Back() {
-    return (React.createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginLeft: "0.2em", marginRight: "1em", color: "#999" } },
-        React.createElement("g", null,
-            React.createElement("path", { d: "m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z" }))));
+    return (React__default['default'].createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginLeft: "0.2em", marginRight: "1em", color: "#999" } },
+        React__default['default'].createElement("g", null,
+            React__default['default'].createElement("path", { d: "m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z" }))));
 }
 function Forward() {
-    return (React.createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginRight: "1em", color: "#999" } },
-        React.createElement("g", null,
-            React.createElement("path", { d: "m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z" }))));
+    return (React__default['default'].createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginRight: "1em", color: "#999" } },
+        React__default['default'].createElement("g", null,
+            React__default['default'].createElement("path", { d: "m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z" }))));
 }
 function Open(_a) {
     var href = _a.href;
-    return (React.createElement("a", { style: { margin: "0 1em 0 1em", color: "inherit" }, title: "Open in new tab", href: href, target: "_blank", rel: "noopener noreferrer" },
-        React.createElement("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "3 3 18 18", height: "1em", width: "1em", style: { display: "block" }, xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("path", { d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" }))));
+    return (React__default['default'].createElement("a", { style: { margin: "0 1em 0 1em", color: "inherit" }, title: "Open in new tab", href: href, target: "_blank", rel: "noopener noreferrer" },
+        React__default['default'].createElement("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "3 3 18 18", height: "1em", width: "1em", style: { display: "block" }, xmlns: "http://www.w3.org/2000/svg" },
+            React__default['default'].createElement("path", { d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" }))));
 }
 
-var e=[],t=[];function injector_f8dff5e8(n,r){if(n&&"undefined"!=typeof document){void 0===r&&(r={});var d,a=!0===r.prepend?"prepend":"append",i="undefined"!=typeof r.singleTag&&r.singleTag,s="undefined"!=typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(i){var u=e.indexOf(s);-1===u&&(u=e.push(s)-1,t[u]={}),d=t[u]&&t[u][a]?t[u][a]:t[u][a]=o();}else d=o();65279===n.charCodeAt(0)&&(n=n.substring(1)),d.styleSheet?d.styleSheet.cssText+=n:d.appendChild(document.createTextNode(n));}function o(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var d="prepend"===a?"afterbegin":"beforeend";return s.insertAdjacentElement(d,e),e}}
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-const css_30b478e9 = ".ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1;padding:0 10px;color:#544}";
-injector_f8dff5e8(css_30b478e9,{"singleTag":true});
+var css = ".ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1;padding:0 10px;color:#544}";
+n(css,{"singleTag":true});
 
-var MiniBrowser = React.forwardRef(MiniBrowserWithRef);
+var MiniBrowser = React__default['default'].forwardRef(MiniBrowserWithRef);
 function MiniBrowserWithRef(_a, ref) {
@@ -86,3 +88,3 @@ var _b = _a.url, url = _b === void 0 ? "" : _b, children = _a.children, _c = _a.progress, progress = _c === void 0 ? 0 : _c, _d = _a.backward, backward = _d === void 0 ? false : _d, _e = _a.zoom, zoom = _e === void 0 ? 1 : _e, ogSteps = _a.steps, loadUrl = _a.loadUrl, prependOrigin = _a.prependOrigin, props = __rest(_a, ["url", "children", "progress", "backward", "zoom", "steps", "loadUrl", "prependOrigin"]);
     var currentStep = steps[stepIndex];
-    return (React.createElement(miniFrame.MiniFrame, __assign({}, props, { zoom: currentStep.zoom, className: "ch-mini-browser " + (props.className || ""), titleBar: React.createElement(Bar, { url: currentStep.url, linkUrl: currentStep.loadUrl }) }), currentStep.children || (React.createElement("iframe", { ref: ref, src: currentStep.loadUrl }))));
+    return (React__default['default'].createElement(miniFrame.MiniFrame, __assign({}, props, { zoom: currentStep.zoom, className: "ch-mini-browser " + (props.className || ""), titleBar: React__default['default'].createElement(Bar, { url: currentStep.url, linkUrl: currentStep.loadUrl }) }), currentStep.children || (React__default['default'].createElement("iframe", { ref: ref, src: currentStep.loadUrl }))));
 }
@@ -92,3 +94,3 @@ function useSteps(ogSteps, ogDefaults) {
     var zoom = defaults.zoom, url = defaults.url, children = defaults.children, loadUrl = defaults.loadUrl, prependOrigin = defaults.prependOrigin;
-    return React.useMemo(function () {
+    return React__default['default'].useMemo(function () {
         if (!ogSteps) {
@@ -109,8 +111,8 @@ return [defaults];
     var url = _a.url, linkUrl = _a.linkUrl;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(miniFrame.FrameButtons, null),
-        React.createElement(Back, null),
-        React.createElement(Forward, null),
-        React.createElement("input", { value: url || "", readOnly: true }),
-        React.createElement(Open, { href: linkUrl })));
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement(miniFrame.FrameButtons, null),
+        React__default['default'].createElement(Back, null),
+        React__default['default'].createElement(Forward, null),
+        React__default['default'].createElement("input", { value: url || "", readOnly: true }),
+        React__default['default'].createElement(Open, { href: linkUrl })));
 }
@@ -123,6 +125,9 @@ function transformStep(step) {
     var loadUrl = step.loadUrl || url;
-    return __assign(__assign({}, step), { url: url,
-        loadUrl: loadUrl });
+    var transformed = __assign(__assign({}, step), { loadUrl: loadUrl });
+    if (step.url) {
+        transformed.url = url;
+    }
+    return transformed;
 }
 
 exports.MiniBrowser = MiniBrowser;

dist/index.esm.js

@@ -59,6 +59,6 @@ import React from 'react';
 
-var e=[],t=[];function injector_f8dff5e8(n,r){if(n&&"undefined"!=typeof document){void 0===r&&(r={});var d,a=!0===r.prepend?"prepend":"append",i="undefined"!=typeof r.singleTag&&r.singleTag,s="undefined"!=typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(i){var u=e.indexOf(s);-1===u&&(u=e.push(s)-1,t[u]={}),d=t[u]&&t[u][a]?t[u][a]:t[u][a]=o();}else d=o();65279===n.charCodeAt(0)&&(n=n.substring(1)),d.styleSheet?d.styleSheet.cssText+=n:d.appendChild(document.createTextNode(n));}function o(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var d="prepend"===a?"afterbegin":"beforeend";return s.insertAdjacentElement(d,e),e}}
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-const css_30b478e9 = ".ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1;padding:0 10px;color:#544}";
-injector_f8dff5e8(css_30b478e9,{"singleTag":true});
+var css = ".ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1;padding:0 10px;color:#544}";
+n(css,{"singleTag":true});
 
@@ -113,6 +113,9 @@ var MiniBrowser = React.forwardRef(MiniBrowserWithRef);
     var loadUrl = step.loadUrl || url;
-    return __assign(__assign({}, step), { url: url,
-        loadUrl: loadUrl });
+    var transformed = __assign(__assign({}, step), { loadUrl: loadUrl });
+    if (step.url) {
+        transformed.url = url;
+    }
+    return transformed;
 }
 
 export { MiniBrowser };

dist/index.js

 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@code-hike/mini-frame')) :
     typeof define === 'function' && define.amd ? define(['exports', 'react', '@code-hike/mini-frame'], factory) :
-    (global = global || self, factory(global.foo = {}, global.React, global.miniFrame));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.foo = {}, global.React, global.miniFrame));
 }(this, (function (exports, React, miniFrame) { 'use strict';
 
-    React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
     /*! *****************************************************************************
@@ -48,24 +50,24 @@ Copyright (c) Microsoft Corporation.
     function Back() {
-        return (React.createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginLeft: "0.2em", marginRight: "1em", color: "#999" } },
-            React.createElement("g", null,
-                React.createElement("path", { d: "m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z" }))));
+        return (React__default['default'].createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginLeft: "0.2em", marginRight: "1em", color: "#999" } },
+            React__default['default'].createElement("g", null,
+                React__default['default'].createElement("path", { d: "m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z" }))));
     }
     function Forward() {
-        return (React.createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginRight: "1em", color: "#999" } },
-            React.createElement("g", null,
-                React.createElement("path", { d: "m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z" }))));
+        return (React__default['default'].createElement("svg", { fill: "currentColor", preserveAspectRatio: "xMidYMid meet", height: "1em", viewBox: "13 10 14 23", style: { marginRight: "1em", color: "#999" } },
+            React__default['default'].createElement("g", null,
+                React__default['default'].createElement("path", { d: "m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z" }))));
     }
     function Open(_a) {
         var href = _a.href;
-        return (React.createElement("a", { style: { margin: "0 1em 0 1em", color: "inherit" }, title: "Open in new tab", href: href, target: "_blank", rel: "noopener noreferrer" },
-            React.createElement("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "3 3 18 18", height: "1em", width: "1em", style: { display: "block" }, xmlns: "http://www.w3.org/2000/svg" },
-                React.createElement("path", { d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" }))));
+        return (React__default['default'].createElement("a", { style: { margin: "0 1em 0 1em", color: "inherit" }, title: "Open in new tab", href: href, target: "_blank", rel: "noopener noreferrer" },
+            React__default['default'].createElement("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "3 3 18 18", height: "1em", width: "1em", style: { display: "block" }, xmlns: "http://www.w3.org/2000/svg" },
+                React__default['default'].createElement("path", { d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" }))));
     }
 
-    var e=[],t=[];function injector_f8dff5e8(n,r){if(n&&"undefined"!=typeof document){void 0===r&&(r={});var d,a=!0===r.prepend?"prepend":"append",i="undefined"!=typeof r.singleTag&&r.singleTag,s="undefined"!=typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(i){var u=e.indexOf(s);-1===u&&(u=e.push(s)-1,t[u]={}),d=t[u]&&t[u][a]?t[u][a]:t[u][a]=o();}else d=o();65279===n.charCodeAt(0)&&(n=n.substring(1)),d.styleSheet?d.styleSheet.cssText+=n:d.appendChild(document.createTextNode(n));}function o(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var d="prepend"===a?"afterbegin":"beforeend";return s.insertAdjacentElement(d,e),e}}
+    var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-    const css_30b478e9 = ".ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1;padding:0 10px;color:#544}";
-    injector_f8dff5e8(css_30b478e9,{"singleTag":true});
+    var css = ".ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1;padding:0 10px;color:#544}";
+    n(css,{"singleTag":true});
 
-    var MiniBrowser = React.forwardRef(MiniBrowserWithRef);
+    var MiniBrowser = React__default['default'].forwardRef(MiniBrowserWithRef);
     function MiniBrowserWithRef(_a, ref) {
@@ -84,3 +86,3 @@ var _b = _a.url, url = _b === void 0 ? "" : _b, children = _a.children, _c = _a.progress, progress = _c === void 0 ? 0 : _c, _d = _a.backward, backward = _d === void 0 ? false : _d, _e = _a.zoom, zoom = _e === void 0 ? 1 : _e, ogSteps = _a.steps, loadUrl = _a.loadUrl, prependOrigin = _a.prependOrigin, props = __rest(_a, ["url", "children", "progress", "backward", "zoom", "steps", "loadUrl", "prependOrigin"]);
         var currentStep = steps[stepIndex];
-        return (React.createElement(miniFrame.MiniFrame, __assign({}, props, { zoom: currentStep.zoom, className: "ch-mini-browser " + (props.className || ""), titleBar: React.createElement(Bar, { url: currentStep.url, linkUrl: currentStep.loadUrl }) }), currentStep.children || (React.createElement("iframe", { ref: ref, src: currentStep.loadUrl }))));
+        return (React__default['default'].createElement(miniFrame.MiniFrame, __assign({}, props, { zoom: currentStep.zoom, className: "ch-mini-browser " + (props.className || ""), titleBar: React__default['default'].createElement(Bar, { url: currentStep.url, linkUrl: currentStep.loadUrl }) }), currentStep.children || (React__default['default'].createElement("iframe", { ref: ref, src: currentStep.loadUrl }))));
     }
@@ -90,3 +92,3 @@ function useSteps(ogSteps, ogDefaults) {
         var zoom = defaults.zoom, url = defaults.url, children = defaults.children, loadUrl = defaults.loadUrl, prependOrigin = defaults.prependOrigin;
-        return React.useMemo(function () {
+        return React__default['default'].useMemo(function () {
             if (!ogSteps) {
@@ -107,8 +109,8 @@ return [defaults];
         var url = _a.url, linkUrl = _a.linkUrl;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(miniFrame.FrameButtons, null),
-            React.createElement(Back, null),
-            React.createElement(Forward, null),
-            React.createElement("input", { value: url || "", readOnly: true }),
-            React.createElement(Open, { href: linkUrl })));
+        return (React__default['default'].createElement(React__default['default'].Fragment, null,
+            React__default['default'].createElement(miniFrame.FrameButtons, null),
+            React__default['default'].createElement(Back, null),
+            React__default['default'].createElement(Forward, null),
+            React__default['default'].createElement("input", { value: url || "", readOnly: true }),
+            React__default['default'].createElement(Open, { href: linkUrl })));
     }
@@ -121,4 +123,7 @@ function transformStep(step) {
         var loadUrl = step.loadUrl || url;
-        return __assign(__assign({}, step), { url: url,
-            loadUrl: loadUrl });
+        var transformed = __assign(__assign({}, step), { loadUrl: loadUrl });
+        if (step.url) {
+            transformed.url = url;
+        }
+        return transformed;
     }
@@ -125,0 +130,0 @@

package.json

 {
   "name": "@code-hike/mini-browser",
-  "version": "0.0.0-15",
+  "version": "0.0.0-01f6c70",
   "main": "dist/index.js",
@@ -11,8 +11,7 @@ "typings": "dist/index.d.ts",
   "scripts": {
-    "build": "ch-build",
-    "watch": "ch-build --watch",
+    "script": "ch-script",
     "publish-canary": "yarn publish --tag canary --access public"
   },
   "devDependencies": {
-    "@code-hike/build": "0.0.1",
+    "@code-hike/script": "0.0.1",
     "@types/react": "^16.9.38",
@@ -22,3 +21,3 @@ "react": "^16.13.1"
   "dependencies": {
-    "@code-hike/mini-frame": "0.0.0-15"
+    "@code-hike/mini-frame": "0.0.0-01f6c70"
   },
@@ -25,0 +24,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

25668

increased by3.79%

Lines of code

374

increased by2.19%

Dependency changes

• + Added@code-hike/mini-frame@0.0.0-01f6c70(transitive)

• - Removed@code-hike/mini-frame@0.0.0-15(transitive)

• Updated@code-hike/mini-frame@0.0.0-01f6c70