Files
colanode/packages/ui/package.json
Ylber Gashi c945579abd Mobile: WebView-based page editor with TipTap (#345)
* Mobile: replace inline page editor with WebView-based TipTap editor

Replaces the plain-text block-by-block page editor with a Vite-built
WebView that runs the full TipTap rich text editor. The editor HTML is
bundled as a single self-contained asset, loaded via expo-asset and
rendered in react-native-webview. Communication between RN and the
WebView uses postMessage/onMessage bridge for init, mutations, queries,
theme changes, and navigation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* Mobile: reorganize WebView editor as standalone package

Moves the editor WebView app from apps/mobile/src/editor-webview/ to
apps/mobile/webviews/editor/ as a first-class build target with its own
package.json, tsconfig.json, and vite.config.ts. This fixes TypeScript
compilation (editor code no longer typechecked as React Native) and
makes the build story clearer.

- WebView editor is now at apps/mobile/webviews/editor/
- Built artifact copied to apps/mobile/assets/editor-dist/ on prestart
- Vite dev server support for fast iteration
- Tailwind CSS @source path fixed (../../../../packages/ui)
- Page title editing restored via RenameNodeSheet
- File preview now converts file:// to base64 data URLs for WebView
- WebView hidden until ready to avoid white flash
- Keyboard accessory bar hidden on iOS

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-15 13:43:17 +01:00

104 lines
3.4 KiB
JSON

{
"$schema": "https://json.schemastore.org/package.json",
"name": "@colanode/ui",
"version": "1.0.0",
"type": "module",
"exports": {
".": "./src/index.ts"
},
"files": [
"src"
],
"scripts": {
"compile": "tsc --noEmit",
"test": "vitest --passWithNoTests",
"lint": "eslint . --max-warnings 0",
"build": "tsc",
"coverage": "vitest run --coverage "
},
"devDependencies": {
"@tailwindcss/postcss": "^4.1.18",
"@types/is-hotkey": "^0.1.10",
"@types/react": "^19.2.13",
"@types/react-dom": "^19.2.3",
"tailwindcss": "^4.1.18",
"tw-animate-css": "^1.4.0"
},
"dependencies": {
"@colanode/client": "*",
"@colanode/core": "*",
"@floating-ui/react": "^0.27.17",
"@hookform/resolvers": "^5.2.2",
"@radix-ui/react-alert-dialog": "^1.1.15",
"@radix-ui/react-checkbox": "^1.3.3",
"@radix-ui/react-collapsible": "^1.1.12",
"@radix-ui/react-context-menu": "^2.2.16",
"@radix-ui/react-dialog": "^1.1.15",
"@radix-ui/react-dropdown-menu": "^2.1.16",
"@radix-ui/react-hover-card": "^1.1.15",
"@radix-ui/react-label": "^2.1.8",
"@radix-ui/react-popover": "^1.1.15",
"@radix-ui/react-scroll-area": "^1.2.10",
"@radix-ui/react-separator": "^1.1.8",
"@radix-ui/react-slot": "^1.2.4",
"@radix-ui/react-tabs": "^1.1.13",
"@radix-ui/react-tooltip": "^1.2.8",
"@react-oauth/google": "^0.13.4",
"@tanstack/react-db": "^0.1.69",
"@tanstack/react-form": "^1.28.0",
"@tanstack/react-query": "^5.90.20",
"@tanstack/react-router": "^1.159.5",
"@tanstack/react-virtual": "^3.13.18",
"@tiptap/core": "^3.19.0",
"@tiptap/extension-blockquote": "^3.19.0",
"@tiptap/extension-bold": "^3.19.0",
"@tiptap/extension-code": "^3.19.0",
"@tiptap/extension-code-block": "^3.20.1",
"@tiptap/extension-code-block-lowlight": "^3.19.0",
"@tiptap/extension-document": "^3.19.0",
"@tiptap/extension-hard-break": "^3.19.0",
"@tiptap/extension-horizontal-rule": "^3.19.0",
"@tiptap/extension-italic": "^3.19.0",
"@tiptap/extension-link": "^3.19.0",
"@tiptap/extension-list": "^3.19.0",
"@tiptap/extension-paragraph": "^3.19.0",
"@tiptap/extension-strike": "^3.19.0",
"@tiptap/extension-table": "^3.19.0",
"@tiptap/extension-text": "^3.19.0",
"@tiptap/extension-underline": "^3.19.0",
"@tiptap/extensions": "^3.19.0",
"@tiptap/markdown": "^3.19.0",
"@tiptap/pm": "^3.19.0",
"@tiptap/react": "^3.19.0",
"@tiptap/suggestion": "^3.19.0",
"class-variance-authority": "^0.7.1",
"cmdk": "^1.1.1",
"date-fns": "^4.1.0",
"highlight.js": "^11.11.1",
"immer": "^11.1.3",
"is-hotkey": "^0.2.0",
"lowlight": "^3.3.0",
"lucide-react": "^0.563.0",
"re-resizable": "^6.11.2",
"react": "^19.2.4",
"react-circular-progressbar": "^2.2.0",
"react-day-picker": "^9.13.1",
"react-dnd": "^16.0.1",
"react-dnd-html5-backend": "^16.0.1",
"react-dom": "^19.2.4",
"react-intersection-observer": "^10.0.2",
"sonner": "^2.0.7",
"tailwind-merge": "^3.4.0",
"tiptap-extension-auto-joiner": "^0.1.3",
"ts-pattern": "^5.8.0",
"zod": "^4.3.6"
},
"optionalDependencies": {
"lightningcss-darwin-arm64": "^1.31.1",
"lightningcss-darwin-x64": "^1.31.1",
"lightningcss-linux-x64-gnu": "^1.31.1",
"lightningcss-linux-x64-musl": "^1.31.1",
"lightningcss-win32-x64-msvc": "^1.31.1"
}
}