@xyo-network/react-typedoc 2.64.0 → 2.64.2

package/dist/browser/ReflectionViewer/Project.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ReflectionViewer/Project.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { ProjectReflection, ReflectionGroup } from 'typedoc'\n\nimport { createLookup } from '../createLookup'\nimport { ContainerReflectionViewerProps } from './Container'\nimport { ReflectionGroupViewer } from './ReflectionGroupViewer'\nimport { ReflectionViewer } from './ReflectionViewer'\n\nexport const ProjectReflectionViewer: React.FC<ContainerReflectionViewerProps<ProjectReflection>> = ({\n  reflection,\n  hiddenFlags,\n  itemRenderer = ReflectionViewer,\n  ...props\n}) => {\n  const lookup = useMemo(() => createLookup(reflection), [reflection])\n  return (\n    <ReflectionViewer title=\"ProjectReflectionViewer\" hiddenFlags={hiddenFlags} reflection={reflection} {...props}>\n      {useMemo(() => {\n        return reflection.groups?.map((group: ReflectionGroup) => {\n          return (\n            <ReflectionGroupViewer\n              autoscroll\n              variant=\"h6\"\n              lookup={lookup}\n              key={group.title}\n              renderer={itemRenderer}\n              group={group}\n              reflection={reflection}\n              alignItems=\"stretch\"\n              hiddenFlags={hiddenFlags}\n            />\n          )\n        })\n      }, [lookup, reflection, hiddenFlags, itemRenderer])}\n    </ReflectionViewer>\n  )\n}\n"],"mappings":"AAoBY;AApBZ,SAAS,eAAe;AAGxB,SAAS,oBAAoB;AAE7B,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AAE1B,MAAM,0BAAuF,CAAC;AAAA,EACnG;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,QAAQ,MAAM,aAAa,UAAU,GAAG,CAAC,UAAU,CAAC;AACnE,SACE,oBAAC,oBAAiB,OAAM,2BAA0B,aAA0B,YAAyB,GAAG,OACrG,kBAAQ,MAAM;AACb,WAAO,WAAW,QAAQ,IAAI,CAAC,UAA2B;AACxD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAU;AAAA,UACV,SAAQ;AAAA,UACR;AAAA,UAEA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,YAAW;AAAA,UACX;AAAA;AAAA,QALK,MAAM;AAAA,MAMb;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,YAAY,aAAa,YAAY,CAAC,GACpD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ReflectionViewer/Project.tsx","../../../src/createLookup.ts","../../../src/ReflectionViewer/ReflectionGroupViewer.tsx","../../../src/JsonViewerButton.tsx","../../../src/resolveChildren.ts","../../../src/ReflectionViewer/ReflectionViewer.tsx","../../../src/CommentViewer.tsx","../../../src/ReflectionViewer/NameViewer.tsx","../../../src/trimFlagLabel.ts","../../../src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts","../../../src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { ProjectReflection, ReflectionGroup } from 'typedoc'\n\nimport { createLookup } from '../createLookup'\nimport { ContainerReflectionViewerProps } from './Container'\nimport { ReflectionGroupViewer } from './ReflectionGroupViewer'\nimport { ReflectionViewer } from './ReflectionViewer'\n\nexport const ProjectReflectionViewer: React.FC<ContainerReflectionViewerProps<ProjectReflection>> = ({\n  reflection,\n  hiddenFlags,\n  itemRenderer = ReflectionViewer,\n  ...props\n}) => {\n  const lookup = useMemo(() => createLookup(reflection), [reflection])\n  return (\n    <ReflectionViewer title=\"ProjectReflectionViewer\" hiddenFlags={hiddenFlags} reflection={reflection} {...props}>\n      {useMemo(() => {\n        return reflection.groups?.map((group: ReflectionGroup) => {\n          return (\n            <ReflectionGroupViewer\n              autoscroll\n              variant=\"h6\"\n              lookup={lookup}\n              key={group.title}\n              renderer={itemRenderer}\n              group={group}\n              reflection={reflection}\n              alignItems=\"stretch\"\n              hiddenFlags={hiddenFlags}\n            />\n          )\n        })\n      }, [lookup, reflection, hiddenFlags, itemRenderer])}\n    </ReflectionViewer>\n  )\n}\n","import type { ContainerReflection, DeclarationReflection } from 'typedoc'\n\nexport const createLookup = <T extends DeclarationReflection>(reflection: ContainerReflection) => {\n  const lookup: Record<number, T> = {}\n  reflection.children?.forEach((item) => (lookup[item.id] = item as unknown as T))\n  return lookup\n}\n","import { Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport type { ContainerReflection, ReflectionFlags, ReflectionGroup } from 'typedoc'\n\nimport { JsonViewerButton } from '../JsonViewerButton'\nimport { resolveChildren } from '../resolveChildren'\nimport { ReflectionViewer } from './ReflectionViewer'\nimport { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps'\n\nexport interface ReflectionGroupViewerProps extends ReflectionViewerProps<ContainerReflection> {\n  autoscroll?: boolean\n  group: ReflectionGroup\n  reflection: ContainerReflection\n  renderer?: React.FC<ReflectionViewerProps>\n}\n\nexport const ReflectionGroupViewer: React.FC<ReflectionGroupViewerProps> = ({\n  autoscroll = false,\n  children,\n  hiddenFlags,\n  group,\n  lookup,\n  renderer = ReflectionViewer,\n  variant,\n  ...props\n}) => {\n  const hide = (flags?: ReflectionFlags, hiddenFlags: FlagFilter[] = []) => {\n    let hide = false\n    hiddenFlags.map((hiddenFlag) => {\n      if (flags?.[hiddenFlag]) {\n        hide = true\n      }\n    })\n    return hide\n  }\n\n  const resolvedChildern = resolveChildren(group, lookup) ?? []\n\n  const visibleChildren = hiddenFlags\n    ? resolvedChildern.reduce((acc, item) => {\n        return acc + (hide(item.flags, hiddenFlags) ? 0 : 1)\n      }, 0)\n    : 1\n\n  const { hash } = useLocation()\n  useEffect(() => {\n    if (hash && autoscroll) {\n      document.querySelector(hash)?.scrollIntoView({ behavior: 'smooth' })\n    }\n  }, [hash, autoscroll])\n  return visibleChildren > 0 ? (\n    <FlexCol title=\"ReflectionGroupViewer\" {...props}>\n      <FlexRow marginY={1} justifyContent=\"flex-start\">\n        <Typography variant={variant}>{group.title}</Typography>\n        <JsonViewerButton\n          jsonViewProps={{ collapsed: 1 }}\n          size=\"small\"\n          variant=\"contained\"\n          padding={0}\n          marginX={1}\n          src={resolveChildren(group, lookup)}\n        />\n      </FlexRow>\n      {resolveChildren(group, lookup).map((reflection) => {\n        return reflection ? (\n          // I wrap this in a div since React does not understand that they have keys using the Renderer\n          <div id={reflection.name} key={reflection.id}>\n            {renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection })}\n          </div>\n        ) : null\n      })}\n      {children}\n    </FlexCol>\n  ) : null\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { lazy, Suspense, useState } from 'react'\nimport { ReactJsonViewProps } from 'react-json-view'\n\nconst JsonView = lazy(() => import(/* webpackChunkName: \"jsonView\" */ 'react-json-view'))\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        JSON\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <Suspense fallback={<div />}>\n            <JsonView src={src} {...jsonViewProps} />\n          </Suspense>\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import type { Reflection } from 'typedoc'\n\nimport { ReflectionLookup } from './ReflectionLookup'\nimport { SomeReflection } from './SomeReflection'\n\ntype ReflectionWithChildren = { children: Reflection[] }\n\nexport const resolveChildren = <T extends SomeReflection>(reflection: ReflectionWithChildren, lookup: ReflectionLookup = {}): T[] => {\n  return (reflection.children?.map((child) => {\n    switch (typeof child) {\n      case 'object':\n        return child\n      case 'number': {\n        const childObj = lookup[child]\n        if (childObj === undefined) {\n          throw Error(`Child Reference Not Found [${child}]`)\n        }\n        return childObj\n      }\n      default:\n        throw Error(`Invalid Child Type [${typeof child}, ${child}]`)\n    }\n  }) ?? []) as T[]\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport type { ReflectionFlags } from 'typedoc'\n\nimport { CommentViewer } from '../CommentViewer'\nimport { SomeReflection } from '../SomeReflection'\nimport { NameViewer } from './NameViewer'\nimport { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps'\n\nconst hide = (flags?: ReflectionFlags, hiddenFlags: FlagFilter[] = []) => {\n  let hide = false\n  hiddenFlags.map((hiddenFlag) => {\n    if (flags?.[hiddenFlag]) {\n      hide = true\n    }\n  })\n  return hide\n}\n\nexport const ReflectionViewer: React.FC<ReflectionViewerProps> = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {\n  const someReflection = reflection as SomeReflection\n\n  return hide(reflection?.flags, hiddenFlags) ? null : (\n    <FlexCol title=\"ReflectionViewer\" alignItems=\"stretch\" {...props}>\n      {nameViewer === undefined ? (\n        <NameViewer marginY={0.25} variant={variant} reflection={someReflection} reflectionViewer={ReflectionViewer} />\n      ) : (\n        nameViewer\n      )}\n      {reflection.comment ? <CommentViewer comment={reflection.comment} /> : null}\n      {/*sources && reflection.sources && children ? (\n        <>\n          {reflection.sources.map((source, index) => {\n            return <SourceViewer key={index} source={source} />\n          })}\n        </>\n        ) : null*/}\n      {someReflection.parameters?.map((parameter) => {\n        return <ReflectionViewer hiddenFlags={hiddenFlags} marginY={0.25} marginX={1} key={parameter.id} reflection={parameter} />\n      }) ?? null}\n      {children}\n    </FlexCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport type { Comment } from 'typedoc'\n\nexport interface CommentViewerProps extends FlexBoxProps {\n  comment: Comment\n}\n\nexport const CommentViewer: React.FC<CommentViewerProps> = ({ comment, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Typography variant=\"body2\">{comment.summary[0]?.text}</Typography>\n    </FlexCol>\n  )\n}\n","import { Chip, Stack, Typography, TypographyVariant } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nimport { JsonViewerButton } from '../JsonViewerButton'\nimport { SomeReflection } from '../SomeReflection'\nimport { trimFlagLabel } from '../trimFlagLabel'\nimport { ReflectionViewerProps } from './ReflectionViewerProps'\nimport { SomeTypeViewer } from './SomeTypeViewer'\n\nexport interface NameViewerProps extends FlexBoxProps {\n  reflection: SomeReflection\n  reflectionViewer: React.FC<ReflectionViewerProps>\n  variant?: TypographyVariant\n}\n\nexport const NameViewer: React.FC<NameViewerProps> = ({ reflectionViewer, variant, reflection, ...props }) => {\n  return (\n    <FlexRow justifyContent=\"flex-start\" {...props}>\n      <FlexRow marginRight={1}>\n        <Typography variant={variant} noWrap>\n          {reflection.name}\n          {reflection.type ? <>:&nbsp;</> : null}\n        </Typography>\n        <SomeTypeViewer reflection={reflection} reflectionViewer={reflectionViewer} />\n      </FlexRow>\n      <Stack direction=\"row\" spacing={1}>\n        <Chip size=\"small\" label={reflection.kind} />\n        {reflection.flags\n          ? Object.entries(reflection.flags).map(([flag, value]) => {\n              return value ? <Chip size=\"small\" key={flag} label={trimFlagLabel(flag)} variant=\"outlined\" /> : null\n            })\n          : null}\n      </Stack>\n      {document && document?.location.hostname === 'localhost' && (\n        <JsonViewerButton jsonViewProps={{ collapsed: 1 }} size=\"small\" variant=\"contained\" padding={0} marginX={1} src={reflection} />\n      )}\n    </FlexRow>\n  )\n}\n","export const trimFlagLabel = (label: string) => {\n  if (label.startsWith('is')) {\n    return label.substring(2)\n  }\n  return label\n}\n","import { Typography, TypographyProps } from '@mui/material'\n\nimport { SomeReflection } from '../../SomeReflection'\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { buildTypeString } from './buildTypeString'\n\nexport interface SomeTypeViewerProps extends TypographyProps {\n  opacity?: number\n  reflection: SomeReflection\n  reflectionViewer: React.FC<ReflectionViewerProps>\n}\n\nexport const SomeTypeViewer: React.FC<SomeTypeViewerProps> = ({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {\n  const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : ''\n  if (typeof typeReactNode === 'string') {\n    return (\n      <Typography title=\"SomeTypeViewer\" style={{ opacity }} {...props}>\n        {typeReactNode}\n      </Typography>\n    )\n  }\n  return <>{typeReactNode}</>\n}\n","import type { ArrayType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildArrayString = (typeObj: ArrayType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  const typeString = typeBuilder(typeObj.elementType, reflectionViewer)\n  if (typeof typeString === 'string') {\n    parts.push(typeString)\n  }\n  parts.push('[]')\n  return parts\n}\n","import type { IntersectionType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildIntersectionString = (typeObj: IntersectionType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  if (typeObj.types) {\n    parts.push(\n      typeObj.types\n        .map((arg) => {\n          return typeBuilder(arg, reflectionViewer)\n        })\n        .join(' & '),\n    )\n  }\n  return parts\n}\n","import type { ReferenceType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildReferenceString = (typeObj: ReferenceType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  parts.push(typeObj.name)\n  if (typeObj.typeArguments) {\n    parts.push('<')\n    parts.push(\n      typeObj.typeArguments\n        .map((arg) => {\n          return typeBuilder(arg, reflectionViewer)\n        })\n        .join(', '),\n    )\n    parts.push('>')\n  }\n  return parts\n}\n","import type { ReflectionType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\n\nexport const buildRelfectionString = (typeObj: ReflectionType, reflectionViewer: React.FC<ReflectionViewerProps>) => {\n  if (typeObj.declaration) {\n    return <>{reflectionViewer({ reflection: typeObj.declaration })}</>\n  }\n}\n","import type { UnionType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildUnionString = (typeObj: UnionType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  if (typeObj.types) {\n    parts.push(\n      typeObj.types\n        .map((arg) => {\n          return typeBuilder(arg, reflectionViewer)\n        })\n        .join(' | '),\n    )\n  }\n  return parts\n}\n","import { ReactNode } from 'react'\nimport type { SomeType, Type } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { buildArrayString } from './buildArrayString'\nimport { buildIntersectionString } from './buildIntersectionString'\nimport { buildReferenceString } from './buildReferenceString'\nimport { buildRelfectionString } from './buildReflectionString'\nimport { buildUnionString } from './buildUnionString'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildTypeString: TypeBuilder = (type: SomeType | Type, reflectionViewer: React.FC<ReflectionViewerProps>): ReactNode => {\n  const someType = type as SomeType\n  const parts: string[] = []\n\n  switch (someType.type) {\n    case 'intrinsic':\n      parts.push(someType.name)\n      break\n    case 'intersection': {\n      parts.push(...buildIntersectionString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'literal':\n      parts.push(JSON.stringify(someType.value))\n      break\n    case 'array': {\n      parts.push(...buildArrayString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'reference': {\n      parts.push(...buildReferenceString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'union': {\n      parts.push(...buildUnionString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'reflection': {\n      return buildRelfectionString(someType, reflectionViewer)\n    }\n    default:\n      parts.push('#')\n      parts.push(someType.type)\n      parts.push('#')\n      break\n  }\n  return parts.join('')\n}\n"],"mappings":"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","names":["Typography","FlexCol","FlexRow","FlexCol","jsx","Typography","Typography","Fragment","jsx","Fragment","jsx","Typography","Fragment","jsx","jsxs","Typography","jsx","jsxs","hide","FlexCol","jsx","jsxs","hide","hiddenFlags","FlexCol","FlexRow","Typography","jsx"]}

