@skitter/assistant_md 1.0.0 → 1.0.2-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;AAqDD,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 DisplayWithSpace = ({ text }: { text: string }) => {\n  return <span style={{ whiteSpace: \"pre-wrap\" }}>{text}</span>;\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          <DisplayWithSpace text={text} />,\n          <br key={arr.length} />,\n        ],\n        []\n      )}\n      {<DisplayWithSpace text={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} target=\"_blank\">\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,193 @@
+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$DisplayWithSpace = ({ text: text  })=>{
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement("span", {
+        style: {
+            whiteSpace: "pre-wrap"
+        }
+    }, text);
+};
+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,
+            /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$var$DisplayWithSpace, {
+                text: text
+            }),
+            /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement("br", {
+                key: arr.length
+            }), 
+        ], []), /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$var$DisplayWithSpace, {
+        text: 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,
+        target: "_blank"
+    }, /*#__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":"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","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 DisplayWithSpace = ({ text }: { text: string }) => {\n  return <span style={{ whiteSpace: \"pre-wrap\" }}>{text}</span>;\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          <DisplayWithSpace text={text} />,\n          <br key={arr.length} />,\n        ],\n        []\n      )}\n      {<DisplayWithSpace text={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} target=\"_blank\">\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

@@ -1,10 +1,13 @@
 {
   "name": "@skitter/assistant_md",
-  "version": "1.0.0",
+  "version": "1.0.2-alpha.0",
   "description": "",
-  "main": "./assistant_md.js",
+  "source": "src/assistant_md.tsx",
+  "main": "dist/assistant_md.js",
+  "types": "dist/assistant_md.d.ts",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "watch": "parcel watch",
+    "build": "parcel build"
   },
   "keywords": [],
   "author": "",
@@ -14,5 +17,12 @@
   },
   "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,293 @@
+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 DisplayWithSpace = ({ text }: { text: string }) => {
+  return <span style={{ whiteSpace: "pre-wrap" }}>{text}</span>;
+};
+
+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,
+          <DisplayWithSpace text={text} />,
+          <br key={arr.length} />,
+        ],
+        []
+      )}
+      {<DisplayWithSpace text={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} target="_blank">
+    <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);
+}

package/tsconfig.json

@@ -0,0 +1,104 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig to read more about this file */
+
+    /* Projects */
+    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+
+    /* Language and Environment */
+    "target": "es2016",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+    // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    "jsx": "react",
+    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+
+    /* Modules */
+    "module": "commonjs",                                /* Specify what module code is generated. */
+    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    // "moduleResolution": "node",                       /* Specify how TypeScript looks up a file from a given module specifier. */
+    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "resolveJsonModule": true,                        /* Enable importing .json files. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+
+    /* JavaScript Support */
+    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+
+    /* Emit */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+    // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
+    // "removeComments": true,                           /* Disable emitting comments. */
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+    // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
+
+    /* Interop Constraints */
+    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
+
+    /* Type Checking */
+    "strict": true,                                      /* Enable all strict type-checking options. */
+     "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+    "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
+    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
+  }
+}

package/assistant_md.js

@@ -1,119 +0,0 @@
-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) => ({
-    type: "normal_str",
-    value: str
-});
-
-const urlStr = (str) => ({
-    type: "url",
-    value: str
-});
-
-const normalWrapper = (TagName) => ({ mdText }) => (
-    <TagName>
-        <AssistantMd mdText={mdText.value} />
-    </TagName>
-);
-
-const listWrapper = (TagName) => ({ mdText: { list } }) => (
-    <TagName>
-        {list.map((mdText) => (
-            <li>
-                <AssistantMd mdText={mdText} />
-            </li>
-        ))}
-    </TagName>
-);
-
-export function parseUrlAndString(str) {
-    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[0].length))
-            );
-            remaining = remaining.slice(match.index + match[0].length);
-            continue;
-        }
-        results.push(urlStr(remaining.slice(0, match[0].length)));
-        remaining = remaining.slice(match[0].length);
-    }
-    return results;
-}
-
-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
-};
-
-const DisplayLineBreaks = ({ text }) => {
-    let texts = text.split("\n");
-    let lastOne = texts[texts.length - 1];
-    let exceptLastOne = texts.slice(0, texts.length - 1);
-    return (
-        <>
-            {exceptLastOne.reduce(
-                (arr, text) => [...arr, text, <br key={arr.length} />],
-                []
-            )}
-            {lastOne}
-        </>
-    );
-};
-
-const DisplayURL = ({ text }) => {
-    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>
-        )
-    );
-};
-
-function NormalTextMd({ mdText }) {
-    return <DisplayURL text={mdText} />;
-}
-
-function HyperLinkMd({ mdText }) {
-    return (
-        <a href={mdText.link}>
-            <AssistantMd mdText={mdText.value} />
-        </a>
-    );
-}
-
-function JoinMd({ mdText: { lhs, rhs } }) {
-    return (
-        <>
-            <AssistantMd mdText={lhs} />
-            <AssistantMd mdText={rhs} />
-        </>
-    );
-}
-
-export default function AssistantMd({ mdText }) {
-    let RenderMd = mdTypeRenderers[mdText.markdown_text];
-    return <RenderMd mdText={mdText[mdText.markdown_text]} />;
-}