@skitter/assistant_md 1.0.0-alpha.0

package/dist/assistant_md.d.ts

@@ -0,0 +1,60 @@
+export function parseUrlAndString(str: string): {
+    type: string;
+    value: string;
+}[];
+type NormalText = {
+    normal_text: string;
+    markdown_text: "normal_text";
+};
+type MdValueContainer = {
+    value: MdText;
+};
+type BoldText = {
+    bold: MdValueContainer;
+    markdown_text: "bold";
+};
+type ItalicText = {
+    italic: MdValueContainer;
+    markdown_text: "italic";
+};
+type UnderlineText = {
+    underline: MdValueContainer;
+    markdown_text: "underline";
+};
+type HyperLinkContainer = {
+    link: string;
+    value: MdText;
+};
+type HyperLinkText = {
+    hyperlink: HyperLinkContainer;
+    markdown_text: "hyperlink";
+};
+type MdList = {
+    list: MdText[];
+};
+type OrdredListText = {
+    ordered_list: MdList;
+    markdown_text: "ordered_list";
+};
+type UnOrdredListText = {
+    unordered_list: MdList;
+    markdown_text: "unordered_list";
+};
+type NewlineText = {
+    markdown_text: "newline";
+};
+type JoinMdContainer = {
+    lhs: MdText;
+    rhs: MdText;
+};
+type JoinMdText = {
+    join: JoinMdContainer;
+    markdown_text: "join";
+};
+type MdText = NormalText | BoldText | ItalicText | UnderlineText | HyperLinkText | OrdredListText | UnOrdredListText | JoinMdText | NewlineText;
+type MdTextProp = {
+    mdText: MdText;
+};
+export default function AssistantMd({ mdText }: MdTextProp): JSX.Element;
+
+//# sourceMappingURL=assistant_md.d.ts.map

