myst-to-react 0.1.25 → 0.1.27

package/dist/cjs/heading.js

@@ -11,7 +11,7 @@ const classnames_1 = __importDefault(require("classnames"));
 function getHelpHashText(kind) {
     return `Link to this ${kind}`;
 }
-function HashLink({ id, kind, align = 'inline', children = '#', hover, className = 'font-normal', }) {
+function HashLink({ id, kind, align = 'inline', children = '¶', hover, className = 'font-normal', }) {
     const { inCrossRef } = (0, providers_1.useXRefState)();
     // If we are in a cross-reference popout, hide the hash links
     if (inCrossRef)

package/dist/cjs/iframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,eAAO,MAAM,MAAM,EAAE,YAiCpB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAuB1D,eAAO,MAAM,MAAM,EAAE,YAkCpB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cjs/iframe.js

@@ -2,12 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IFrame = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/** This is duplicated in image, but a bit different logic */
+function getStyleValue(width) {
+    if (typeof width === 'number' && Number.isNaN(width)) {
+        // If it is nan, return undefined.
+        return undefined;
+    }
+    if (typeof width === 'string') {
+        if (width.endsWith('%')) {
+            return getStyleValue(Number(width.replace('%', '')));
+        }
+        else if (width.endsWith('px')) {
+            const px = getStyleValue(Number(width.replace('px', '')));
+            return px ? px / 750 : 70;
+        }
+        else if (!Number.isNaN(Number(width))) {
+            return Number(width);
+        }
+        console.log(`Unknown width ${width} in getImageWidth`);
+        return undefined;
+    }
+    return width;
+}
 const IFrame = (node) => {
+    const width = getStyleValue(node.width) || 70;
     return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: node.label || undefined, style: { textAlign: node.align || 'center' } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
                 position: 'relative',
                 display: 'inline-block',
                 paddingBottom: '60%',
-                width: `min(max(${node.width || 70}%, 500px), 100%)`,
+                width: `min(max(${width}%, 500px), 100%)`,
             } }, { children: (0, jsx_runtime_1.jsx)("iframe", { width: "100%", height: "100%", src: node.src, allowFullScreen: true, allow: "autoplay", style: {
                     width: '100%',
                     height: '100%',

package/dist/types/iframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,eAAO,MAAM,MAAM,EAAE,YAiCpB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAuB1D,eAAO,MAAM,MAAM,EAAE,YAkCpB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",
   "files": [
@@ -17,14 +17,14 @@
     "build": "npm-run-all -l clean -p build:cjs build:types"
   },
   "dependencies": {
-    "@myst-theme/providers": "^0.1.25",
+    "@myst-theme/providers": "^0.1.27",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.13",
     "@popperjs/core": "^2.11.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",
     "myst-common": "^0.0.14",
-    "myst-config": "^0.0.9",
+    "myst-config": "^0.0.10",
     "myst-spec": "^0.0.4",
     "nanoid": "^4.0.0",
     "react-popper": "^2.3.0",