myst-to-react 0.1.18 → 0.1.20

package/src/output/selectors.ts

@@ -1,15 +0,0 @@
-import type { HostState } from '@curvenote/connect';
-import { host } from '@curvenote/connect';
-
-export interface State {
-  app: HostState;
-}
-
-export const selectIFrameHeight = (state: State, id: string) =>
-  host.selectors.selectIFrameSize(state.app, id);
-
-export const selectIFrameReady = (state: State, id: string) =>
-  host.selectors.selectIFrameReady(state.app, id);
-
-export const selectIFrameSendFailed = (state: State, id: string) =>
-  host.selectors.selectIFrameFailed(state.app, id);

package/src/output/stream.tsx

@@ -1,18 +0,0 @@
-import Ansi from 'ansi-to-react';
-import { ensureString } from '@curvenote/blocks';
-import type { MinifiedStreamOutput } from '@curvenote/nbtx';
-import { MaybeLongContent } from './components';
-
-export default function Stream({ output }: { output: MinifiedStreamOutput }) {
-  return (
-    <MaybeLongContent
-      content={ensureString(output.text)}
-      path={output.path}
-      render={(content?: string) => (
-        <pre className="text-sm font-thin font-system">
-          <Ansi>{content ?? ''}</Ansi>
-        </pre>
-      )}
-    />
-  );
-}

package/src/reactive.tsx

@@ -1,64 +0,0 @@
-import type { GenericNode } from 'mystjs';
-import { createElement as e } from 'react';
-
-export const RVar = (node: GenericNode) => {
-  return e('r-var', {
-    key: node.key,
-    name: node.name,
-    value: node.value,
-    ':value': node.valueFunction,
-    format: node.format,
-  });
-};
-
-export const RDisplay = (node: GenericNode) => {
-  return e('r-display', {
-    key: node.key,
-    name: node.name,
-    value: node.value,
-    ':value': node.valueFunction,
-    format: node.format,
-  });
-};
-
-export const RDynamic = (node: GenericNode) => {
-  return e('r-dynamic', {
-    key: node.key,
-    name: node.name,
-    value: node.value,
-    ':value': node.valueFunction,
-    max: node.max,
-    ':max': node.maxFunction,
-    min: node.min,
-    ':min': node.minFunction,
-    step: node.step,
-    ':step': node.stepFunction,
-    ':change': node.changeFunction,
-    format: node.format,
-  });
-};
-
-export const RRange = (node: GenericNode) => {
-  return e('r-range', {
-    key: node.key,
-    name: node.name,
-    value: node.value,
-    ':value': node.valueFunction,
-    max: node.max,
-    ':max': node.maxFunction,
-    min: node.min,
-    ':min': node.minFunction,
-    step: node.step,
-    ':step': node.stepFunction,
-    ':change': node.changeFunction,
-  });
-};
-
-const REACTIVE_RENDERERS = {
-  'r:var': RVar,
-  'r:display': RDisplay,
-  'r:dynamic': RDynamic,
-  'r:range': RRange,
-};
-
-export default REACTIVE_RENDERERS;

package/src/tabs.tsx

@@ -1,63 +0,0 @@
-import { useIsTabOpen, useTabSet } from '@curvenote/ui-providers';
-import classNames from 'classnames';
-import type { GenericNode } from 'mystjs';
-import { useEffect } from 'react';
-import { selectAll } from 'unist-util-select';
-import type { NodeRenderer } from './types';
-
-interface TabItem extends GenericNode {
-  key: string;
-  title: string;
-  sync?: string;
-}
-
-export const TabSetRenderer: NodeRenderer = (node, children) => {
-  const items = selectAll('tabItem', node) as TabItem[];
-  const keys = items.map((item) => item.sync || item.key);
-  const { onClick, active } = useTabSet(keys);
-  useEffect(() => {
-    onClick(items[0]?.sync || items[0]?.key);
-  }, []);
-  return (
-    <div key={node.key} className="">
-      <div className="flex flex-row border-b border-b-gray-100 overflow-x-auto">
-        {items.map((item) => {
-          const key = item.sync || item.key;
-          return (
-            <div
-              key={item.key}
-              className={classNames('flex-none px-3 py-1 font-semibold cursor-pointer', {
-                'text-blue-600 border-b-2 border-b-blue-600 dark:border-b-white dark:text-white':
-                  active[key],
-                'text-gray-500 dark:text-gray-300 hover:text-gray-700 dark:hover:text-gray-100':
-                  !active[key],
-              })}
-              onClick={() => onClick(key)}
-            >
-              {item.title}
-            </div>
-          );
-        })}
-      </div>
-      <div className="shadow flex">
-        <div className="w-full px-6">{children}</div>
-      </div>
-    </div>
-  );
-};
-
-export const TabItemRenderer: NodeRenderer<TabItem> = (node, children) => {
-  const open = useIsTabOpen(node.sync || node.key);
-  return (
-    <div key={node.key} className={classNames({ hidden: !open })}>
-      {children}
-    </div>
-  );
-};
-
-const TAB_RENDERERS: Record<string, NodeRenderer> = {
-  tabSet: TabSetRenderer,
-  tabItem: TabItemRenderer,
-};
-
-export default TAB_RENDERERS;

package/src/types.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-
-export type NodeRenderer<T = any> = (
-  node: T & { type: string; key: string; html_id?: string },
-  children?: React.ReactNode,
-) => React.ReactNode;