package/dist/assistant_md.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAeA,kCAAkC,GAAG,EAAE,MAAM;;;IA2B5C;AAiDD,kBAAkB;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,wBAAwB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1C,gBAAgB;IACd,IAAI,EAAE,gBAAgB,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,kBAAkB;IAChB,MAAM,EAAE,gBAAgB,CAAC;IACzB,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,qBAAqB;IACnB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC;CAC5B,CAAC;AAEF,0BAA0B;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAqB;IACnB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC;CAC5B,CAAC;AAEF,cAAc;IACZ,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB,CAAC;AAEF,sBAAsB;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC;AAEF,wBAAwB;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,mBAAmB;IACjB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,uBAAuB;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,kBAAkB;IAChB,IAAI,EAAE,eAAe,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,cACI,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,GACb,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,UAAU,GACV,WAAW,CAAC;AAEhB,kBAAkB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AA8ErC,oCAAoC,EAAE,MAAM,EAAE,EAAE,UAAU,eAgDzD","sources":["src/src/assistant_md.tsx","src/assistant_md.tsx"],"sourcesContent":[null,"import React from \"react\";\n\nconst URL_REGEX =\n  /[(http(s)?):\\/\\/(www\\.)?a-zA-Z0-9@:%._\\+~#=-]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)/;\n\nconst normalStr = (str: string) => ({\n  type: \"normal_str\",\n  value: str,\n});\n\nconst urlStr = (str: string) => ({\n  type: \"url\",\n  value: str,\n});\n\nexport function parseUrlAndString(str: string) {\n  const results = [];\n  let remaining = str;\n  while (remaining) {\n    let match = remaining.match(URL_REGEX);\n    if (!match) {\n      results.push(normalStr(remaining));\n      break;\n    }\n\n    if (match.index !== 0) {\n      results.push(normalStr(remaining.slice(0, match.index)));\n      results.push(\n        urlStr(\n          remaining.slice(\n            match.index,\n            match.index && match.index + match[0].length\n          )\n        )\n      );\n      remaining = remaining.slice(match.index && match.index + match[0].length);\n      continue;\n    }\n    results.push(urlStr(remaining.slice(0, match[0].length)));\n    remaining = remaining.slice(match[0].length);\n  }\n  return results;\n}\n\nconst DisplayLineBreaks = ({ text }: { text: string }) => {\n  let texts = text.split(\"\\n\");\n  let lastOne = texts[texts.length - 1];\n  let exceptLastOne = texts.slice(0, texts.length - 1);\n  return (\n    <>\n      {exceptLastOne.reduce(\n        (arr: (string | JSX.Element)[], text) => [\n          ...arr,\n          text,\n          <br key={arr.length} />,\n        ],\n        []\n      )}\n      {lastOne}\n    </>\n  );\n};\n\nconst DisplayURL = ({ text }: { text: string }) => {\n  const parsed = parseUrlAndString(text);\n  return (\n    <>\n      {parsed.map(({ type, value }, i) =>\n        type === \"url\" ? (\n          <a href={value} target=\"_blank\" key={i} rel=\"noreferrer\">\n            {value}\n          </a>\n        ) : (\n          <DisplayLineBreaks text={value} key={i}></DisplayLineBreaks>\n        )\n      )}\n    </>\n  );\n};\n\ntype MdTypes =\n  | \"normal_text\"\n  | \"bold\"\n  | \"italic\"\n  | \"underline\"\n  | \"hyperlink\"\n  | \"ordered_list\"\n  | \"unordered_list\"\n  | \"newline\"\n  | \"join\";\n\ntype NormalText = {\n  normal_text: string;\n  markdown_text: \"normal_text\";\n};\n\ntype MdValueContainer = { value: MdText };\n\ntype BoldText = {\n  bold: MdValueContainer;\n  markdown_text: \"bold\";\n};\n\ntype ItalicText = {\n  italic: MdValueContainer;\n  markdown_text: \"italic\";\n};\n\ntype UnderlineText = {\n  underline: MdValueContainer;\n  markdown_text: \"underline\";\n};\n\ntype HyperLinkContainer = {\n  link: string;\n  value: MdText;\n};\n\ntype HyperLinkText = {\n  hyperlink: HyperLinkContainer;\n  markdown_text: \"hyperlink\";\n};\n\ntype MdList = {\n  list: MdText[];\n};\n\ntype OrdredListText = {\n  ordered_list: MdList;\n  markdown_text: \"ordered_list\";\n};\n\ntype UnOrdredListText = {\n  unordered_list: MdList;\n  markdown_text: \"unordered_list\";\n};\n\ntype NewlineText = {\n  markdown_text: \"newline\";\n};\n\ntype JoinMdContainer = {\n  lhs: MdText;\n  rhs: MdText;\n};\n\ntype JoinMdText = {\n  join: JoinMdContainer;\n  markdown_text: \"join\";\n};\n\ntype MdText =\n  | NormalText\n  | BoldText\n  | ItalicText\n  | UnderlineText\n  | HyperLinkText\n  | OrdredListText\n  | UnOrdredListText\n  | JoinMdText\n  | NewlineText;\n\ntype MdTextProp = { mdText: MdText };\n\ntype NormalRenderes = React.FunctionComponent<{ mdText: MdValueContainer }>;\n\ntype ListRenderers = React.FunctionComponent<{ mdText: MdList }>;\n\ntype TextRenderer = React.FunctionComponent<{ mdText: string }>;\n\ntype JoinMdRenderer = React.FunctionComponent<{ mdText: JoinMdContainer }>;\n\ntype HyperLinkRenderer = React.FunctionComponent<{\n  mdText: HyperLinkContainer;\n}>;\n\nconst normalWrapper: (TagName: React.ElementType) => NormalRenderes =\n  (TagName: React.ElementType) =>\n  ({ mdText }) =>\n    (\n      <TagName>\n        <AssistantMd mdText={mdText.value} />\n      </TagName>\n    );\n\nconst listWrapper: (TagName: React.ElementType) => ListRenderers =\n  (TagName) =>\n  ({ mdText: { list } }) =>\n    (\n      <TagName>\n        {list.map((mdText) => (\n          <li>\n            <AssistantMd mdText={mdText} />\n          </li>\n        ))}\n      </TagName>\n    );\n\ntype RenderTypes = MdTypes;\n\ntype MdRenderers =\n  | NormalRenderes\n  | ListRenderers\n  | TextRenderer\n  | HyperLinkRenderer\n  | JoinMdRenderer;\n\n// type RenderMap = Record<RenderTypes, MdRenderers>;\n\nconst NormalTextMd: TextRenderer = ({ mdText }) => {\n  return <DisplayURL text={mdText} />;\n};\n\nconst HyperLinkMd: HyperLinkRenderer = ({ mdText }) => (\n  <a href={mdText.link}>\n    <AssistantMd mdText={mdText.value} />\n  </a>\n);\n\nconst JoinMd: JoinMdRenderer = ({ mdText: { lhs, rhs } }) => (\n  <>\n    <AssistantMd mdText={lhs} />\n    <AssistantMd mdText={rhs} />\n  </>\n);\n\nconst mdTypeRenderers = {\n  normal_text: NormalTextMd,\n  bold: normalWrapper(\"strong\"),\n  italic: normalWrapper(\"em\"),\n  underline: normalWrapper(\"u\"),\n  hyperlink: HyperLinkMd,\n  ordered_list: listWrapper(\"ol\"),\n  unordered_list: listWrapper(\"ul\"),\n  newline: () => <br />,\n  join: JoinMd,\n};\n\nfunction exhaustiveCheck(param: never) {}\n\nexport default function AssistantMd({ mdText }: MdTextProp) {\n  switch (mdText.markdown_text) {\n    case \"bold\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"italic\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"normal_text\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"underline\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"hyperlink\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"ordered_list\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"unordered_list\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"join\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"newline\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      return <RendenMDElement />;\n    }\n  }\n  exhaustiveCheck(mdText);\n}\n"],"names":[],"version":3,"file":"assistant_md.d.ts.map"}

