@mmtitanl/tablets 0.1.1 → 0.2.0

package/dist/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   BUILTIN_DEVICES: () => BUILTIN_DEVICES,
+  CUSTOM_DEVICES: () => CUSTOM_DEVICES,
   DEVICE_LAYOUTS: () => DEVICE_LAYOUTS,
   DeviceRegistry: () => DeviceRegistry,
   GALAXY_S25_EDGE_FRAME: () => GALAXY_S25_EDGE_FRAME,
@@ -7175,6 +7176,56 @@ var GALAXY_Z_FOLD_7_OPEN_FRAME = {
 };
 var GALAXY_Z_FOLD_7_OPEN_SCREEN_RECT = { "x": 80.3916, "y": 85.6348, "width": 3074.1084, "height": 3407.9052, "rx": 20.97 };
 
+// src/svg/scope-ids.ts
+function scopeSVGIds(svgString, deviceId) {
+  const safe = deviceId.replace(/[^a-zA-Z0-9_-]/g, "_");
+  const prefix = `${safe}__`;
+  const idRe = /\bid\s*=\s*["']([^"']+)["']/g;
+  const ids = /* @__PURE__ */ new Set();
+  let m;
+  while (m = idRe.exec(svgString)) ids.add(m[1]);
+  let out = svgString;
+  for (const id of ids) {
+    const escaped = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    out = out.replace(new RegExp(`\\bid\\s*=\\s*(["'])${escaped}\\1`, "g"), `id="${prefix}${id}"`);
+    out = out.replace(new RegExp(`url\\(#${escaped}\\)`, "g"), `url(#${prefix}${id})`);
+    out = out.replace(new RegExp(`\\bhref\\s*=\\s*(["'])#${escaped}\\1`, "g"), `href="#${prefix}${id}"`);
+    out = out.replace(
+      new RegExp(`\\bxlink:href\\s*=\\s*(["'])#${escaped}\\1`, "g"),
+      `xlink:href="#${prefix}${id}"`
+    );
+  }
+  return out;
+}
+
+// src/custom/data.json
+var data_default = [];
+
+// src/custom/index.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function makeSVGComponent(svgString, scopeKey) {
+  let svg = scopeSVGIds(svgString, scopeKey);
+  svg = svg.replace(/<svg\b([^>]*)>/i, (_m, attrs) => {
+    const stripped = attrs.replace(/\swidth\s*=\s*["'][^"']*["']/i, "").replace(/\sheight\s*=\s*["'][^"']*["']/i, "");
+    return `<svg${stripped} width="100%" height="100%">`;
+  });
+  const Component = ({ style }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "span",
+    {
+      style: { display: "block", width: "100%", height: "100%", ...style },
+      dangerouslySetInnerHTML: { __html: svg }
+    }
+  );
+  Component.displayName = `CustomDeviceSVG(${scopeKey})`;
+  return Component;
+}
+var data = data_default;
+var CUSTOM_DEVICES = data.map((d) => ({
+  ...d,
+  Component: makeSVGComponent(d.svgString, d.meta.id),
+  LandscapeComponent: d.landscape ? makeSVGComponent(d.landscape.svgString, `${d.meta.id}-landscape`) : void 0
+}));
+
 // src/builtin.ts
 var BUILTIN_METAS = {
   // Tablets
@@ -7230,6 +7281,10 @@ var BUILTIN_LAYOUTS = {
   [GALAXY_Z_FOLD_7_META.id]: GALAXY_Z_FOLD_7_LAYOUT,
   [GALAXY_Z_FOLD_7_OPEN_META.id]: GALAXY_Z_FOLD_7_OPEN_LAYOUT
 };
+for (const c of CUSTOM_DEVICES) {
+  BUILTIN_METAS[c.meta.id] = c.meta;
+  BUILTIN_LAYOUTS[c.meta.id] = { meta: c.meta, ...c.layout };
+}
 
 // src/registry/device-registry.ts
 var STORAGE_KEY = "bielaframe-custom-tablets";
@@ -7607,28 +7662,6 @@ function validateNormalizedSVG(result, targetWidth, targetHeight) {
   return { passed: errors.length === 0, warnings, errors };
 }
 
-// src/svg/scope-ids.ts
-function scopeSVGIds(svgString, deviceId) {
-  const safe = deviceId.replace(/[^a-zA-Z0-9_-]/g, "_");
-  const prefix = `${safe}__`;
-  const idRe = /\bid\s*=\s*["']([^"']+)["']/g;
-  const ids = /* @__PURE__ */ new Set();
-  let m;
-  while (m = idRe.exec(svgString)) ids.add(m[1]);
-  let out = svgString;
-  for (const id of ids) {
-    const escaped = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    out = out.replace(new RegExp(`\\bid\\s*=\\s*(["'])${escaped}\\1`, "g"), `id="${prefix}${id}"`);
-    out = out.replace(new RegExp(`url\\(#${escaped}\\)`, "g"), `url(#${prefix}${id})`);
-    out = out.replace(new RegExp(`\\bhref\\s*=\\s*(["'])#${escaped}\\1`, "g"), `href="#${prefix}${id}"`);
-    out = out.replace(
-      new RegExp(`\\bxlink:href\\s*=\\s*(["'])#${escaped}\\1`, "g"),
-      `xlink:href="#${prefix}${id}"`
-    );
-  }
-  return out;
-}
-
 // src/svg/auto-detect.ts
 var KEYWORDS = [
   { kw: "screen", type: "screen-area" },
@@ -7755,6 +7788,7 @@ function listSVGLayerNames(svgString) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BUILTIN_DEVICES,
+  CUSTOM_DEVICES,
   DEVICE_LAYOUTS,
   DeviceRegistry,
   GALAXY_S25_EDGE_FRAME,