@skitter/assistant_md 1.0.3 → 1.0.5

package/dist/assistant_md.d.ts

@@ -55,6 +55,7 @@ type MdText = NormalText | BoldText | ItalicText | UnderlineText | HyperLinkText
 type MdTextProp = {
     mdText: MdText;
 };
+export function evalNormalOrJoinText(mdText: any): any;
 export default function AssistantMd({ mdText }: MdTextProp): JSX.Element;
 
 //# sourceMappingURL=assistant_md.d.ts.map

package/dist/assistant_md.d.ts.map

@@ -1 +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"}
+{"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;AAyDrC,qCAAqC,MAAM,EAAE,GAAG,GAAG,GAAG,CAMrD;AAuCD,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\nexport function evalNormalOrJoinText(mdText: any): any {\n  return mdText.markdown_text === \"normal_text\"\n    ? mdText.normal_text\n    : mdText.markdown_text === \"join\"\n    ? joinAsNormalText(mdText.join.lhs, mdText.join.rhs)\n    : null;\n}\n\nfunction joinAsNormalText(lhs: any, rhs: any): string | null {\n  let evaluatedLhs = evalNormalOrJoinText(lhs);\n  let evaluatedRhs = evalNormalOrJoinText(rhs);\n  return (\n    (evaluatedLhs !== null &&\n      evaluatedRhs !== null &&\n      `${evaluatedLhs}${evaluatedRhs}`) ||\n    null\n  );\n}\n\nconst JoinMd: JoinMdRenderer = ({ mdText: { lhs, rhs } }) => {\n  let normalText = joinAsNormalText(lhs, rhs);\n  return normalText ? (\n    <NormalTextMd mdText={normalText} />\n  ) : (\n    <>\n      <AssistantMd mdText={lhs} />\n      <AssistantMd mdText={rhs} />\n    </>\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

@@ -14,6 +14,7 @@ $parcel$defineInteropFlag(module.exports);
 
 $parcel$export(module.exports, "parseUrlAndString", () => $69304f3cd9aa4f81$export$41849f4004f0a2a6);
 $parcel$export(module.exports, "default", () => $69304f3cd9aa4f81$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "evalNormalOrJoinText", () => $69304f3cd9aa4f81$export$28609798bd00e85c);
 
 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)=>({
@@ -97,11 +98,24 @@ const $69304f3cd9aa4f81$var$HyperLinkMd = ({ mdText: mdText  })=>/*#__PURE__*/ (
     }, /*#__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, {
+function $69304f3cd9aa4f81$export$28609798bd00e85c(mdText) {
+    return mdText.markdown_text === "normal_text" ? mdText.normal_text : mdText.markdown_text === "join" ? $69304f3cd9aa4f81$var$joinAsNormalText(mdText.join.lhs, mdText.join.rhs) : null;
+}
+function $69304f3cd9aa4f81$var$joinAsNormalText(lhs, rhs) {
+    let evaluatedLhs = $69304f3cd9aa4f81$export$28609798bd00e85c(lhs);
+    let evaluatedRhs = $69304f3cd9aa4f81$export$28609798bd00e85c(rhs);
+    return evaluatedLhs !== null && evaluatedRhs !== null && `${evaluatedLhs}${evaluatedRhs}` || null;
+}
+const $69304f3cd9aa4f81$var$JoinMd = ({ mdText: { lhs: lhs , rhs: rhs  }  })=>{
+    let normalText = $69304f3cd9aa4f81$var$joinAsNormalText(lhs, rhs);
+    return normalText ? /*#__PURE__*/ (0, ($parcel$interopDefault($kmRvl$react))).createElement($69304f3cd9aa4f81$var$NormalTextMd, {
+        mdText: normalText
+    }) : /*#__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"),

package/dist/assistant_md.js.map

@@ -1 +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"}
+{"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\nexport function evalNormalOrJoinText(mdText: any): any {\n  return mdText.markdown_text === \"normal_text\"\n    ? mdText.normal_text\n    : mdText.markdown_text === \"join\"\n    ? joinAsNormalText(mdText.join.lhs, mdText.join.rhs)\n    : null;\n}\n\nfunction joinAsNormalText(lhs: any, rhs: any): string | null {\n  let evaluatedLhs = evalNormalOrJoinText(lhs);\n  let evaluatedRhs = evalNormalOrJoinText(rhs);\n  return (\n    (evaluatedLhs !== null &&\n      evaluatedRhs !== null &&\n      `${evaluatedLhs}${evaluatedRhs}`) ||\n    null\n  );\n}\n\nconst JoinMd: JoinMdRenderer = ({ mdText: { lhs, rhs } }) => {\n  let normalText = joinAsNormalText(lhs, rhs);\n  return normalText ? (\n    <NormalTextMd mdText={normalText} />\n  ) : (\n    <>\n      <AssistantMd mdText={lhs} />\n      <AssistantMd mdText={rhs} />\n    </>\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,6 +1,6 @@
 {
   "name": "@skitter/assistant_md",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "source": "src/assistant_md.tsx",
   "main": "dist/assistant_md.js",

package/src/assistant_md.tsx

@@ -221,12 +221,36 @@ const HyperLinkMd: HyperLinkRenderer = ({ mdText }) => (
   </a>
 );
 
-const JoinMd: JoinMdRenderer = ({ mdText: { lhs, rhs } }) => (
-  <>
-    <AssistantMd mdText={lhs} />
-    <AssistantMd mdText={rhs} />
-  </>
-);
+export function evalNormalOrJoinText(mdText: any): any {
+  return mdText.markdown_text === "normal_text"
+    ? mdText.normal_text
+    : mdText.markdown_text === "join"
+    ? joinAsNormalText(mdText.join.lhs, mdText.join.rhs)
+    : null;
+}
+
+function joinAsNormalText(lhs: any, rhs: any): string | null {
+  let evaluatedLhs = evalNormalOrJoinText(lhs);
+  let evaluatedRhs = evalNormalOrJoinText(rhs);
+  return (
+    (evaluatedLhs !== null &&
+      evaluatedRhs !== null &&
+      `${evaluatedLhs}${evaluatedRhs}`) ||
+    null
+  );
+}
+
+const JoinMd: JoinMdRenderer = ({ mdText: { lhs, rhs } }) => {
+  let normalText = joinAsNormalText(lhs, rhs);
+  return normalText ? (
+    <NormalTextMd mdText={normalText} />
+  ) : (
+    <>
+      <AssistantMd mdText={lhs} />
+      <AssistantMd mdText={rhs} />
+    </>
+  );
+};
 
 const mdTypeRenderers = {
   normal_text: NormalTextMd,