@tscircuit/schematic-viewer 1.1.4 → 1.1.6

package/dist/index.js

@@ -926,347 +926,6 @@ var require_svg_path_generator2 = __commonJS({
   }
 });
 
-// node_modules/lodash/_baseRange.js
-var require_baseRange = __commonJS({
-  "node_modules/lodash/_baseRange.js"(exports, module2) {
-    var nativeCeil = Math.ceil;
-    var nativeMax = Math.max;
-    function baseRange(start, end, step, fromRight) {
-      var index = -1, length = nativeMax(nativeCeil((end - start) / (step || 1)), 0), result = Array(length);
-      while (length--) {
-        result[fromRight ? length : ++index] = start;
-        start += step;
-      }
-      return result;
-    }
-    module2.exports = baseRange;
-  }
-});
-
-// node_modules/lodash/eq.js
-var require_eq = __commonJS({
-  "node_modules/lodash/eq.js"(exports, module2) {
-    function eq(value, other) {
-      return value === other || value !== value && other !== other;
-    }
-    module2.exports = eq;
-  }
-});
-
-// node_modules/lodash/_freeGlobal.js
-var require_freeGlobal = __commonJS({
-  "node_modules/lodash/_freeGlobal.js"(exports, module2) {
-    var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-    module2.exports = freeGlobal;
-  }
-});
-
-// node_modules/lodash/_root.js
-var require_root = __commonJS({
-  "node_modules/lodash/_root.js"(exports, module2) {
-    var freeGlobal = require_freeGlobal();
-    var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-    var root = freeGlobal || freeSelf || Function("return this")();
-    module2.exports = root;
-  }
-});
-
-// node_modules/lodash/_Symbol.js
-var require_Symbol = __commonJS({
-  "node_modules/lodash/_Symbol.js"(exports, module2) {
-    var root = require_root();
-    var Symbol2 = root.Symbol;
-    module2.exports = Symbol2;
-  }
-});
-
-// node_modules/lodash/_getRawTag.js
-var require_getRawTag = __commonJS({
-  "node_modules/lodash/_getRawTag.js"(exports, module2) {
-    var Symbol2 = require_Symbol();
-    var objectProto = Object.prototype;
-    var hasOwnProperty = objectProto.hasOwnProperty;
-    var nativeObjectToString = objectProto.toString;
-    var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
-    function getRawTag(value) {
-      var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
-      try {
-        value[symToStringTag] = void 0;
-        var unmasked = true;
-      } catch (e) {
-      }
-      var result = nativeObjectToString.call(value);
-      if (unmasked) {
-        if (isOwn) {
-          value[symToStringTag] = tag;
-        } else {
-          delete value[symToStringTag];
-        }
-      }
-      return result;
-    }
-    module2.exports = getRawTag;
-  }
-});
-
-// node_modules/lodash/_objectToString.js
-var require_objectToString = __commonJS({
-  "node_modules/lodash/_objectToString.js"(exports, module2) {
-    var objectProto = Object.prototype;
-    var nativeObjectToString = objectProto.toString;
-    function objectToString(value) {
-      return nativeObjectToString.call(value);
-    }
-    module2.exports = objectToString;
-  }
-});
-
-// node_modules/lodash/_baseGetTag.js
-var require_baseGetTag = __commonJS({
-  "node_modules/lodash/_baseGetTag.js"(exports, module2) {
-    var Symbol2 = require_Symbol();
-    var getRawTag = require_getRawTag();
-    var objectToString = require_objectToString();
-    var nullTag = "[object Null]";
-    var undefinedTag = "[object Undefined]";
-    var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
-    function baseGetTag(value) {
-      if (value == null) {
-        return value === void 0 ? undefinedTag : nullTag;
-      }
-      return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-    }
-    module2.exports = baseGetTag;
-  }
-});
-
-// node_modules/lodash/isObject.js
-var require_isObject = __commonJS({
-  "node_modules/lodash/isObject.js"(exports, module2) {
-    function isObject2(value) {
-      var type = typeof value;
-      return value != null && (type == "object" || type == "function");
-    }
-    module2.exports = isObject2;
-  }
-});
-
-// node_modules/lodash/isFunction.js
-var require_isFunction = __commonJS({
-  "node_modules/lodash/isFunction.js"(exports, module2) {
-    var baseGetTag = require_baseGetTag();
-    var isObject2 = require_isObject();
-    var asyncTag = "[object AsyncFunction]";
-    var funcTag = "[object Function]";
-    var genTag = "[object GeneratorFunction]";
-    var proxyTag = "[object Proxy]";
-    function isFunction(value) {
-      if (!isObject2(value)) {
-        return false;
-      }
-      var tag = baseGetTag(value);
-      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-    }
-    module2.exports = isFunction;
-  }
-});
-
-// node_modules/lodash/isLength.js
-var require_isLength = __commonJS({
-  "node_modules/lodash/isLength.js"(exports, module2) {
-    var MAX_SAFE_INTEGER = 9007199254740991;
-    function isLength(value) {
-      return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-    }
-    module2.exports = isLength;
-  }
-});
-
-// node_modules/lodash/isArrayLike.js
-var require_isArrayLike = __commonJS({
-  "node_modules/lodash/isArrayLike.js"(exports, module2) {
-    var isFunction = require_isFunction();
-    var isLength = require_isLength();
-    function isArrayLike(value) {
-      return value != null && isLength(value.length) && !isFunction(value);
-    }
-    module2.exports = isArrayLike;
-  }
-});
-
-// node_modules/lodash/_isIndex.js
-var require_isIndex = __commonJS({
-  "node_modules/lodash/_isIndex.js"(exports, module2) {
-    var MAX_SAFE_INTEGER = 9007199254740991;
-    var reIsUint = /^(?:0|[1-9]\d*)$/;
-    function isIndex(value, length) {
-      var type = typeof value;
-      length = length == null ? MAX_SAFE_INTEGER : length;
-      return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
-    }
-    module2.exports = isIndex;
-  }
-});
-
-// node_modules/lodash/_isIterateeCall.js
-var require_isIterateeCall = __commonJS({
-  "node_modules/lodash/_isIterateeCall.js"(exports, module2) {
-    var eq = require_eq();
-    var isArrayLike = require_isArrayLike();
-    var isIndex = require_isIndex();
-    var isObject2 = require_isObject();
-    function isIterateeCall(value, index, object) {
-      if (!isObject2(object)) {
-        return false;
-      }
-      var type = typeof index;
-      if (type == "number" ? isArrayLike(object) && isIndex(index, object.length) : type == "string" && index in object) {
-        return eq(object[index], value);
-      }
-      return false;
-    }
-    module2.exports = isIterateeCall;
-  }
-});
-
-// node_modules/lodash/_trimmedEndIndex.js
-var require_trimmedEndIndex = __commonJS({
-  "node_modules/lodash/_trimmedEndIndex.js"(exports, module2) {
-    var reWhitespace = /\s/;
-    function trimmedEndIndex(string) {
-      var index = string.length;
-      while (index-- && reWhitespace.test(string.charAt(index))) {
-      }
-      return index;
-    }
-    module2.exports = trimmedEndIndex;
-  }
-});
-
-// node_modules/lodash/_baseTrim.js
-var require_baseTrim = __commonJS({
-  "node_modules/lodash/_baseTrim.js"(exports, module2) {
-    var trimmedEndIndex = require_trimmedEndIndex();
-    var reTrimStart = /^\s+/;
-    function baseTrim(string) {
-      return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-    }
-    module2.exports = baseTrim;
-  }
-});
-
-// node_modules/lodash/isObjectLike.js
-var require_isObjectLike = __commonJS({
-  "node_modules/lodash/isObjectLike.js"(exports, module2) {
-    function isObjectLike(value) {
-      return value != null && typeof value == "object";
-    }
-    module2.exports = isObjectLike;
-  }
-});
-
-// node_modules/lodash/isSymbol.js
-var require_isSymbol = __commonJS({
-  "node_modules/lodash/isSymbol.js"(exports, module2) {
-    var baseGetTag = require_baseGetTag();
-    var isObjectLike = require_isObjectLike();
-    var symbolTag = "[object Symbol]";
-    function isSymbol(value) {
-      return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
-    }
-    module2.exports = isSymbol;
-  }
-});
-
-// node_modules/lodash/toNumber.js
-var require_toNumber = __commonJS({
-  "node_modules/lodash/toNumber.js"(exports, module2) {
-    var baseTrim = require_baseTrim();
-    var isObject2 = require_isObject();
-    var isSymbol = require_isSymbol();
-    var NAN = 0 / 0;
-    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-    var reIsBinary = /^0b[01]+$/i;
-    var reIsOctal = /^0o[0-7]+$/i;
-    var freeParseInt = parseInt;
-    function toNumber(value) {
-      if (typeof value == "number") {
-        return value;
-      }
-      if (isSymbol(value)) {
-        return NAN;
-      }
-      if (isObject2(value)) {
-        var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-        value = isObject2(other) ? other + "" : other;
-      }
-      if (typeof value != "string") {
-        return value === 0 ? value : +value;
-      }
-      value = baseTrim(value);
-      var isBinary = reIsBinary.test(value);
-      return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-    }
-    module2.exports = toNumber;
-  }
-});
-
-// node_modules/lodash/toFinite.js
-var require_toFinite = __commonJS({
-  "node_modules/lodash/toFinite.js"(exports, module2) {
-    var toNumber = require_toNumber();
-    var INFINITY = 1 / 0;
-    var MAX_INTEGER = 17976931348623157e292;
-    function toFinite(value) {
-      if (!value) {
-        return value === 0 ? value : 0;
-      }
-      value = toNumber(value);
-      if (value === INFINITY || value === -INFINITY) {
-        var sign = value < 0 ? -1 : 1;
-        return sign * MAX_INTEGER;
-      }
-      return value === value ? value : 0;
-    }
-    module2.exports = toFinite;
-  }
-});
-
-// node_modules/lodash/_createRange.js
-var require_createRange = __commonJS({
-  "node_modules/lodash/_createRange.js"(exports, module2) {
-    var baseRange = require_baseRange();
-    var isIterateeCall = require_isIterateeCall();
-    var toFinite = require_toFinite();
-    function createRange(fromRight) {
-      return function(start, end, step) {
-        if (step && typeof step != "number" && isIterateeCall(start, end, step)) {
-          end = step = void 0;
-        }
-        start = toFinite(start);
-        if (end === void 0) {
-          end = start;
-          start = 0;
-        } else {
-          end = toFinite(end);
-        }
-        step = step === void 0 ? start < end ? 1 : -1 : toFinite(step);
-        return baseRange(start, end, step, fromRight);
-      };
-    }
-    module2.exports = createRange;
-  }
-});
-
-// node_modules/lodash/range.js
-var require_range = __commonJS({
-  "node_modules/lodash/range.js"(exports, module2) {
-    var createRange = require_createRange();
-    var range2 = createRange();
-    module2.exports = range2;
-  }
-});
-
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -1275,7 +934,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/Schematic.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_react_supergrid = require("react-supergrid");
 var import_builder3 = require("@tscircuit/builder");
 var import_react_fiber = require("@tscircuit/react-fiber");
