@skitter/assistant_md 1.0.0-alpha.0 → 1.0.0

package/assistant_md.js

@@ -0,0 +1,119 @@
+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]} />;
+}

package/package.json

@@ -1,13 +1,10 @@
 {
   "name": "@skitter/assistant_md",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0",
   "description": "",
-  "source": "src/assistant_md.tsx",
-  "main": "dist/assistant_md.js",
-  "types": "dist/assistant_md.d.ts",
+  "main": "./assistant_md.js",
   "scripts": {
-    "watch": "parcel watch",
-    "build": "parcel build"
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "",
@@ -17,12 +14,5 @@
   },
   "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"
   }
 }