myst-to-react 0.1.18 → 0.1.20

package/dist/types/inlineError.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    value: string;
+    message?: string;
+}
+export declare function InlineError({ value, message }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=inlineError.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inlineError.d.ts","sourceRoot":"","sources":["../../src/inlineError.tsx"],"names":[],"mappings":";AAEA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,eAOpD"}

package/dist/types/links/github.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare function GithubLink({ children, url, org, repo, raw, file, from, to, }: {
+    children: React.ReactNode;
+    url: string;
+    raw: string;
+    org: string;
+    repo: string;
+    file: string;
+    from?: number;
+    to?: number;
+}): JSX.Element;
+//# sourceMappingURL=github.d.ts.map

package/dist/types/links/github.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../../src/links/github.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAwGnD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,EAAE,GACH,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,eAqBA"}

package/dist/types/links/index.d.ts

@@ -0,0 +1,14 @@
+import type { Link } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+type TransformedLink = Link & {
+    internal?: boolean;
+    protocol?: string;
+};
+export declare const link: NodeRenderer<TransformedLink>;
+export declare const linkBlock: NodeRenderer<TransformedLink>;
+declare const LINK_RENDERERS: {
+    link: NodeRenderer<TransformedLink>;
+    linkBlock: NodeRenderer<TransformedLink>;
+};
+export default LINK_RENDERERS;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/links/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAOtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAO1D,KAAK,eAAe,GAAG,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAiDxE,eAAO,MAAM,IAAI,EAAE,YAAY,CAAC,eAAe,CA+C9C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,eAAe,CAkCnD,CAAC;AAEF,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/links/rrid.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function RRIDLink({ rrid }: {
+    rrid: string;
+}): JSX.Element;
+//# sourceMappingURL=rrid.d.ts.map

package/dist/types/links/rrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rrid.d.ts","sourceRoot":"","sources":["../../../src/links/rrid.tsx"],"names":[],"mappings":";AAyEA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,eAOlD"}

package/dist/types/links/wiki.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare function WikiLink({ children, page, url, wiki, }: {
+    children: React.ReactNode;
+    page: string;
+    url: string;
+    wiki: string;
+}): JSX.Element;
+//# sourceMappingURL=wiki.d.ts.map

package/dist/types/links/wiki.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wiki.d.ts","sourceRoot":"","sources":["../../../src/links/wiki.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgG1B,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,eAQA"}

package/dist/types/math.d.ts

@@ -0,0 +1,13 @@
+import type { InlineMath, Math } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+type MathLike = (InlineMath | Math) & {
+    error?: boolean;
+    message?: string;
+    html?: string;
+};
+declare const MATH_RENDERERS: {
+    math: NodeRenderer<MathLike>;
+    inlineMath: NodeRenderer<MathLike>;
+};
+export default MATH_RENDERERS;
+//# sourceMappingURL=math.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/math.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA2B1D,KAAK,QAAQ,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuCF,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/reactive.d.ts

@@ -0,0 +1,88 @@
+/// <reference types="react" />
+import type { GenericNode } from 'mystjs';
+export declare const RVar: (node: GenericNode) => import("react").ReactElement<{
+    key: any;
+    name: any;
+    value: string | undefined;
+    ':value': any;
+    format: any;
+}, string | import("react").JSXElementConstructor<any>>;
+export declare const RDisplay: (node: GenericNode) => import("react").ReactElement<{
+    key: any;
+    name: any;
+    value: string | undefined;
+    ':value': any;
+    format: any;
+}, string | import("react").JSXElementConstructor<any>>;
+export declare const RDynamic: (node: GenericNode) => import("react").ReactElement<{
+    key: any;
+    name: any;
+    value: string | undefined;
+    ':value': any;
+    max: any;
+    ':max': any;
+    min: any;
+    ':min': any;
+    step: any;
+    ':step': any;
+    ':change': any;
+    format: any;
+}, string | import("react").JSXElementConstructor<any>>;
+export declare const RRange: (node: GenericNode) => import("react").ReactElement<{
+    key: any;
+    name: any;
+    value: string | undefined;
+    ':value': any;
+    max: any;
+    ':max': any;
+    min: any;
+    ':min': any;
+    step: any;
+    ':step': any;
+    ':change': any;
+}, string | import("react").JSXElementConstructor<any>>;
+declare const REACTIVE_RENDERERS: {
+    'r:var': (node: GenericNode) => import("react").ReactElement<{
+        key: any;
+        name: any;
+        value: string | undefined;
+        ':value': any;
+        format: any;
+    }, string | import("react").JSXElementConstructor<any>>;
+    'r:display': (node: GenericNode) => import("react").ReactElement<{
+        key: any;
+        name: any;
+        value: string | undefined;
+        ':value': any;
+        format: any;
+    }, string | import("react").JSXElementConstructor<any>>;
+    'r:dynamic': (node: GenericNode) => import("react").ReactElement<{
+        key: any;
+        name: any;
+        value: string | undefined;
+        ':value': any;
+        max: any;
+        ':max': any;
+        min: any;
+        ':min': any;
+        step: any;
+        ':step': any;
+        ':change': any;
+        format: any;
+    }, string | import("react").JSXElementConstructor<any>>;
+    'r:range': (node: GenericNode) => import("react").ReactElement<{
+        key: any;
+        name: any;
+        value: string | undefined;
+        ':value': any;
+        max: any;
+        ':max': any;
+        min: any;
+        ':min': any;
+        step: any;
+        ':step': any;
+        ':change': any;
+    }, string | import("react").JSXElementConstructor<any>>;
+};
+export default REACTIVE_RENDERERS;
+//# sourceMappingURL=reactive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../../src/reactive.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG1C,eAAO,MAAM,IAAI,SAAU,WAAW;;;;;;uDAQrC,CAAC;AAEF,eAAO,MAAM,QAAQ,SAAU,WAAW;;;;;;uDAQzC,CAAC;AAEF,eAAO,MAAM,QAAQ,SAAU,WAAW;;;;;;;;;;;;;uDAezC,CAAC;AAEF,eAAO,MAAM,MAAM,SAAU,WAAW;;;;;;;;;;;;uDAcvC,CAAC;AAEF,QAAA,MAAM,kBAAkB;oBArDG,WAAW;;;;;;;wBAUP,WAAW;;;;;;;wBAUX,WAAW;;;;;;;;;;;;;;sBAiBb,WAAW;;;;;;;;;;;;;CAqBvC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/types/tabs.d.ts

@@ -0,0 +1,12 @@
+import type { GenericNode } from 'myst-common';
+import type { NodeRenderer } from '@myst-theme/providers';
+interface TabItem extends GenericNode {
+    key: string;
+    title: string;
+    sync?: string;
+}
+export declare const TabSetRenderer: NodeRenderer;
+export declare const TabItemRenderer: NodeRenderer<TabItem>;
+declare const TAB_RENDERERS: Record<string, NodeRenderer>;
+export default TAB_RENDERERS;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,UAAU,OAAQ,SAAQ,WAAW;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,cAAc,EAAE,YAiC5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,OAAO,CAOjD,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAG/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,34 +1,32 @@
 {
   "name": "myst-to-react",
-  "version": "0.1.18",
-  "main": "./src/index.tsx",
-  "types": "./src/index.tsx",
+  "version": "0.1.20",
+  "main": "dist/cjs/index.js",
+  "types": "dist/types/index.d.ts",
   "files": [
-    "src"
+    "dist"
   ],
   "license": "MIT",
   "scripts": {
+    "clean": "rimraf dist",
     "compile": "tsc",
     "lint": "eslint \"src/**/*.ts*\" \"src/**/*.tsx\" -c ./.eslintrc.js",
-    "lint:format": "prettier --check \"src/**/*.{ts,tsx,md}\""
+    "lint:format": "prettier --check \"src/**/*.{ts,tsx,md}\"",
+    "dev": "npm-run-all --parallel \"build:* -- --watch\"",
+    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "build:types": "tsc --declaration --emitDeclarationOnly --declarationMap --outDir dist/types",
+    "build": "npm-run-all -l clean -p build:cjs build:types"
   },
   "dependencies": {
-    "@curvenote/blocks": "^1.5.15",
-    "@curvenote/connect": "^0.0.6",
-    "@curvenote/nbtx": "^0.1.11",
-    "@curvenote/ui-providers": "*",
+    "@myst-theme/providers": "^0.1.20",
     "@headlessui/react": "^1.6.5",
-    "@heroicons/react": "^1.0.6",
+    "@heroicons/react": "^2.0.12",
     "@popperjs/core": "^2.11.5",
-    "ansi-to-react": "^6.1.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.1",
-    "mermaid": "^9.1.7",
+    "myst-common": "^0.0.12",
+    "myst-config": "^0.0.6",
     "myst-spec": "^0.0.4",
-    "myst-to-docx": "*",
-    "myst-to-tex": "*",
-    "myst-transforms": "*",
-    "mystjs": "^0.0.13",
     "nanoid": "^4.0.0",
     "react-popper": "^2.3.0",
     "react-syntax-highlighter": "^15.5.0",
@@ -36,8 +34,6 @@
     "unist-util-select": "^4.0.1"
   },
   "peerDependencies": {
-    "@remix-run/node": "^1.7.2",
-    "@remix-run/react": "^1.7.2",
     "@types/react": "^16.8 || ^17.0 || ^18.0",
     "@types/react-dom": "^16.8 || ^17.0 || ^18.0",
     "react": "^16.8 || ^17.0 || ^18.0",
@@ -46,11 +42,12 @@
   },
   "devDependencies": {
     "@types/js-yaml": "^4.0.5",
-    "@types/mermaid": "^8.2.9",
     "@types/react-syntax-highlighter": "^15.5.5",
     "eslint": "^8.21.0",
-    "eslint-config-curvenote": "*",
-    "tsconfig": "*",
+    "eslint-config-curvenote": "latest",
+    "npm-run-all": "^4.1.5",
+    "react-redux": "^8.0.5",
+    "tsconfig": "latest",
     "typescript": "latest"
   },
   "overrides": {

package/src/admonitions.tsx

@@ -1,183 +0,0 @@
-import type * as spec from 'myst-spec';
-import React, { useState } from 'react';
-import type { NodeRenderer } from './types';
-import {
-  InformationCircleIcon,
-  ExclamationIcon as OExclamationIcon,
-  SpeakerphoneIcon,
-  PencilAltIcon,
-  ArrowCircleRightIcon,
-} from '@heroicons/react/outline';
-import {
-  ExclamationIcon as SExclamationIcon,
-  ExclamationCircleIcon as SExclamationCircleIcon,
-  XCircleIcon,
-  LightBulbIcon,
-  LightningBoltIcon,
-  ChevronRightIcon,
-} from '@heroicons/react/solid';
-import classNames from 'classnames';
-// import { AdmonitionKind } from 'mystjs';
-
-// TODO: get this from myst-spec?
-enum AdmonitionKind {
-  admonition = 'admonition',
-  attention = 'attention',
-  caution = 'caution',
-  danger = 'danger',
-  error = 'error',
-  important = 'important',
-  hint = 'hint',
-  note = 'note',
-  seealso = 'seealso',
-  tip = 'tip',
-  warning = 'warning',
-}
-
-type ColorAndKind = {
-  kind: AdmonitionKind;
-  color: 'blue' | 'green' | 'yellow' | 'red';
-};
-
-function getClasses(className?: string) {
-  const classes =
-    className
-      ?.split(' ')
-      .map((s) => s.trim().toLowerCase())
-      .filter((s) => !!s) ?? [];
-  return [...new Set(classes)];
-}
-
-function getFirstKind({
-  kind,
-  classes = [],
-}: {
-  kind?: AdmonitionKind | string;
-  classes?: string[];
-}): ColorAndKind {
-  if (kind === AdmonitionKind.note || classes.includes('note')) {
-    return { kind: AdmonitionKind.note, color: 'blue' };
-  }
-  if (kind === AdmonitionKind.important || classes.includes('important')) {
-    return { kind: AdmonitionKind.important, color: 'blue' };
-  }
-  if (kind === AdmonitionKind.hint || classes.includes('hint')) {
-    return { kind: AdmonitionKind.hint, color: 'green' };
-  }
-  if (kind === AdmonitionKind.seealso || classes.includes('seealso')) {
-    return { kind: AdmonitionKind.seealso, color: 'green' };
-  }
-  if (kind === AdmonitionKind.tip || classes.includes('tip')) {
-    return { kind: AdmonitionKind.tip, color: 'green' };
-  }
-  if (kind === AdmonitionKind.attention || classes.includes('attention')) {
-    return { kind: AdmonitionKind.attention, color: 'yellow' };
-  }
-  if (kind === AdmonitionKind.warning || classes.includes('warning')) {
-    return { kind: AdmonitionKind.warning, color: 'yellow' };
-  }
-  if (kind === AdmonitionKind.caution || classes.includes('caution')) {
-    return { kind: AdmonitionKind.caution, color: 'yellow' };
-  }
-  if (kind === AdmonitionKind.danger || classes.includes('danger')) {
-    return { kind: AdmonitionKind.danger, color: 'red' };
-  }
-  if (kind === AdmonitionKind.error || classes.includes('error')) {
-    return { kind: AdmonitionKind.error, color: 'red' };
-  }
-  return { kind: AdmonitionKind.note, color: 'blue' };
-}
-
-const iconClass = 'h-8 w-8 inline-block pl-2 mr-2 -translate-y-[1px]';
-
-function AdmonitionIcon({ kind }: { kind: AdmonitionKind }) {
-  if (kind === AdmonitionKind.note) return <InformationCircleIcon className={iconClass} />;
-  if (kind === AdmonitionKind.caution) return <OExclamationIcon className={iconClass} />;
-  if (kind === AdmonitionKind.warning) return <SExclamationIcon className={iconClass} />;
-  if (kind === AdmonitionKind.danger) return <SExclamationCircleIcon className={iconClass} />;
-  if (kind === AdmonitionKind.error) return <XCircleIcon className={iconClass} />;
-  if (kind === AdmonitionKind.attention) return <SpeakerphoneIcon className={iconClass} />;
-  if (kind === AdmonitionKind.tip) return <PencilAltIcon className={iconClass} />;
-  if (kind === AdmonitionKind.hint) return <LightBulbIcon className={iconClass} />;
-  if (kind === AdmonitionKind.important) return <LightningBoltIcon className={iconClass} />;
-  if (kind === AdmonitionKind.seealso) return <ArrowCircleRightIcon className={iconClass} />;
-  return <InformationCircleIcon className={iconClass} />;
-}
-
-export const AdmonitionTitle: NodeRenderer<spec.AdmonitionTitle> = (node, children) => {
-  return children;
-};
-
-function Admonition({
-  title,
-  kind,
-  color,
-  dropdown,
-  children,
-}: ColorAndKind & { title: React.ReactNode; children: React.ReactNode[]; dropdown: boolean }) {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <aside
-      className={classNames(
-        'admonition rounded-md my-4 border-l-4 shadow-md dark:shadow-2xl dark:shadow-neutral-900',
-        {
-          'border-blue-500': color === 'blue',
-          'border-green-600': color === 'green',
-          'border-amber-600': color === 'yellow',
-          'border-red-600': color === 'red',
-        },
-      )}
-    >
-      <p
-        className={classNames('admonition-header m-0 text-lg font-medium py-1', {
-          'text-blue-600 bg-blue-50 dark:bg-slate-900': color === 'blue',
-          'text-green-600 bg-green-50 dark:bg-slate-900': color === 'green',
-          'text-amber-600 bg-amber-50 dark:bg-slate-900': color === 'yellow',
-          'text-red-600 bg-red-50 dark:bg-slate-900': color === 'red',
-          'cursor-pointer hover:shadow-[inset_0_0_0px_20px_#00000003] dark:hover:shadow-[inset_0_0_0px_20px_#FFFFFF03]':
-            dropdown,
-        })}
-        onClick={dropdown ? () => setOpen(!open) : undefined}
-      >
-        <AdmonitionIcon kind={kind} />
-        <span className="text-neutral-900 dark:text-white">
-          {dropdown && (
-            <span className="block float-right font-thin text-sm text-neutral-700 dark:text-neutral-200">
-              {!open && 'Click to show'}
-              <ChevronRightIcon
-                className={classNames(iconClass, 'transition-transform', {
-                  'rotate-90 -translate-y-[5px]': open,
-                })}
-              />
-            </span>
-          )}
-          {title}
-        </span>
-      </p>
-      {(!dropdown || open) && (
-        <div className="px-4 py-1 bg-gray-50 dark:bg-stone-800">{children}</div>
-      )}
-    </aside>
-  );
-}
-
-export const AdmonitionRenderer: NodeRenderer<spec.Admonition> = (node, children) => {
-  const [title, ...rest] = children as any[];
-  const classes = getClasses(node.class);
-  const { kind, color } = getFirstKind({ kind: node.kind, classes });
-  const isDropdown = classes.includes('dropdown');
-
-  return (
-    <Admonition key={node.key} title={title} kind={kind} color={color} dropdown={isDropdown}>
-      {rest}
-    </Admonition>
-  );
-};
-
-const ADMONITION_RENDERERS = {
-  admonition: AdmonitionRenderer,
-  admonitionTitle: AdmonitionTitle,
-};
-
-export default ADMONITION_RENDERERS;