package/dist/browser/ReflectionViewer/ReflectionGroupViewer.js

@@ -1,12 +1,232 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Typography } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+// src/ReflectionViewer/ReflectionGroupViewer.tsx
+import { Typography as Typography4 } from "@mui/material";
+import { FlexCol as FlexCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
-import { JsonViewerButton } from "../JsonViewerButton";
-import { resolveChildren } from "../resolveChildren";
-import { ReflectionViewer } from "./ReflectionViewer";
-const ReflectionGroupViewer = ({
+
+// src/JsonViewerButton.tsx
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { lazy, Suspense, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonView = lazy(() => import(
+  /* webpackChunkName: "jsonView" */
+  "react-json-view"
+));
+var JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", {}), children: /* @__PURE__ */ jsx(JsonView, { src, ...jsonViewProps }) }) }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
+
+// src/resolveChildren.ts
+var resolveChildren = (reflection, lookup = {}) => {
+  return reflection.children?.map((child) => {
+    switch (typeof child) {
+      case "object":
+        return child;
+      case "number": {
+        const childObj = lookup[child];
+        if (childObj === void 0) {
+          throw Error(`Child Reference Not Found [${child}]`);
+        }
+        return childObj;
+      }
+      default:
+        throw Error(`Invalid Child Type [${typeof child}, ${child}]`);
+    }
+  }) ?? [];
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+
+// src/CommentViewer.tsx
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CommentViewer = ({ comment, ...props }) => {
+  return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx2(Typography, { variant: "body2", children: comment.summary[0]?.text }) });
+};
+
+// src/ReflectionViewer/NameViewer.tsx
+import { Chip, Stack, Typography as Typography3 } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+
+// src/trimFlagLabel.ts
+var trimFlagLabel = (label) => {
+  if (label.startsWith("is")) {
+    return label.substring(2);
+  }
+  return label;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+import { Typography as Typography2 } from "@mui/material";
+
+// src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx
+var buildArrayString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  const typeString = typeBuilder(typeObj.elementType, reflectionViewer);
+  if (typeof typeString === "string") {
+    parts.push(typeString);
+  }
+  parts.push("[]");
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx
+var buildIntersectionString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    parts.push(
+      typeObj.types.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(" & ")
+    );
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts
+var buildReferenceString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  parts.push(typeObj.name);
+  if (typeObj.typeArguments) {
+    parts.push("<");
+    parts.push(
+      typeObj.typeArguments.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(", ")
+    );
+    parts.push(">");
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var buildRelfectionString = (typeObj, reflectionViewer) => {
+  if (typeObj.declaration) {
+    return /* @__PURE__ */ jsx3(Fragment2, { children: reflectionViewer({ reflection: typeObj.declaration }) });
+  }
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx
+var buildUnionString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    parts.push(
+      typeObj.types.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(" | ")
+    );
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx
+var buildTypeString = (type, reflectionViewer) => {
+  const someType = type;
+  const parts = [];
+  switch (someType.type) {
+    case "intrinsic":
+      parts.push(someType.name);
+      break;
+    case "intersection": {
+      parts.push(...buildIntersectionString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "literal":
+      parts.push(JSON.stringify(someType.value));
+      break;
+    case "array": {
+      parts.push(...buildArrayString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "reference": {
+      parts.push(...buildReferenceString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "union": {
+      parts.push(...buildUnionString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "reflection": {
+      return buildRelfectionString(someType, reflectionViewer);
+    }
+    default:
+      parts.push("#");
+      parts.push(someType.type);
+      parts.push("#");
+      break;
+  }
+  return parts.join("");
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
+var SomeTypeViewer = ({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {
+  const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : "";
+  if (typeof typeReactNode === "string") {
+    return /* @__PURE__ */ jsx4(Typography2, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
+  }
+  return /* @__PURE__ */ jsx4(Fragment3, { children: typeReactNode });
+};
+
+// src/ReflectionViewer/NameViewer.tsx
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var NameViewer = ({ reflectionViewer, variant, reflection, ...props }) => {
+  return /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "flex-start", ...props, children: [
+    /* @__PURE__ */ jsxs2(FlexRow, { marginRight: 1, children: [
+      /* @__PURE__ */ jsxs2(Typography3, { variant, noWrap: true, children: [
+        reflection.name,
+        reflection.type ? /* @__PURE__ */ jsx5(Fragment4, { children: ":\xA0" }) : null
+      ] }),
+      /* @__PURE__ */ jsx5(SomeTypeViewer, { reflection, reflectionViewer })
+    ] }),
+    /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx5(Chip, { size: "small", label: reflection.kind }),
+      reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
+        return value ? /* @__PURE__ */ jsx5(Chip, { size: "small", label: trimFlagLabel(flag), variant: "outlined" }, flag) : null;
+      }) : null
+    ] }),
+    document && document?.location.hostname === "localhost" && /* @__PURE__ */ jsx5(JsonViewerButton, { jsonViewProps: { collapsed: 1 }, size: "small", variant: "contained", padding: 0, marginX: 1, src: reflection })
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var hide = (flags, hiddenFlags = []) => {
+  let hide2 = false;
+  hiddenFlags.map((hiddenFlag) => {
+    if (flags?.[hiddenFlag]) {
+      hide2 = true;
+    }
+  });
+  return hide2;
+};
+var ReflectionViewer = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
+  const someReflection = reflection;
+  return hide(reflection?.flags, hiddenFlags) ? null : /* @__PURE__ */ jsxs3(FlexCol2, { title: "ReflectionViewer", alignItems: "stretch", ...props, children: [
+    nameViewer === void 0 ? /* @__PURE__ */ jsx6(NameViewer, { marginY: 0.25, variant, reflection: someReflection, reflectionViewer: ReflectionViewer }) : nameViewer,
+    reflection.comment ? /* @__PURE__ */ jsx6(CommentViewer, { comment: reflection.comment }) : null,
+    someReflection.parameters?.map((parameter) => {
+      return /* @__PURE__ */ jsx6(ReflectionViewer, { hiddenFlags, marginY: 0.25, marginX: 1, reflection: parameter }, parameter.id);
+    }) ?? null,
+    children
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionGroupViewer.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var ReflectionGroupViewer = ({
   autoscroll = false,
   children,
   hiddenFlags,
@@ -16,18 +236,18 @@ const ReflectionGroupViewer = ({
   variant,
   ...props
 }) => {
-  const hide = (flags, hiddenFlags2 = []) => {
-    let hide2 = false;
+  const hide2 = (flags, hiddenFlags2 = []) => {
+    let hide3 = false;
     hiddenFlags2.map((hiddenFlag) => {
       if (flags?.[hiddenFlag]) {
-        hide2 = true;
+        hide3 = true;
       }
     });
-    return hide2;
+    return hide3;
   };
   const resolvedChildern = resolveChildren(group, lookup) ?? [];
   const visibleChildren = hiddenFlags ? resolvedChildern.reduce((acc, item) => {
-    return acc + (hide(item.flags, hiddenFlags) ? 0 : 1);
+    return acc + (hide2(item.flags, hiddenFlags) ? 0 : 1);
   }, 0) : 1;
   const { hash } = useLocation();
   useEffect(() => {
@@ -35,10 +255,10 @@ const ReflectionGroupViewer = ({
       document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
     }
   }, [hash, autoscroll]);
-  return visibleChildren > 0 ? /* @__PURE__ */ jsxs(FlexCol, { title: "ReflectionGroupViewer", ...props, children: [
-    /* @__PURE__ */ jsxs(FlexRow, { marginY: 1, justifyContent: "flex-start", children: [
-      /* @__PURE__ */ jsx(Typography, { variant, children: group.title }),
-      /* @__PURE__ */ jsx(
+  return visibleChildren > 0 ? /* @__PURE__ */ jsxs4(FlexCol3, { title: "ReflectionGroupViewer", ...props, children: [
+    /* @__PURE__ */ jsxs4(FlexRow2, { marginY: 1, justifyContent: "flex-start", children: [
+      /* @__PURE__ */ jsx7(Typography4, { variant, children: group.title }),
+      /* @__PURE__ */ jsx7(
         JsonViewerButton,
         {
           jsonViewProps: { collapsed: 1 },
@@ -53,7 +273,7 @@ const ReflectionGroupViewer = ({
     resolveChildren(group, lookup).map((reflection) => {
       return reflection ? (
         // I wrap this in a div since React does not understand that they have keys using the Renderer
-        /* @__PURE__ */ jsx("div", { id: reflection.name, children: renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection }) }, reflection.id)
+        /* @__PURE__ */ jsx7("div", { id: reflection.name, children: renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection }) }, reflection.id)
       ) : null;
     }),
     children

package/dist/browser/ReflectionViewer/ReflectionGroupViewer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ReflectionViewer/ReflectionGroupViewer.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport type { ContainerReflection, ReflectionFlags, ReflectionGroup } from 'typedoc'\n\nimport { JsonViewerButton } from '../JsonViewerButton'\nimport { resolveChildren } from '../resolveChildren'\nimport { ReflectionViewer } from './ReflectionViewer'\nimport { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps'\n\nexport interface ReflectionGroupViewerProps extends ReflectionViewerProps<ContainerReflection> {\n  autoscroll?: boolean\n  group: ReflectionGroup\n  reflection: ContainerReflection\n  renderer?: React.FC<ReflectionViewerProps>\n}\n\nexport const ReflectionGroupViewer: React.FC<ReflectionGroupViewerProps> = ({\n  autoscroll = false,\n  children,\n  hiddenFlags,\n  group,\n  lookup,\n  renderer = ReflectionViewer,\n  variant,\n  ...props\n}) => {\n  const hide = (flags?: ReflectionFlags, hiddenFlags: FlagFilter[] = []) => {\n    let hide = false\n    hiddenFlags.map((hiddenFlag) => {\n      if (flags?.[hiddenFlag]) {\n        hide = true\n      }\n    })\n    return hide\n  }\n\n  const resolvedChildern = resolveChildren(group, lookup) ?? []\n\n  const visibleChildren = hiddenFlags\n    ? resolvedChildern.reduce((acc, item) => {\n        return acc + (hide(item.flags, hiddenFlags) ? 0 : 1)\n      }, 0)\n    : 1\n\n  const { hash } = useLocation()\n  useEffect(() => {\n    if (hash && autoscroll) {\n      document.querySelector(hash)?.scrollIntoView({ behavior: 'smooth' })\n    }\n  }, [hash, autoscroll])\n  return visibleChildren > 0 ? (\n    <FlexCol title=\"ReflectionGroupViewer\" {...props}>\n      <FlexRow marginY={1} justifyContent=\"flex-start\">\n        <Typography variant={variant}>{group.title}</Typography>\n        <JsonViewerButton\n          jsonViewProps={{ collapsed: 1 }}\n          size=\"small\"\n          variant=\"contained\"\n          padding={0}\n          marginX={1}\n          src={resolveChildren(group, lookup)}\n        />\n      </FlexRow>\n      {resolveChildren(group, lookup).map((reflection) => {\n        return reflection ? (\n          // I wrap this in a div since React does not understand that they have keys using the Renderer\n          <div id={reflection.name} key={reflection.id}>\n            {renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection })}\n          </div>\n        ) : null\n      })}\n      {children}\n    </FlexCol>\n  ) : null\n}\n"],"mappings":"AAsDM,SACE,KADF;AAtDN,SAAS,kBAAkB;AAC3B,SAAS,SAAS,eAAe;AACjC,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAG5B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAU1B,MAAM,wBAA8D,CAAC;AAAA,EAC1E,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,OAAO,CAAC,OAAyBA,eAA4B,CAAC,MAAM;AACxE,QAAIC,QAAO;AACX,IAAAD,aAAY,IAAI,CAAC,eAAe;AAC9B,UAAI,QAAQ,UAAU,GAAG;AACvB,QAAAC,QAAO;AAAA,MACT;AAAA,IACF,CAAC;AACD,WAAOA;AAAA,EACT;AAEA,QAAM,mBAAmB,gBAAgB,OAAO,MAAM,KAAK,CAAC;AAE5D,QAAM,kBAAkB,cACpB,iBAAiB,OAAO,CAAC,KAAK,SAAS;AACrC,WAAO,OAAO,KAAK,KAAK,OAAO,WAAW,IAAI,IAAI;AAAA,EACpD,GAAG,CAAC,IACJ;AAEJ,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,YAAU,MAAM;AACd,QAAI,QAAQ,YAAY;AACtB,eAAS,cAAc,IAAI,GAAG,eAAe,EAAE,UAAU,SAAS,CAAC;AAAA,IACrE;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,CAAC;AACrB,SAAO,kBAAkB,IACvB,qBAAC,WAAQ,OAAM,yBAAyB,GAAG,OACzC;AAAA,yBAAC,WAAQ,SAAS,GAAG,gBAAe,cAClC;AAAA,0BAAC,cAAW,SAAmB,gBAAM,OAAM;AAAA,MAC3C;AAAA,QAAC;AAAA;AAAA,UACC,eAAe,EAAE,WAAW,EAAE;AAAA,UAC9B,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACT,KAAK,gBAAgB,OAAO,MAAM;AAAA;AAAA,MACpC;AAAA,OACF;AAAA,IACC,gBAAgB,OAAO,MAAM,EAAE,IAAI,CAAC,eAAe;AAClD,aAAO;AAAA;AAAA,QAEL,oBAAC,SAAI,IAAI,WAAW,MACjB,mBAAS,EAAE,aAAa,QAAQ,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC,KADvC,WAAW,EAE1C;AAAA,UACE;AAAA,IACN,CAAC;AAAA,IACA;AAAA,KACH,IACE;AACN;","names":["hiddenFlags","hide"]}
+{"version":3,"sources":["../../../src/ReflectionViewer/ReflectionGroupViewer.tsx","../../../src/JsonViewerButton.tsx","../../../src/resolveChildren.ts","../../../src/ReflectionViewer/ReflectionViewer.tsx","../../../src/CommentViewer.tsx","../../../src/ReflectionViewer/NameViewer.tsx","../../../src/trimFlagLabel.ts","../../../src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts","../../../src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx","../../../src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport type { ContainerReflection, ReflectionFlags, ReflectionGroup } from 'typedoc'\n\nimport { JsonViewerButton } from '../JsonViewerButton'\nimport { resolveChildren } from '../resolveChildren'\nimport { ReflectionViewer } from './ReflectionViewer'\nimport { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps'\n\nexport interface ReflectionGroupViewerProps extends ReflectionViewerProps<ContainerReflection> {\n  autoscroll?: boolean\n  group: ReflectionGroup\n  reflection: ContainerReflection\n  renderer?: React.FC<ReflectionViewerProps>\n}\n\nexport const ReflectionGroupViewer: React.FC<ReflectionGroupViewerProps> = ({\n  autoscroll = false,\n  children,\n  hiddenFlags,\n  group,\n  lookup,\n  renderer = ReflectionViewer,\n  variant,\n  ...props\n}) => {\n  const hide = (flags?: ReflectionFlags, hiddenFlags: FlagFilter[] = []) => {\n    let hide = false\n    hiddenFlags.map((hiddenFlag) => {\n      if (flags?.[hiddenFlag]) {\n        hide = true\n      }\n    })\n    return hide\n  }\n\n  const resolvedChildern = resolveChildren(group, lookup) ?? []\n\n  const visibleChildren = hiddenFlags\n    ? resolvedChildern.reduce((acc, item) => {\n        return acc + (hide(item.flags, hiddenFlags) ? 0 : 1)\n      }, 0)\n    : 1\n\n  const { hash } = useLocation()\n  useEffect(() => {\n    if (hash && autoscroll) {\n      document.querySelector(hash)?.scrollIntoView({ behavior: 'smooth' })\n    }\n  }, [hash, autoscroll])\n  return visibleChildren > 0 ? (\n    <FlexCol title=\"ReflectionGroupViewer\" {...props}>\n      <FlexRow marginY={1} justifyContent=\"flex-start\">\n        <Typography variant={variant}>{group.title}</Typography>\n        <JsonViewerButton\n          jsonViewProps={{ collapsed: 1 }}\n          size=\"small\"\n          variant=\"contained\"\n          padding={0}\n          marginX={1}\n          src={resolveChildren(group, lookup)}\n        />\n      </FlexRow>\n      {resolveChildren(group, lookup).map((reflection) => {\n        return reflection ? (\n          // I wrap this in a div since React does not understand that they have keys using the Renderer\n          <div id={reflection.name} key={reflection.id}>\n            {renderer({ hiddenFlags, lookup, margin: 1, padding: 1, reflection })}\n          </div>\n        ) : null\n      })}\n      {children}\n    </FlexCol>\n  ) : null\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { lazy, Suspense, useState } from 'react'\nimport { ReactJsonViewProps } from 'react-json-view'\n\nconst JsonView = lazy(() => import(/* webpackChunkName: \"jsonView\" */ 'react-json-view'))\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        JSON\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <Suspense fallback={<div />}>\n            <JsonView src={src} {...jsonViewProps} />\n          </Suspense>\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import type { Reflection } from 'typedoc'\n\nimport { ReflectionLookup } from './ReflectionLookup'\nimport { SomeReflection } from './SomeReflection'\n\ntype ReflectionWithChildren = { children: Reflection[] }\n\nexport const resolveChildren = <T extends SomeReflection>(reflection: ReflectionWithChildren, lookup: ReflectionLookup = {}): T[] => {\n  return (reflection.children?.map((child) => {\n    switch (typeof child) {\n      case 'object':\n        return child\n      case 'number': {\n        const childObj = lookup[child]\n        if (childObj === undefined) {\n          throw Error(`Child Reference Not Found [${child}]`)\n        }\n        return childObj\n      }\n      default:\n        throw Error(`Invalid Child Type [${typeof child}, ${child}]`)\n    }\n  }) ?? []) as T[]\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport type { ReflectionFlags } from 'typedoc'\n\nimport { CommentViewer } from '../CommentViewer'\nimport { SomeReflection } from '../SomeReflection'\nimport { NameViewer } from './NameViewer'\nimport { FlagFilter, ReflectionViewerProps } from './ReflectionViewerProps'\n\nconst hide = (flags?: ReflectionFlags, hiddenFlags: FlagFilter[] = []) => {\n  let hide = false\n  hiddenFlags.map((hiddenFlag) => {\n    if (flags?.[hiddenFlag]) {\n      hide = true\n    }\n  })\n  return hide\n}\n\nexport const ReflectionViewer: React.FC<ReflectionViewerProps> = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {\n  const someReflection = reflection as SomeReflection\n\n  return hide(reflection?.flags, hiddenFlags) ? null : (\n    <FlexCol title=\"ReflectionViewer\" alignItems=\"stretch\" {...props}>\n      {nameViewer === undefined ? (\n        <NameViewer marginY={0.25} variant={variant} reflection={someReflection} reflectionViewer={ReflectionViewer} />\n      ) : (\n        nameViewer\n      )}\n      {reflection.comment ? <CommentViewer comment={reflection.comment} /> : null}\n      {/*sources && reflection.sources && children ? (\n        <>\n          {reflection.sources.map((source, index) => {\n            return <SourceViewer key={index} source={source} />\n          })}\n        </>\n        ) : null*/}\n      {someReflection.parameters?.map((parameter) => {\n        return <ReflectionViewer hiddenFlags={hiddenFlags} marginY={0.25} marginX={1} key={parameter.id} reflection={parameter} />\n      }) ?? null}\n      {children}\n    </FlexCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport type { Comment } from 'typedoc'\n\nexport interface CommentViewerProps extends FlexBoxProps {\n  comment: Comment\n}\n\nexport const CommentViewer: React.FC<CommentViewerProps> = ({ comment, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Typography variant=\"body2\">{comment.summary[0]?.text}</Typography>\n    </FlexCol>\n  )\n}\n","import { Chip, Stack, Typography, TypographyVariant } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n\nimport { JsonViewerButton } from '../JsonViewerButton'\nimport { SomeReflection } from '../SomeReflection'\nimport { trimFlagLabel } from '../trimFlagLabel'\nimport { ReflectionViewerProps } from './ReflectionViewerProps'\nimport { SomeTypeViewer } from './SomeTypeViewer'\n\nexport interface NameViewerProps extends FlexBoxProps {\n  reflection: SomeReflection\n  reflectionViewer: React.FC<ReflectionViewerProps>\n  variant?: TypographyVariant\n}\n\nexport const NameViewer: React.FC<NameViewerProps> = ({ reflectionViewer, variant, reflection, ...props }) => {\n  return (\n    <FlexRow justifyContent=\"flex-start\" {...props}>\n      <FlexRow marginRight={1}>\n        <Typography variant={variant} noWrap>\n          {reflection.name}\n          {reflection.type ? <>:&nbsp;</> : null}\n        </Typography>\n        <SomeTypeViewer reflection={reflection} reflectionViewer={reflectionViewer} />\n      </FlexRow>\n      <Stack direction=\"row\" spacing={1}>\n        <Chip size=\"small\" label={reflection.kind} />\n        {reflection.flags\n          ? Object.entries(reflection.flags).map(([flag, value]) => {\n              return value ? <Chip size=\"small\" key={flag} label={trimFlagLabel(flag)} variant=\"outlined\" /> : null\n            })\n          : null}\n      </Stack>\n      {document && document?.location.hostname === 'localhost' && (\n        <JsonViewerButton jsonViewProps={{ collapsed: 1 }} size=\"small\" variant=\"contained\" padding={0} marginX={1} src={reflection} />\n      )}\n    </FlexRow>\n  )\n}\n","export const trimFlagLabel = (label: string) => {\n  if (label.startsWith('is')) {\n    return label.substring(2)\n  }\n  return label\n}\n","import { Typography, TypographyProps } from '@mui/material'\n\nimport { SomeReflection } from '../../SomeReflection'\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { buildTypeString } from './buildTypeString'\n\nexport interface SomeTypeViewerProps extends TypographyProps {\n  opacity?: number\n  reflection: SomeReflection\n  reflectionViewer: React.FC<ReflectionViewerProps>\n}\n\nexport const SomeTypeViewer: React.FC<SomeTypeViewerProps> = ({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {\n  const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : ''\n  if (typeof typeReactNode === 'string') {\n    return (\n      <Typography title=\"SomeTypeViewer\" style={{ opacity }} {...props}>\n        {typeReactNode}\n      </Typography>\n    )\n  }\n  return <>{typeReactNode}</>\n}\n","import type { ArrayType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildArrayString = (typeObj: ArrayType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  const typeString = typeBuilder(typeObj.elementType, reflectionViewer)\n  if (typeof typeString === 'string') {\n    parts.push(typeString)\n  }\n  parts.push('[]')\n  return parts\n}\n","import type { IntersectionType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildIntersectionString = (typeObj: IntersectionType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  if (typeObj.types) {\n    parts.push(\n      typeObj.types\n        .map((arg) => {\n          return typeBuilder(arg, reflectionViewer)\n        })\n        .join(' & '),\n    )\n  }\n  return parts\n}\n","import type { ReferenceType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildReferenceString = (typeObj: ReferenceType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  parts.push(typeObj.name)\n  if (typeObj.typeArguments) {\n    parts.push('<')\n    parts.push(\n      typeObj.typeArguments\n        .map((arg) => {\n          return typeBuilder(arg, reflectionViewer)\n        })\n        .join(', '),\n    )\n    parts.push('>')\n  }\n  return parts\n}\n","import type { ReflectionType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\n\nexport const buildRelfectionString = (typeObj: ReflectionType, reflectionViewer: React.FC<ReflectionViewerProps>) => {\n  if (typeObj.declaration) {\n    return <>{reflectionViewer({ reflection: typeObj.declaration })}</>\n  }\n}\n","import type { UnionType } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildUnionString = (typeObj: UnionType, reflectionViewer: React.FC<ReflectionViewerProps>, typeBuilder: TypeBuilder) => {\n  const parts: string[] = []\n  if (typeObj.types) {\n    parts.push(\n      typeObj.types\n        .map((arg) => {\n          return typeBuilder(arg, reflectionViewer)\n        })\n        .join(' | '),\n    )\n  }\n  return parts\n}\n","import { ReactNode } from 'react'\nimport type { SomeType, Type } from 'typedoc'\n\nimport { ReflectionViewerProps } from '../ReflectionViewerProps'\nimport { buildArrayString } from './buildArrayString'\nimport { buildIntersectionString } from './buildIntersectionString'\nimport { buildReferenceString } from './buildReferenceString'\nimport { buildRelfectionString } from './buildReflectionString'\nimport { buildUnionString } from './buildUnionString'\nimport { TypeBuilder } from './TypeBuilder'\n\nexport const buildTypeString: TypeBuilder = (type: SomeType | Type, reflectionViewer: React.FC<ReflectionViewerProps>): ReactNode => {\n  const someType = type as SomeType\n  const parts: string[] = []\n\n  switch (someType.type) {\n    case 'intrinsic':\n      parts.push(someType.name)\n      break\n    case 'intersection': {\n      parts.push(...buildIntersectionString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'literal':\n      parts.push(JSON.stringify(someType.value))\n      break\n    case 'array': {\n      parts.push(...buildArrayString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'reference': {\n      parts.push(...buildReferenceString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'union': {\n      parts.push(...buildUnionString(someType, reflectionViewer, buildTypeString))\n      break\n    }\n    case 'reflection': {\n      return buildRelfectionString(someType, reflectionViewer)\n    }\n    default:\n      parts.push('#')\n      parts.push(someType.type)\n      parts.push('#')\n      break\n  }\n  return parts.join('')\n}\n"],"mappings":"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","names":["Typography","FlexCol","FlexRow","FlexCol","jsx","Typography","Typography","Fragment","jsx","Fragment","jsx","Typography","Fragment","jsx","jsxs","Typography","jsx","jsxs","hide","FlexCol","jsx","jsxs","hide","hiddenFlags","FlexCol","FlexRow","Typography"]}

package/dist/browser/ReflectionViewer/ReflectionViewer.js

@@ -1,8 +1,184 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/ReflectionViewer/ReflectionViewer.tsx
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+
+// src/CommentViewer.tsx
+import { Typography } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
-import { CommentViewer } from "../CommentViewer";
-import { NameViewer } from "./NameViewer";
-const hide = (flags, hiddenFlags = []) => {
+import { jsx } from "react/jsx-runtime";
+var CommentViewer = ({ comment, ...props }) => {
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: comment.summary[0]?.text }) });
+};
+
+// src/ReflectionViewer/NameViewer.tsx
+import { Chip, Stack, Typography as Typography3 } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+
+// src/JsonViewerButton.tsx
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { lazy, Suspense, useState } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var JsonView = lazy(() => import(
+  /* webpackChunkName: "jsonView" */
+  "react-json-view"
+));
+var JsonViewerButton = ({ jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setOpen(!open), ...props, children: "JSON" }),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx2(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx2(DialogContent, { children: /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2("div", {}), children: /* @__PURE__ */ jsx2(JsonView, { src, ...jsonViewProps }) }) }),
+      /* @__PURE__ */ jsx2(DialogActions, { children: /* @__PURE__ */ jsx2(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
+
+// src/trimFlagLabel.ts
+var trimFlagLabel = (label) => {
+  if (label.startsWith("is")) {
+    return label.substring(2);
+  }
+  return label;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+import { Typography as Typography2 } from "@mui/material";
+
+// src/ReflectionViewer/SomeTypeViewer/buildArrayString.tsx
+var buildArrayString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  const typeString = typeBuilder(typeObj.elementType, reflectionViewer);
+  if (typeof typeString === "string") {
+    parts.push(typeString);
+  }
+  parts.push("[]");
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildIntersectionString.tsx
+var buildIntersectionString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    parts.push(
+      typeObj.types.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(" & ")
+    );
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildReferenceString.ts
+var buildReferenceString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  parts.push(typeObj.name);
+  if (typeObj.typeArguments) {
+    parts.push("<");
+    parts.push(
+      typeObj.typeArguments.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(", ")
+    );
+    parts.push(">");
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildReflectionString.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var buildRelfectionString = (typeObj, reflectionViewer) => {
+  if (typeObj.declaration) {
+    return /* @__PURE__ */ jsx3(Fragment2, { children: reflectionViewer({ reflection: typeObj.declaration }) });
+  }
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildUnionString.tsx
+var buildUnionString = (typeObj, reflectionViewer, typeBuilder) => {
+  const parts = [];
+  if (typeObj.types) {
+    parts.push(
+      typeObj.types.map((arg) => {
+        return typeBuilder(arg, reflectionViewer);
+      }).join(" | ")
+    );
+  }
+  return parts;
+};
+
+// src/ReflectionViewer/SomeTypeViewer/buildTypeString.tsx
+var buildTypeString = (type, reflectionViewer) => {
+  const someType = type;
+  const parts = [];
+  switch (someType.type) {
+    case "intrinsic":
+      parts.push(someType.name);
+      break;
+    case "intersection": {
+      parts.push(...buildIntersectionString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "literal":
+      parts.push(JSON.stringify(someType.value));
+      break;
+    case "array": {
+      parts.push(...buildArrayString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "reference": {
+      parts.push(...buildReferenceString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "union": {
+      parts.push(...buildUnionString(someType, reflectionViewer, buildTypeString));
+      break;
+    }
+    case "reflection": {
+      return buildRelfectionString(someType, reflectionViewer);
+    }
+    default:
+      parts.push("#");
+      parts.push(someType.type);
+      parts.push("#");
+      break;
+  }
+  return parts.join("");
+};
+
+// src/ReflectionViewer/SomeTypeViewer/SomeTypeViewer.tsx
+import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
+var SomeTypeViewer = ({ opacity = 0.5, reflection, reflectionViewer, ...props }) => {
+  const typeReactNode = reflection.type ? buildTypeString(reflection.type, reflectionViewer) : "";
+  if (typeof typeReactNode === "string") {
+    return /* @__PURE__ */ jsx4(Typography2, { title: "SomeTypeViewer", style: { opacity }, ...props, children: typeReactNode });
+  }
+  return /* @__PURE__ */ jsx4(Fragment3, { children: typeReactNode });
+};
+
+// src/ReflectionViewer/NameViewer.tsx
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var NameViewer = ({ reflectionViewer, variant, reflection, ...props }) => {
+  return /* @__PURE__ */ jsxs2(FlexRow, { justifyContent: "flex-start", ...props, children: [
+    /* @__PURE__ */ jsxs2(FlexRow, { marginRight: 1, children: [
+      /* @__PURE__ */ jsxs2(Typography3, { variant, noWrap: true, children: [
+        reflection.name,
+        reflection.type ? /* @__PURE__ */ jsx5(Fragment4, { children: ":\xA0" }) : null
+      ] }),
+      /* @__PURE__ */ jsx5(SomeTypeViewer, { reflection, reflectionViewer })
+    ] }),
+    /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx5(Chip, { size: "small", label: reflection.kind }),
+      reflection.flags ? Object.entries(reflection.flags).map(([flag, value]) => {
+        return value ? /* @__PURE__ */ jsx5(Chip, { size: "small", label: trimFlagLabel(flag), variant: "outlined" }, flag) : null;
+      }) : null
+    ] }),
+    document && document?.location.hostname === "localhost" && /* @__PURE__ */ jsx5(JsonViewerButton, { jsonViewProps: { collapsed: 1 }, size: "small", variant: "contained", padding: 0, marginX: 1, src: reflection })
+  ] });
+};
+
+// src/ReflectionViewer/ReflectionViewer.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var hide = (flags, hiddenFlags = []) => {
   let hide2 = false;
   hiddenFlags.map((hiddenFlag) => {
     if (flags?.[hiddenFlag]) {
@@ -11,13 +187,13 @@ const hide = (flags, hiddenFlags = []) => {
   });
   return hide2;
 };
-const ReflectionViewer = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
+var ReflectionViewer = ({ variant, nameViewer, children, reflection, hiddenFlags, ...props }) => {
   const someReflection = reflection;
-  return hide(reflection?.flags, hiddenFlags) ? null : /* @__PURE__ */ jsxs(FlexCol, { title: "ReflectionViewer", alignItems: "stretch", ...props, children: [
-    nameViewer === void 0 ? /* @__PURE__ */ jsx(NameViewer, { marginY: 0.25, variant, reflection: someReflection, reflectionViewer: ReflectionViewer }) : nameViewer,
-    reflection.comment ? /* @__PURE__ */ jsx(CommentViewer, { comment: reflection.comment }) : null,
+  return hide(reflection?.flags, hiddenFlags) ? null : /* @__PURE__ */ jsxs3(FlexCol2, { title: "ReflectionViewer", alignItems: "stretch", ...props, children: [
+    nameViewer === void 0 ? /* @__PURE__ */ jsx6(NameViewer, { marginY: 0.25, variant, reflection: someReflection, reflectionViewer: ReflectionViewer }) : nameViewer,
+    reflection.comment ? /* @__PURE__ */ jsx6(CommentViewer, { comment: reflection.comment }) : null,
     someReflection.parameters?.map((parameter) => {
-      return /* @__PURE__ */ jsx(ReflectionViewer, { hiddenFlags, marginY: 0.25, marginX: 1, reflection: parameter }, parameter.id);
+      return /* @__PURE__ */ jsx6(ReflectionViewer, { hiddenFlags, marginY: 0.25, marginX: 1, reflection: parameter }, parameter.id);
     }) ?? null,
     children
   ] });