@myst-theme/jupyter 0.14.0 → 0.14.2

package/README.md

@@ -1,6 +1,6 @@
-# @myst-theme/diagrams
+# @myst-theme/jupyter
 
-[![myst-demo on npm](https://img.shields.io/npm/v/myst-demo.svg)](https://www.npmjs.com/package/myst-demo)
-[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/curvenote/curvenote/blob/main/LICENSE)
+[![@myst-theme/jupyter on npm](https://img.shields.io/npm/v/@myst-theme/jupyter.svg)](https://www.npmjs.com/package/@myst-theme/jupyter)
+[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/jupyter-book/myst-theme/blob/main/LICENSE)
 
-A demo component for MyST
+React components for integrating Jupyter with MyST.

package/dist/block.d.ts

@@ -1,11 +1,9 @@
 import type { GenericParent } from 'myst-common';
-import type { NodeRenderers, NodeRenderer } from '@myst-theme/providers';
-export declare function NotebookBlock({ id, node, className, }: {
-    id: string;
+import type { NodeRenderers } from '@myst-theme/providers';
+export declare function NotebookBlock({ node, className }: {
     node: GenericParent;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare const NotebookBlockRenderer: NodeRenderer;
 /**
  * The logic for the selector is complex:
  *

package/dist/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../src/block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEzE,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,IAAI,EACJ,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuCA;AAED,eAAO,MAAM,qBAAqB,EAAE,YASnC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAItC,CAAC"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../src/block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAgC7F;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB,EAAE,aAItC,CAAC"}

package/dist/block.js

@@ -3,27 +3,19 @@ import { Details, MyST } from 'myst-to-react';
 import { SourceFileKind } from 'myst-spec-ext';
 import classNames from 'classnames';
 import { NotebookClearCell, NotebookRunCell, NotebookRunCellSpinnerOnly, } from './controls/index.js';
-import { useGridSystemProvider, usePageKind } from '@myst-theme/providers';
-export function NotebookBlock({ id, node, className, }) {
+import { usePageKind } from '@myst-theme/providers';
+export function NotebookBlock({ node, className }) {
     var _a, _b;
     const pageKind = usePageKind();
-    const grid = useGridSystemProvider();
-    const subGrid = node.visibility === 'hide' ? '' : `${grid} subgrid-gap col-screen`;
-    const dataClassName = typeof ((_a = node.data) === null || _a === void 0 ? void 0 : _a.class) === 'string' ? (_b = node.data) === null || _b === void 0 ? void 0 : _b.class : undefined;
-    // Hide the subgrid if either the dataClass or the className exists and includes `col-`
-    const noSubGrid = (dataClassName && dataClassName.includes('col-')) || (className && className.includes('col-'));
-    const block = (_jsxs("div", { id: id, className: classNames('relative group/block', className, dataClassName, {
-            [subGrid]: !noSubGrid,
+    const block = (_jsxs("div", { id: node.key, className: classNames('relative group/block', className, node.class, {
+            [(_a = node.data) === null || _a === void 0 ? void 0 : _a.class]: typeof ((_b = node.data) === null || _b === void 0 ? void 0 : _b.class) === 'string',
             hidden: node.visibility === 'remove',
-        }), children: [pageKind === SourceFileKind.Notebook && node.kind === 'notebook-code' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex sticky top-[80px] z-10 opacity-70 group-hover/block:opacity-100 group-hover/block:hidden", children: _jsx("div", { className: "absolute top-0 -right-[28px] flex md:flex-col", children: _jsx(NotebookRunCellSpinnerOnly, { id: id }) }) }), _jsx("div", { className: "hidden sticky top-[80px] z-10 opacity-70 group-hover/block:opacity-100 group-hover/block:flex", children: _jsxs("div", { className: "absolute top-0 -right-[28px] flex md:flex-col", children: [_jsx(NotebookRunCell, { id: id }), _jsx(NotebookClearCell, { id: id })] }) })] })), _jsx(MyST, { ast: node.children })] }, `block-${id}`));
+        }), children: [pageKind === SourceFileKind.Notebook && node.kind === 'notebook-code' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex sticky top-[80px] z-10 opacity-70 group-hover/block:opacity-100 group-hover/block:hidden", children: _jsx("div", { className: "absolute top-0 -right-[28px] flex md:flex-col", children: _jsx(NotebookRunCellSpinnerOnly, { id: node.key }) }) }), _jsx("div", { className: "hidden sticky top-[80px] z-10 opacity-70 group-hover/block:opacity-100 group-hover/block:flex", children: _jsxs("div", { className: "absolute top-0 -right-[28px] flex md:flex-col", children: [_jsx(NotebookRunCell, { id: node.key }), _jsx(NotebookClearCell, { id: node.key })] }) })] })), _jsx(MyST, { ast: node.children })] }));
     if (node.visibility === 'hide') {
         return _jsx(Details, { title: "Notebook Cell", children: block });
     }
     return block;
 }
-export const NotebookBlockRenderer = ({ node, className }) => {
-    return (_jsx(NotebookBlock, { id: node.key, node: node, className: classNames(node.class, className) }, node.key));
-};
 /**
  * The logic for the selector is complex:
  *
@@ -37,6 +29,6 @@ export const NotebookBlockRenderer = ({ node, className }) => {
  */
 export const NOTEBOOK_BLOCK_RENDERERS = {
     block: {
-        'block[kind=notebook-code],block[kind=notebook-content]': NotebookBlockRenderer,
+        'block[kind=notebook-code],block[kind=notebook-content]': NotebookBlock,
     },
 };

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAKd,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAqCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC;AAED,wBAAgB,eAAe;;;;yBAOpB,iBAAiB;;kCAkBZ,MAAM;EAqBrB"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAKd,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAoCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC;AAED,wBAAgB,eAAe;;;;yBAOpB,iBAAiB;;kCAkBZ,MAAM;EAqBrB"}

package/dist/hooks.js

@@ -47,8 +47,8 @@ export function useLongContent(content, url) {
         return { data: { content: content !== null && content !== void 0 ? content : '' } };
     return { data, error };
 }
-const arrayFetcher = (...urls) => {
-    return Promise.all(urls.map((url) => fetcher(url[0])));
+const arrayFetcher = (urls) => {
+    return Promise.all(urls.map((url) => fetcher(url)));
 };
 function shallowCloneOutputs(outputs) {
     return outputs.map((output) => {
@@ -72,7 +72,8 @@ export function useFetchAnyTruncatedContent(outputs) {
             itemsWithPaths.push(obj);
         }
     });
-    const { data, error } = useSWRImmutable(itemsWithPaths.map(({ path }) => path), arrayFetcher);
+    const paths = itemsWithPaths.map(({ path }) => path);
+    const { data, error } = useSWRImmutable(paths, arrayFetcher);
     data === null || data === void 0 ? void 0 : data.forEach(({ content }, idx) => {
         const obj = itemsWithPaths[idx];
         if ('text' in obj) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/jupyter",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,7 +25,7 @@
     "@curvenote/ansi-to-react": "^7.0.0",
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/providers": "^0.14.0",
+    "@myst-theme/providers": "^0.14.2",
     "@scienceicons/react": "^0.0.11",
     "buffer": "^6.0.3",
     "classnames": "^2.5.1",
@@ -35,7 +35,7 @@
     "myst-frontmatter": "^1.7.9",
     "myst-spec": "^0.0.5",
     "myst-spec-ext": "^1.7.9",
-    "myst-to-react": "^0.14.0",
+    "myst-to-react": "^0.14.2",
     "nanoid": "^4.0.2",
     "nbtx": "^0.2.3",
     "react-syntax-highlighter": "^15.5.0",