@@ -1452,15 +1111,15 @@ function peg$subclass(child, parent) {
   child.prototype = new C();
 }
 function peg$SyntaxError(message, expected, found, location) {
-  var self2 = Error.call(this, message);
+  var self = Error.call(this, message);
   if (Object.setPrototypeOf) {
-    Object.setPrototypeOf(self2, peg$SyntaxError.prototype);
+    Object.setPrototypeOf(self, peg$SyntaxError.prototype);
   }
-  self2.expected = expected;
-  self2.found = found;
-  self2.location = location;
-  self2.name = "SyntaxError";
-  return self2;
+  self.expected = expected;
+  self.found = found;
+  self.location = location;
+  self.name = "SyntaxError";
+  return self;
 }
 peg$subclass(peg$SyntaxError, Error);
 function peg$padEnd(str, targetLength, padString) {
@@ -1945,7 +1604,6 @@ var SchematicTrace = ({ trace: { source, schematic } }) => {
 var SchematicTrace_default = SchematicTrace;
 
 // src/schematic-components/SchematicBug.tsx
-var import_range = __toESM(require_range());
 var import_builder2 = require("@tscircuit/builder");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var SchematicBug = ({ component: { source, schematic } }) => {
@@ -1957,6 +1615,7 @@ var SchematicBug = ({ component: { source, schematic } }) => {
   let bugw = schematic.size.width;
   let bugh = schematic.size.height;
   const { total_ports, width, height } = (0, import_builder2.getPortArrangementSize)(port_arrangement);
+  const port_indices = (0, import_builder2.getPortIndices)(port_arrangement);
   if (isNaN(bugw))
     bugw = width;
   if (isNaN(bugh))
@@ -1967,7 +1626,7 @@ var SchematicBug = ({ component: { source, schematic } }) => {
       strokeWidth: 0.02,
       d: `M ${-bugw / 2} ${-bugh / 2} L ${bugw / 2} ${-bugh / 2} L ${bugw / 2} ${bugh / 2} L ${-bugw / 2} ${bugh / 2}Z`
     },
-    ...(0, import_range.default)(1, total_ports + 1).map((portNum) => {
+    ...port_indices.map((portNum) => {
       const pos = (0, import_builder2.getPortPosition)(port_arrangement, portNum);
       const x2 = pos.side === "left" ? -bugw / 2 : pos.side === "right" ? bugw / 2 : pos.x;
       const y2 = pos.side === "top" ? -bugh / 2 : pos.side === "bottom" ? bugh / 2 : pos.y;
@@ -2196,10 +1855,28 @@ var SchematicElement = ({
 // src/Schematic.tsx
 var import_use_mouse_matrix_transform = require("use-mouse-matrix-transform");
 var import_react_error_boundary = require("react-error-boundary");
-var import_table_viewer = require("@tscircuit/table-viewer");
+
+// src/schematic-components/TableViewer.tsx
+var import_react4 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
+var LazyTableViewer = (0, import_react4.lazy)(
+  () => import("@tscircuit/table-viewer").then((m) => ({
+    default: m.SoupTableViewer
+  }))
+);
+var TableViewer = (params) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react4.Suspense, {
+  fallback: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
+    children: "Loading..."
+  }),
+  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LazyTableViewer, {
+    ...params
+  })
+});
+
+// src/Schematic.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var fallbackRender = (elm) => ({ error, resetErrorBoundary }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
     style: { color: "red" },
     children: [
       "error rendering ",
@@ -2218,8 +1895,8 @@ var Schematic = ({
   showTable
 }) => {
   initialSoup = initialSoup ?? initialElements ?? [];
-  const [elements, setElements] = (0, import_react4.useState)(initialSoup ?? []);
-  const [project, setProject] = (0, import_react4.useState)(null);
+  const [elements, setElements] = (0, import_react5.useState)(initialSoup ?? []);
+  const [project, setProject] = (0, import_react5.useState)(null);
   const setCameraTransform = useRenderContext((s) => s.setCameraTransform);
   const cameraTransform = useRenderContext((s) => s.camera_transform);
   const [boundsRef, bounds] = useMeasure();
@@ -2228,7 +1905,7 @@ var Schematic = ({
       setCameraTransform(transform2);
     }
   });
-  const setElementsAndCamera = (0, import_react4.useCallback)(
+  const setElementsAndCamera = (0, import_react5.useCallback)(
     (elements2) => {
       const elmBounds = ref.current.getBoundingClientRect();
       const { center, width, height } = elements2.some(
@@ -2253,7 +1930,7 @@ var Schematic = ({
     },
     [setElements, setTransform]
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (initialSoup.length > 0) {
       setElementsAndCamera(initialSoup);
       return;
@@ -2266,9 +1943,9 @@ var Schematic = ({
       throw e;
     });
   }, [children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
         style: {
           width: "100%",
           backgroundColor: "rgba(255,255,255,0)",
@@ -2283,7 +1960,7 @@ var Schematic = ({
           boundsRef(el);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_supergrid.SuperGrid, {
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_supergrid.SuperGrid, {
             stringifyCoord: (x, y, z) => {
               if (z === 0)
                 return "";
@@ -2293,16 +1970,16 @@ var Schematic = ({
             height: bounds.height,
             transform: cameraTransform
           }),
-          elements == null ? void 0 : elements.map((elm, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_error_boundary.ErrorBoundary, {
+          elements == null ? void 0 : elements.map((elm, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_error_boundary.ErrorBoundary, {
             fallbackRender: fallbackRender(elm),
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SchematicElement, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SchematicElement, {
               element: elm,
               allElements: elements
             }, JSON.stringify(elm))
           }, i))
         ]
       }),
-      showTable !== false && elements && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_table_viewer.SoupTableViewer, {
+      showTable !== false && elements && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TableViewer, {
         elements
       })
     ]