@advui/editor 0.5.0

package/dist/components/rich-text-editor/markdown.js

@@ -0,0 +1,203 @@
+/**
+ * The Markdown subset Rich Text Editor writes and Rich Text Content reads:
+ * **bold**, _italic_, ~~strike~~, `code`, [links](https://…), `#` headings,
+ * `-` and `1.` lists, and `>` quotes.
+ */
+const marks = { bold: '**', italic: '_', strikethrough: '~~', code: '`' };
+const linePatterns = {
+    heading: /^#{1,6} /,
+    bulletList: /^[-*] /,
+    orderedList: /^\d+\. /,
+    quote: /^> /,
+};
+/** Lists replace each other; a heading replaces a list. Quotes nest around anything. */
+const replaces = {
+    heading: [linePatterns.heading, linePatterns.bulletList, linePatterns.orderedList],
+    bulletList: [linePatterns.bulletList, linePatterns.orderedList, linePatterns.heading],
+    orderedList: [linePatterns.orderedList, linePatterns.bulletList, linePatterns.heading],
+    quote: [linePatterns.quote],
+};
+/**
+ * Applies a toolbar tool to the text around the selection. Pressing a tool
+ * again removes it. Returns the new text and what to select next.
+ */
+export function applyFormat(value, selection, tool, placeholder = tool === 'link' ? 'link text' : 'text') {
+    const start = Math.max(0, Math.min(selection.start, selection.end, value.length));
+    const end = Math.min(value.length, Math.max(selection.start, selection.end));
+    const selected = value.slice(start, end);
+    if (tool in marks) {
+        const mark = marks[tool];
+        const n = mark.length;
+        // The marks sit just outside the selection: remove them.
+        if (value.slice(start - n, start) === mark && value.slice(end, end + n) === mark) {
+            return {
+                value: value.slice(0, start - n) + selected + value.slice(end + n),
+                selection: { start: start - n, end: end - n },
+            };
+        }
+        // The selection includes the marks: remove them.
+        if (selected.length >= 2 * n && selected.startsWith(mark) && selected.endsWith(mark)) {
+            const inner = selected.slice(n, -n);
+            return {
+                value: value.slice(0, start) + inner + value.slice(end),
+                selection: { start, end: start + inner.length },
+            };
+        }
+        const text = selected || placeholder;
+        return {
+            value: value.slice(0, start) + mark + text + mark + value.slice(end),
+            selection: { start: start + n, end: start + n + text.length },
+        };
+    }
+    if (tool === 'link') {
+        const url = 'https://';
+        const text = selected || placeholder;
+        const inserted = `[${text}](${url})`;
+        // With text selected the address is next to type; otherwise the text is.
+        const focus = selected
+            ? { start: start + text.length + 3, end: start + text.length + 3 + url.length }
+            : { start: start + 1, end: start + 1 + text.length };
+        return { value: value.slice(0, start) + inserted + value.slice(end), selection: focus };
+    }
+    // Line tools work on every line the selection touches.
+    const kind = tool;
+    const lineStart = value.lastIndexOf('\n', start - 1) + 1;
+    const endsAtBreak = end > start && value[end - 1] === '\n';
+    let lineEnd = value.indexOf('\n', endsAtBreak ? end - 1 : end);
+    if (lineEnd === -1)
+        lineEnd = value.length;
+    const lines = value.slice(lineStart, lineEnd).split('\n');
+    const filled = lines.filter((line) => line.trim() !== '');
+    const remove = filled.length > 0 && filled.every((line) => linePatterns[kind].test(line));
+    let number = 0;
+    const next = lines.map((line) => {
+        if (remove)
+            return line.replace(linePatterns[kind], '');
+        if (line.trim() === '' && lines.length > 1)
+            return line;
+        const bare = replaces[kind].reduce((text, pattern) => text.replace(pattern, ''), line);
+        number += 1;
+        const prefix = kind === 'heading'
+            ? '## '
+            : kind === 'bulletList'
+                ? '- '
+                : kind === 'orderedList'
+                    ? `${number}. `
+                    : '> ';
+        return prefix + bare;
+    });
+    const block = next.join('\n');
+    const result = value.slice(0, lineStart) + block + value.slice(lineEnd);
+    if (lines.length > 1) {
+        return { value: result, selection: { start: lineStart, end: lineStart + block.length } };
+    }
+    const delta = block.length - (lineEnd - lineStart);
+    return {
+        value: result,
+        selection: {
+            start: Math.max(lineStart, start + delta),
+            end: Math.max(lineStart, end + delta),
+        },
+    };
+}
+/** Keyboard shortcuts (with ⌘ or Ctrl). */
+export const shortcuts = {
+    b: 'bold',
+    i: 'italic',
+    k: 'link',
+};
+const inlinePatterns = [
+    { type: 'code', pattern: /`([^`\n]+)`/ },
+    { type: 'link', pattern: /\[([^\]\n]+)\]\(([^)\s]+)\)/ },
+    { type: 'bold', pattern: /\*\*(.+?)\*\*/ },
+    { type: 'strike', pattern: /~~(.+?)~~/ },
+    { type: 'italic', pattern: /(?<![\w\\])_(.+?)_(?!\w)|(?<!\*)\*([^*\n]+)\*(?!\*)/ },
+];
+/** Only web and mail links are followed; anything else (e.g. `javascript:`) stays text. */
+export function safeHref(href) {
+    return /^(https?:\/\/|mailto:)/i.test(href) ? href : null;
+}
+export function parseInline(text) {
+    const nodes = [];
+    let rest = text;
+    while (rest) {
+        let first = null;
+        for (const { type, pattern } of inlinePatterns) {
+            const match = pattern.exec(rest);
+            if (match && (!first || match.index < first.match.index))
+                first = { type, match };
+        }
+        if (!first) {
+            nodes.push({ type: 'text', text: rest });
+            break;
+        }
+        const { type, match } = first;
+        if (match.index > 0)
+            nodes.push({ type: 'text', text: rest.slice(0, match.index) });
+        const inner = match[1] ?? match[2] ?? '';
+        if (type === 'code')
+            nodes.push({ type: 'code', text: inner });
+        else if (type === 'link') {
+            const href = safeHref(match[2]);
+            if (href)
+                nodes.push({ type: 'link', href, children: parseInline(inner) });
+            else
+                nodes.push(...parseInline(inner));
+        }
+        else
+            nodes.push({ type: type, children: parseInline(inner) });
+        rest = rest.slice(match.index + match[0].length);
+    }
+    return nodes;
+}
+export function parseMarkdown(source) {
+    const blocks = [];
+    const lines = source.replace(/\r\n?/g, '\n').split('\n');
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i];
+        if (line.trim() === '') {
+            i++;
+            continue;
+        }
+        const heading = /^(#{1,6}) (.*)$/.exec(line);
+        if (heading) {
+            blocks.push({
+                type: 'heading',
+                level: heading[1].length,
+                children: parseInline(heading[2]),
+            });
+            i++;
+            continue;
+        }
+        if (/^> ?/.test(line)) {
+            const quoted = [];
+            while (i < lines.length && /^> ?/.test(lines[i]))
+                quoted.push(lines[i++].replace(/^> ?/, ''));
+            blocks.push({ type: 'quote', children: parseMarkdown(quoted.join('\n')) });
+            continue;
+        }
+        const listItem = /^([-*]|\d+\.) (.*)$/.exec(line);
+        if (listItem) {
+            const ordered = listItem[1].endsWith('.');
+            const items = [];
+            while (i < lines.length) {
+                const item = /^([-*]|\d+\.) (.*)$/.exec(lines[i]);
+                if (!item || item[1].endsWith('.') !== ordered)
+                    break;
+                items.push(parseInline(item[2]));
+                i++;
+            }
+            blocks.push({ type: 'list', ordered, start: ordered ? parseInt(listItem[1], 10) : 1, items });
+            continue;
+        }
+        const paragraph = [];
+        while (i < lines.length &&
+            lines[i].trim() !== '' &&
+            !/^(#{1,6} |> ?|[-*] |\d+\. )/.test(lines[i]))
+            paragraph.push(lines[i++]);
+        blocks.push({ type: 'paragraph', children: parseInline(paragraph.join('\n')) });
+    }
+    return blocks;
+}
+//# sourceMappingURL=markdown.js.map

package/dist/components/rich-text-editor/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../src/components/rich-text-editor/markdown.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/rich-text-editor';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAA"}

package/dist/index.js

@@ -0,0 +1,3 @@
+// Rich text editing: the Markdown editor, its viewer and the Markdown helpers they share.
+export * from './components/rich-text-editor';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,cAAc,+BAA+B,CAAA"}

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@advui/editor",
+  "version": "0.5.0",
+  "description": "Rich text editing for Adv UI: a Markdown editor with a formatting toolbar, shortcuts and a preview, and a viewer for the same Markdown, on web, iOS and Android.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zinmin232/advui.git",
+    "directory": "packages/editor"
+  },
+  "homepage": "https://github.com/zinmin232/advui/tree/main/packages/editor#readme",
+  "bugs": {
+    "url": "https://github.com/zinmin232/advui/issues"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "react-native": "./src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "!src/**/*.test.*",
+    "!src/**/examples",
+    "!src/**/*.meta.ts"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "react-native": "./dist/index.js"
+  },
+  "dependencies": {
+    "@advui/icons": "0.5.0"
+  },
+  "peerDependencies": {
+    "@advui/core": "^0.5.0",
+    "react": ">=19",
+    "react-native": "*",
+    "tamagui": "^2.7.7"
+  },
+  "devDependencies": {
+    "@jest/globals": "^29.7.0",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/react-native": "^14.0.1",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/node": "^22.15.0",
+    "@types/react": "~19.2.2",
+    "@types/react-dom": "~19.2.2",
+    "@advui/eslint-config": "0.1.0",
+    "@advui/tsconfig": "0.1.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "babel-preset-expo": "~57.0.13",
+    "expo": "~57.0.25",
+    "happy-dom": "^20.14.5",
+    "jest": "^29.7.0",
+    "jest-expo": "~57.0.5",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-svg": "15.15.4",
+    "react-native-web": "~0.21.0",
+    "tamagui": "2.7.7",
+    "test-renderer": "~1.2.0",
+    "vite": "^8.3.1",
+    "vitest": "^5.0.2",
+    "@advui/core": "0.5.0",
+    "@advui/theme": "0.5.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
+    "test:native": "jest --config jest.native.config.js"
+  }
+}

package/src/components/rich-text-editor/RichTextContent.tsx

@@ -0,0 +1,119 @@
+import { Fragment, type ReactNode } from 'react'
+import { Linking } from 'react-native'
+import { type GetProps, View, XStack, isWeb } from 'tamagui'
+import { Text, type TextSize } from '@advui/core'
+import { type BlockNode, type InlineNode, parseMarkdown } from './markdown'
+
+const headingSizes = { 1: 'xl', 2: 'lg', 3: 'base' } as const
+
+// Nested text takes the block's size: Text's own default would reset it.
+function Inline({ nodes, size }: { nodes: InlineNode[]; size: TextSize }): ReactNode {
+  return nodes.map((node, i) => {
+    switch (node.type) {
+      case 'text':
+        return <Fragment key={i}>{node.text}</Fragment>
+      case 'code':
+        return (
+          <Text key={i} mono size={size} backgroundColor="$muted" borderRadius="$xs">
+            {` ${node.text} `}
+          </Text>
+        )
+      case 'bold':
+        return (
+          <Text key={i} size={size} fontWeight="700">
+            <Inline nodes={node.children} size={size} />
+          </Text>
+        )
+      case 'italic':
+        return (
+          <Text key={i} size={size} fontStyle="italic">
+            <Inline nodes={node.children} size={size} />
+          </Text>
+        )
+      case 'strike':
+        return (
+          <Text key={i} size={size} textDecorationLine="line-through">
+            <Inline nodes={node.children} size={size} />
+          </Text>
+        )
+      case 'link':
+        return (
+          <Text
+            key={i}
+            size={size}
+            tone="primary"
+            textDecorationLine="underline"
+            {...(isWeb
+              ? { render: 'a', href: node.href, target: '_blank', rel: 'noopener noreferrer' }
+              : { role: 'link', onPress: () => void Linking.openURL(node.href) })}
+          >
+            <Inline nodes={node.children} size={size} />
+          </Text>
+        )
+    }
+  })
+}
+
+function Blocks({ blocks, headingOffset }: { blocks: BlockNode[]; headingOffset: number }) {
+  return blocks.map((block, i) => {
+    switch (block.type) {
+      case 'heading': {
+        const size = headingSizes[block.level as 1 | 2 | 3] ?? 'base'
+        return (
+          <Text
+            key={i}
+            role="heading"
+            aria-level={Math.min(6, block.level + headingOffset)}
+            size={size}
+            weight="semibold"
+          >
+            <Inline nodes={block.children} size={size} />
+          </Text>
+        )
+      }
+      case 'paragraph':
+        return (
+          <Text key={i} size="sm">
+            <Inline nodes={block.children} size="sm" />
+          </Text>
+        )
+      case 'quote':
+        return (
+          <View key={i} borderLeftWidth={3} borderColor="$border" paddingLeft="$3" gap="$2">
+            <Blocks blocks={block.children} headingOffset={headingOffset} />
+          </View>
+        )
+      case 'list':
+        return (
+          <View key={i} gap="$1" {...(isWeb && { role: 'list' })}>
+            {block.items.map((item, j) => (
+              <XStack key={j} gap="$2" {...(isWeb && { role: 'listitem' })}>
+                <Text aria-hidden size="sm" tone="muted" minWidth="$4" textAlign="right">
+                  {block.ordered ? `${block.start + j}.` : '•'}
+                </Text>
+                <Text size="sm" flex={1}>
+                  <Inline nodes={item} size="sm" />
+                </Text>
+              </XStack>
+            ))}
+          </View>
+        )
+    }
+  })
+}
+
+export interface RichTextContentProps extends Omit<GetProps<typeof View>, 'children'> {
+  /** Markdown, as written by Rich Text Editor. */
+  children: string
+  /** Added to heading levels: with 1 (default), `#` is an h2 under your page's h1. */
+  headingOffset?: number
+}
+
+/** Shows Markdown written with Rich Text Editor, with the same styles on every platform. */
+export function RichTextContent({ children, headingOffset = 1, ...props }: RichTextContentProps) {
+  return (
+    <View gap="$3" {...props}>
+      <Blocks blocks={parseMarkdown(children)} headingOffset={headingOffset} />
+    </View>
+  )
+}