package/dist/assistant_md.js

@@ -0,0 +1,181 @@
+var $kmRvl$react = require("react");
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "parseUrlAndString", () => $69304f3cd9aa4f81$export$41849f4004f0a2a6);
+$parcel$export(module.exports, "default", () => $69304f3cd9aa4f81$export$2e2bcd8739ae039);
+
+const $69304f3cd9aa4f81$var$URL_REGEX = /[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=-]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
+const $69304f3cd9aa4f81$var$normalStr = (str)=>({
+        type: "normal_str",
+        value: str
+    });
+const $69304f3cd9aa4f81$var$urlStr = (str)=>({
+        type: "url",
+        value: str
+    });
+function $69304f3cd9aa4f81$export$41849f4004f0a2a6(str) {
+    const results = [];
+    let remaining = str;
+    while(remaining){
+        let match = remaining.match($69304f3cd9aa4f81$var$URL_REGEX);
+        if (!match) {
+            results.push($69304f3cd9aa4f81$var$normalStr(remaining));
+            break;
+        }
+        if (match.index !== 0) {
+            results.push($69304f3cd9aa4f81$var$normalStr(remaining.slice(0, match.index)));
+            results.push($69304f3cd9aa4f81$var$urlStr(remaining.slice(match.index, match.index && match.index + match[0].length)));
+            remaining = remaining.slice(match.index && match.index + match[0].length);
+            continue;
+        }
+        results.push($69304f3cd9aa4f81$var$urlStr(remaining.slice(0, match[0].length)));
+        remaining = remaining.slice(match[0].length);
+    }
+    return results;
+}
+const $69304f3cd9aa4f81$var$DisplayLineBreaks = ({ text: text1  })=>{
+    let texts = text1.split("\n");
+    let lastOne = texts[texts.length - 1];
+    let exceptLastOne = texts.slice(0, texts.length - 1);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement((0, ($parcel$interopDefault($kmRvl$react))).Fragment, null, exceptLastOne.reduce((arr, text)=>[
+            ...arr,
+            text,
+            /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement("br", {
+                key: arr.length
+            }), 
+        ], []), lastOne);
+};
+const $69304f3cd9aa4f81$var$DisplayURL = ({ text: text  })=>{
+    const parsed = $69304f3cd9aa4f81$export$41849f4004f0a2a6(text);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement((0, ($parcel$interopDefault($kmRvl$react))).Fragment, null, parsed.map(({ type: type , value: value  }, i)=>type === "url" ? /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement("a", {
+            href: value,
+            target: "_blank",
+            key: i,
+            rel: "noreferrer"
+        }, value) : /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$var$DisplayLineBreaks, {
+            text: value,
+            key: i
+        })));
+};
+const $69304f3cd9aa4f81$var$normalWrapper = (TagName)=>({ mdText: mdText  })=>/*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(TagName, null, /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$export$2e2bcd8739ae039, {
+            mdText: mdText.value
+        }));
+const $69304f3cd9aa4f81$var$listWrapper = (TagName)=>({ mdText: { list: list  }  })=>/*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(TagName, null, list.map((mdText)=>/*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement("li", null, /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$export$2e2bcd8739ae039, {
+                mdText: mdText
+            }))));
+// type RenderMap = Record<RenderTypes, MdRenderers>;
+const $69304f3cd9aa4f81$var$NormalTextMd = ({ mdText: mdText  })=>{
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$var$DisplayURL, {
+        text: mdText
+    });
+};
+const $69304f3cd9aa4f81$var$HyperLinkMd = ({ mdText: mdText  })=>/*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement("a", {
+        href: mdText.link
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$export$2e2bcd8739ae039, {
+        mdText: mdText.value
+    }));
+const $69304f3cd9aa4f81$var$JoinMd = ({ mdText: { lhs: lhs , rhs: rhs  }  })=>/*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement((0, ($parcel$interopDefault($kmRvl$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$export$2e2bcd8739ae039, {
+        mdText: lhs
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$export$2e2bcd8739ae039, {
+        mdText: rhs
+    }));
+const $69304f3cd9aa4f81$var$mdTypeRenderers = {
+    normal_text: $69304f3cd9aa4f81$var$NormalTextMd,
+    bold: $69304f3cd9aa4f81$var$normalWrapper("strong"),
+    italic: $69304f3cd9aa4f81$var$normalWrapper("em"),
+    underline: $69304f3cd9aa4f81$var$normalWrapper("u"),
+    hyperlink: $69304f3cd9aa4f81$var$HyperLinkMd,
+    ordered_list: $69304f3cd9aa4f81$var$listWrapper("ol"),
+    unordered_list: $69304f3cd9aa4f81$var$listWrapper("ul"),
+    newline: ()=>/*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement("br", null),
+    join: $69304f3cd9aa4f81$var$JoinMd
+};
+function $69304f3cd9aa4f81$var$exhaustiveCheck(param) {}
+function $69304f3cd9aa4f81$export$2e2bcd8739ae039({ mdText: mdText  }) {
+    switch(mdText.markdown_text){
+        case "bold":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "italic":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "normal_text":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "underline":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "hyperlink":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "ordered_list":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "unordered_list":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "join":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                let container = mdText[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, {
+                    mdText: container
+                });
+            }
+        case "newline":
+            {
+                let RendenMDElement = $69304f3cd9aa4f81$var$mdTypeRenderers[mdText.markdown_text];
+                return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement(RendenMDElement, null);
+            }
+    }
+    $69304f3cd9aa4f81$var$exhaustiveCheck(mdText);
+}
+
+
+//# sourceMappingURL=assistant_md.js.map

package/dist/assistant_md.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;AAEA,MAAM,+BAAS,oGACoF,AAAC;AAEpG,MAAM,+BAAS,GAAG,CAAC,GAAW,GAAM,CAAA;QAClC,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,GAAG;KACX,CAAA,AAAC,AAAC;AAEH,MAAM,4BAAM,GAAG,CAAC,GAAW,GAAM,CAAA;QAC/B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,GAAG;KACX,CAAA,AAAC,AAAC;AAEI,SAAS,yCAAiB,CAAC,GAAW,EAAE;IAC7C,MAAM,OAAO,GAAG,EAAE,AAAC;IACnB,IAAI,SAAS,GAAG,GAAG,AAAC;IACpB,MAAO,SAAS,CAAE;QAChB,IAAI,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,+BAAS,CAAC,AAAC;QACvC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,CAAC,IAAI,CAAC,+BAAS,CAAC,SAAS,CAAC,CAAC,CAAC;YACnC,MAAM;SACP;QAED,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,EAAE;YACrB,OAAO,CAAC,IAAI,CAAC,+BAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACzD,OAAO,CAAC,IAAI,CACV,4BAAM,CACJ,SAAS,CAAC,KAAK,CACb,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAC7C,CACF,CACF,CAAC;YACF,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAC1E,SAAS;SACV;QACD,OAAO,CAAC,IAAI,CAAC,4BAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC1D,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;KAC9C;IACD,OAAO,OAAO,CAAC;CAChB;AAED,MAAM,uCAAiB,GAAG,CAAC,EAAE,IAAI,EAAJ,KAAI,CAAA,EAAoB,GAAK;IACxD,IAAI,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,AAAC;IAC7B,IAAI,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,AAAC;IACtC,IAAI,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,AAAC;IACrD,qBACE,sHACG,aAAa,CAAC,MAAM,CACnB,CAAC,GAA6B,EAAE,IAAI,GAAK;eACpC,GAAG;YACN,IAAI;0BACJ,0DAAC,IAAE;gBAAC,GAAG,EAAE,GAAG,CAAC,MAAM;cAAI;SACxB,EACD,EAAE,CACH,EACA,OAAO,CACP,CACH;CACH,AAAC;AAEF,MAAM,gCAAU,GAAG,CAAC,QAAE,IAAI,CAAA,EAAoB,GAAK;IACjD,MAAM,MAAM,GAAG,yCAAiB,CAAC,IAAI,CAAC,AAAC;IACvC,qBACE,sHACG,MAAM,CAAC,GAAG,CAAC,CAAC,QAAE,IAAI,CAAA,SAAE,KAAK,CAAA,EAAE,EAAE,CAAC,GAC7B,IAAI,KAAK,KAAK,iBACZ,0DAAC,GAAC;YAAC,IAAI,EAAE,KAAK;YAAE,MAAM,EAAC,QAAQ;YAAC,GAAG,EAAE,CAAC;YAAE,GAAG,EAAC,YAAY;WACrD,KAAK,CACJ,iBAEJ,0DAAC,uCAAiB;YAAC,IAAI,EAAE,KAAK;YAAE,GAAG,EAAE,CAAC;UAAsB,AAC7D,CACF,CACA,CACH;CACH,AAAC;AAkGF,MAAM,mCAAa,GACjB,CAAC,OAA0B,GAC3B,CAAC,UAAE,MAAM,CAAA,EAAE,iBAEP,0DAAC,OAAO,sBACN,0DAAC,wCAAW;YAAC,MAAM,EAAE,MAAM,CAAC,KAAK;UAAI,CAC7B,AACX,AAAC;AAEN,MAAM,iCAAW,GACf,CAAC,OAAO,GACR,CAAC,EAAE,MAAM,EAAE,QAAE,IAAI,CAAA,EAAE,CAAA,EAAE,iBAEjB,0DAAC,OAAO,QACL,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,iBACf,0DAAC,IAAE,sBACD,0DAAC,wCAAW;gBAAC,MAAM,EAAE,MAAM;cAAI,CAC5B,AACN,CAAC,CACM,AACX,AAAC;AAWN,qDAAqD;AAErD,MAAM,kCAAY,GAAiB,CAAC,UAAE,MAAM,CAAA,EAAE,GAAK;IACjD,qBAAO,0DAAC,gCAAU;QAAC,IAAI,EAAE,MAAM;MAAI,CAAC;CACrC,AAAC;AAEF,MAAM,iCAAW,GAAsB,CAAC,UAAE,MAAM,CAAA,EAAE,iBAChD,0DAAC,GAAC;QAAC,IAAI,EAAE,MAAM,CAAC,IAAI;qBAClB,0DAAC,wCAAW;QAAC,MAAM,EAAE,MAAM,CAAC,KAAK;MAAI,CACnC,AACL,AAAC;AAEF,MAAM,4BAAM,GAAmB,CAAC,EAAE,MAAM,EAAE,OAAE,GAAG,CAAA,OAAE,GAAG,CAAA,EAAE,CAAA,EAAE,iBACtD,oIACE,0DAAC,wCAAW;QAAC,MAAM,EAAE,GAAG;MAAI,gBAC5B,0DAAC,wCAAW;QAAC,MAAM,EAAE,GAAG;MAAI,CAC3B,AACJ,AAAC;AAEF,MAAM,qCAAe,GAAG;IACtB,WAAW,EAAE,kCAAY;IACzB,IAAI,EAAE,mCAAa,CAAC,QAAQ,CAAC;IAC7B,MAAM,EAAE,mCAAa,CAAC,IAAI,CAAC;IAC3B,SAAS,EAAE,mCAAa,CAAC,GAAG,CAAC;IAC7B,SAAS,EAAE,iCAAW;IACtB,YAAY,EAAE,iCAAW,CAAC,IAAI,CAAC;IAC/B,cAAc,EAAE,iCAAW,CAAC,IAAI,CAAC;IACjC,OAAO,EAAE,kBAAM,0DAAC,IAAE,OAAG;IACrB,IAAI,EAAE,4BAAM;CACb,AAAC;AAEF,SAAS,qCAAe,CAAC,KAAY,EAAE,EAAE;AAE1B,kDAAqB,UAAE,MAAM,CAAA,EAAc,EAAE;IAC1D,OAAQ,MAAM,CAAC,aAAa;QAC1B,KAAK,MAAM;YAAE;gBACX,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,QAAQ;YAAE;gBACb,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,aAAa;YAAE;gBAClB,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,WAAW;YAAE;gBAChB,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,WAAW;YAAE;gBAChB,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,cAAc;YAAE;gBACnB,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,gBAAgB;YAAE;gBACrB,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,MAAM;YAAE;gBACX,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC7C,qBAAO,0DAAC,eAAe;oBAAC,MAAM,EAAE,SAAS;kBAAI,CAAC;aAC/C;QACD,KAAK,SAAS;YAAE;gBACd,IAAI,eAAe,GAAG,qCAAe,CAAC,MAAM,CAAC,aAAa,CAAC,AAAC;gBAC5D,qBAAO,0DAAC,eAAe,OAAG,CAAC;aAC5B;KACF;IACD,qCAAe,CAAC,MAAM,CAAC,CAAC;CACzB","sources":["src/assistant_md.tsx"],"sourcesContent":["import React from \"react\";\n\nconst URL_REGEX =\n  /[(http(s)?):\\/\\/(www\\.)?a-zA-Z0-9@:%._\\+~#=-]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)/;\n\nconst normalStr = (str: string) => ({\n  type: \"normal_str\",\n  value: str,\n});\n\nconst urlStr = (str: string) => ({\n  type: \"url\",\n  value: str,\n});\n\nexport function parseUrlAndString(str: string) {\n  const results = [];\n  let remaining = str;\n  while (remaining) {\n    let match = remaining.match(URL_REGEX);\n    if (!match) {\n      results.push(normalStr(remaining));\n      break;\n    }\n\n    if (match.index !== 0) {\n      results.push(normalStr(remaining.slice(0, match.index)));\n      results.push(\n        urlStr(\n          remaining.slice(\n            match.index,\n            match.index && match.index + match[0].length\n          )\n        )\n      );\n      remaining = remaining.slice(match.index && match.index + match[0].length);\n      continue;\n    }\n    results.push(urlStr(remaining.slice(0, match[0].length)));\n    remaining = remaining.slice(match[0].length);\n  }\n  return results;\n}\n\nconst DisplayLineBreaks = ({ text }: { text: string }) => {\n  let texts = text.split(\"\\n\");\n  let lastOne = texts[texts.length - 1];\n  let exceptLastOne = texts.slice(0, texts.length - 1);\n  return (\n    <>\n      {exceptLastOne.reduce(\n        (arr: (string | JSX.Element)[], text) => [\n          ...arr,\n          text,\n          <br key={arr.length} />,\n        ],\n        []\n      )}\n      {lastOne}\n    </>\n  );\n};\n\nconst DisplayURL = ({ text }: { text: string }) => {\n  const parsed = parseUrlAndString(text);\n  return (\n    <>\n      {parsed.map(({ type, value }, i) =>\n        type === \"url\" ? (\n          <a href={value} target=\"_blank\" key={i} rel=\"noreferrer\">\n            {value}\n          </a>\n        ) : (\n          <DisplayLineBreaks text={value} key={i}></DisplayLineBreaks>\n        )\n      )}\n    </>\n  );\n};\n\ntype MdTypes =\n  | \"normal_text\"\n  | \"bold\"\n  | \"italic\"\n  | \"underline\"\n  | \"hyperlink\"\n  | \"ordered_list\"\n  | \"unordered_list\"\n  | \"newline\"\n  | \"join\";\n\ntype NormalText = {\n  normal_text: string;\n  markdown_text: \"normal_text\";\n};\n\ntype MdValueContainer = { value: MdText };\n\ntype BoldText = {\n  bold: MdValueContainer;\n  markdown_text: \"bold\";\n};\n\ntype ItalicText = {\n  italic: MdValueContainer;\n  markdown_text: \"italic\";\n};\n\ntype UnderlineText = {\n  underline: MdValueContainer;\n  markdown_text: \"underline\";\n};\n\ntype HyperLinkContainer = {\n  link: string;\n  value: MdText;\n};\n\ntype HyperLinkText = {\n  hyperlink: HyperLinkContainer;\n  markdown_text: \"hyperlink\";\n};\n\ntype MdList = {\n  list: MdText[];\n};\n\ntype OrdredListText = {\n  ordered_list: MdList;\n  markdown_text: \"ordered_list\";\n};\n\ntype UnOrdredListText = {\n  unordered_list: MdList;\n  markdown_text: \"unordered_list\";\n};\n\ntype NewlineText = {\n  markdown_text: \"newline\";\n};\n\ntype JoinMdContainer = {\n  lhs: MdText;\n  rhs: MdText;\n};\n\ntype JoinMdText = {\n  join: JoinMdContainer;\n  markdown_text: \"join\";\n};\n\ntype MdText =\n  | NormalText\n  | BoldText\n  | ItalicText\n  | UnderlineText\n  | HyperLinkText\n  | OrdredListText\n  | UnOrdredListText\n  | JoinMdText\n  | NewlineText;\n\ntype MdTextProp = { mdText: MdText };\n\ntype NormalRenderes = React.FunctionComponent<{ mdText: MdValueContainer }>;\n\ntype ListRenderers = React.FunctionComponent<{ mdText: MdList }>;\n\ntype TextRenderer = React.FunctionComponent<{ mdText: string }>;\n\ntype JoinMdRenderer = React.FunctionComponent<{ mdText: JoinMdContainer }>;\n\ntype HyperLinkRenderer = React.FunctionComponent<{\n  mdText: HyperLinkContainer;\n}>;\n\nconst normalWrapper: (TagName: React.ElementType) => NormalRenderes =\n  (TagName: React.ElementType) =>\n  ({ mdText }) =>\n    (\n      <TagName>\n        <AssistantMd mdText={mdText.value} />\n      </TagName>\n    );\n\nconst listWrapper: (TagName: React.ElementType) => ListRenderers =\n  (TagName) =>\n  ({ mdText: { list } }) =>\n    (\n      <TagName>\n        {list.map((mdText) => (\n          <li>\n            <AssistantMd mdText={mdText} />\n          </li>\n        ))}\n      </TagName>\n    );\n\ntype RenderTypes = MdTypes;\n\ntype MdRenderers =\n  | NormalRenderes\n  | ListRenderers\n  | TextRenderer\n  | HyperLinkRenderer\n  | JoinMdRenderer;\n\n// type RenderMap = Record<RenderTypes, MdRenderers>;\n\nconst NormalTextMd: TextRenderer = ({ mdText }) => {\n  return <DisplayURL text={mdText} />;\n};\n\nconst HyperLinkMd: HyperLinkRenderer = ({ mdText }) => (\n  <a href={mdText.link}>\n    <AssistantMd mdText={mdText.value} />\n  </a>\n);\n\nconst JoinMd: JoinMdRenderer = ({ mdText: { lhs, rhs } }) => (\n  <>\n    <AssistantMd mdText={lhs} />\n    <AssistantMd mdText={rhs} />\n  </>\n);\n\nconst mdTypeRenderers = {\n  normal_text: NormalTextMd,\n  bold: normalWrapper(\"strong\"),\n  italic: normalWrapper(\"em\"),\n  underline: normalWrapper(\"u\"),\n  hyperlink: HyperLinkMd,\n  ordered_list: listWrapper(\"ol\"),\n  unordered_list: listWrapper(\"ul\"),\n  newline: () => <br />,\n  join: JoinMd,\n};\n\nfunction exhaustiveCheck(param: never) {}\n\nexport default function AssistantMd({ mdText }: MdTextProp) {\n  switch (mdText.markdown_text) {\n    case \"bold\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"italic\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"normal_text\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"underline\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"hyperlink\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"ordered_list\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"unordered_list\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"join\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      let container = mdText[mdText.markdown_text];\n      return <RendenMDElement mdText={container} />;\n    }\n    case \"newline\": {\n      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];\n      return <RendenMDElement />;\n    }\n  }\n  exhaustiveCheck(mdText);\n}\n"],"names":[],"version":3,"file":"assistant_md.js.map"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@skitter/assistant_md",
+  "version": "1.0.0-alpha.0",
+  "description": "",
+  "source": "src/assistant_md.tsx",
+  "main": "dist/assistant_md.js",
+  "types": "dist/assistant_md.d.ts",
+  "scripts": {
+    "watch": "parcel watch",
+    "build": "parcel build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^16.8.2"
+  },
+  "volta": {
+    "node": "14.19.3"
+  },
+  "devDependencies": {
+    "@parcel/packager-ts": "^2.6.0",
+    "@parcel/transformer-typescript-types": "^2.6.0",
+    "@types/react": "^18.0.12",
+    "parcel": "^2.6.0",
+    "typescript": "^4.7.3"
+  }
+}

package/src/assistant_md.tsx

@@ -0,0 +1,289 @@
+import React from "react";
+
+const URL_REGEX =
+  /[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=-]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
+
+const normalStr = (str: string) => ({
+  type: "normal_str",
+  value: str,
+});
+
+const urlStr = (str: string) => ({
+  type: "url",
+  value: str,
+});
+
+export function parseUrlAndString(str: string) {
+  const results = [];
+  let remaining = str;
+  while (remaining) {
+    let match = remaining.match(URL_REGEX);
+    if (!match) {
+      results.push(normalStr(remaining));
+      break;
+    }
+
+    if (match.index !== 0) {
+      results.push(normalStr(remaining.slice(0, match.index)));
+      results.push(
+        urlStr(
+          remaining.slice(
+            match.index,
+            match.index && match.index + match[0].length
+          )
+        )
+      );
+      remaining = remaining.slice(match.index && match.index + match[0].length);
+      continue;
+    }
+    results.push(urlStr(remaining.slice(0, match[0].length)));
+    remaining = remaining.slice(match[0].length);
+  }
+  return results;
+}
+
+const DisplayLineBreaks = ({ text }: { text: string }) => {
+  let texts = text.split("\n");
+  let lastOne = texts[texts.length - 1];
+  let exceptLastOne = texts.slice(0, texts.length - 1);
+  return (
+    <>
+      {exceptLastOne.reduce(
+        (arr: (string | JSX.Element)[], text) => [
+          ...arr,
+          text,
+          <br key={arr.length} />,
+        ],
+        []
+      )}
+      {lastOne}
+    </>
+  );
+};
+
+const DisplayURL = ({ text }: { text: string }) => {
+  const parsed = parseUrlAndString(text);
+  return (
+    <>
+      {parsed.map(({ type, value }, i) =>
+        type === "url" ? (
+          <a href={value} target="_blank" key={i} rel="noreferrer">
+            {value}
+          </a>
+        ) : (
+          <DisplayLineBreaks text={value} key={i}></DisplayLineBreaks>
+        )
+      )}
+    </>
+  );
+};
+
+type MdTypes =
+  | "normal_text"
+  | "bold"
+  | "italic"
+  | "underline"
+  | "hyperlink"
+  | "ordered_list"
+  | "unordered_list"
+  | "newline"
+  | "join";
+
+type NormalText = {
+  normal_text: string;
+  markdown_text: "normal_text";
+};
+
+type MdValueContainer = { value: MdText };
+
+type BoldText = {
+  bold: MdValueContainer;
+  markdown_text: "bold";
+};
+
+type ItalicText = {
+  italic: MdValueContainer;
+  markdown_text: "italic";
+};
+
+type UnderlineText = {
+  underline: MdValueContainer;
+  markdown_text: "underline";
+};
+
+type HyperLinkContainer = {
+  link: string;
+  value: MdText;
+};
+
+type HyperLinkText = {
+  hyperlink: HyperLinkContainer;
+  markdown_text: "hyperlink";
+};
+
+type MdList = {
+  list: MdText[];
+};
+
+type OrdredListText = {
+  ordered_list: MdList;
+  markdown_text: "ordered_list";
+};
+
+type UnOrdredListText = {
+  unordered_list: MdList;
+  markdown_text: "unordered_list";
+};
+
+type NewlineText = {
+  markdown_text: "newline";
+};
+
+type JoinMdContainer = {
+  lhs: MdText;
+  rhs: MdText;
+};
+
+type JoinMdText = {
+  join: JoinMdContainer;
+  markdown_text: "join";
+};
+
+type MdText =
+  | NormalText
+  | BoldText
+  | ItalicText
+  | UnderlineText
+  | HyperLinkText
+  | OrdredListText
+  | UnOrdredListText
+  | JoinMdText
+  | NewlineText;
+
+type MdTextProp = { mdText: MdText };
+
+type NormalRenderes = React.FunctionComponent<{ mdText: MdValueContainer }>;
+
+type ListRenderers = React.FunctionComponent<{ mdText: MdList }>;
+
+type TextRenderer = React.FunctionComponent<{ mdText: string }>;
+
+type JoinMdRenderer = React.FunctionComponent<{ mdText: JoinMdContainer }>;
+
+type HyperLinkRenderer = React.FunctionComponent<{
+  mdText: HyperLinkContainer;
+}>;
+
+const normalWrapper: (TagName: React.ElementType) => NormalRenderes =
+  (TagName: React.ElementType) =>
+  ({ mdText }) =>
+    (
+      <TagName>
+        <AssistantMd mdText={mdText.value} />
+      </TagName>
+    );
+
+const listWrapper: (TagName: React.ElementType) => ListRenderers =
+  (TagName) =>
+  ({ mdText: { list } }) =>
+    (
+      <TagName>
+        {list.map((mdText) => (
+          <li>
+            <AssistantMd mdText={mdText} />
+          </li>
+        ))}
+      </TagName>
+    );
+
+type RenderTypes = MdTypes;
+
+type MdRenderers =
+  | NormalRenderes
+  | ListRenderers
+  | TextRenderer
+  | HyperLinkRenderer
+  | JoinMdRenderer;
+
+// type RenderMap = Record<RenderTypes, MdRenderers>;
+
+const NormalTextMd: TextRenderer = ({ mdText }) => {
+  return <DisplayURL text={mdText} />;
+};
+
+const HyperLinkMd: HyperLinkRenderer = ({ mdText }) => (
+  <a href={mdText.link}>
+    <AssistantMd mdText={mdText.value} />
+  </a>
+);
+
+const JoinMd: JoinMdRenderer = ({ mdText: { lhs, rhs } }) => (
+  <>
+    <AssistantMd mdText={lhs} />
+    <AssistantMd mdText={rhs} />
+  </>
+);
+
+const mdTypeRenderers = {
+  normal_text: NormalTextMd,
+  bold: normalWrapper("strong"),
+  italic: normalWrapper("em"),
+  underline: normalWrapper("u"),
+  hyperlink: HyperLinkMd,
+  ordered_list: listWrapper("ol"),
+  unordered_list: listWrapper("ul"),
+  newline: () => <br />,
+  join: JoinMd,
+};
+
+function exhaustiveCheck(param: never) {}
+
+export default function AssistantMd({ mdText }: MdTextProp) {
+  switch (mdText.markdown_text) {
+    case "bold": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "italic": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "normal_text": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "underline": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "hyperlink": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "ordered_list": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "unordered_list": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "join": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      let container = mdText[mdText.markdown_text];
+      return <RendenMDElement mdText={container} />;
+    }
+    case "newline": {
+      let RendenMDElement = mdTypeRenderers[mdText.markdown_text];
+      return <RendenMDElement />;
+    }
+  }
+  exhaustiveCheck(mdText);
+}