mirror of
https://github.com/maziggy/bambuddy.git
synced 2026-09-30 03:01:21 +02:00
maziggy
b3c67c6943
An iPhone on iOS 16 loaded nothing at all -- no error, no partial render, just white, over LAN IP and over an HTTPS domain alike, while the same install was fine on Android, macOS, Windows and Linux. remark-gfm, added in v1.2.5 for the folder README panel, reaches mdast-util-gfm-autolink-literal, whose module body carries a lookbehind assertion. Safari did not support lookbehind until 16.4. A regex literal is validated when its module is compiled, not when the function holding it runs, so this was never going to fail as a broken README panel. FolderReadmePanel -> FileManagerPage -> App is a plain static import chain, the regex landed in the entry chunk, and the browser refused to compile all 10 MB of it. Nothing executed, so nothing rendered. v1.2.4 is the last release that loads on those iOS versions. The panel now renders GFM through a locally composed plugin holding four of remark-gfm's five sub-extensions -- tables, strikethrough, task lists, footnotes -- and omitting autolink literals, the only one carrying the lookbehind. Composing rather than configuring is forced by the bug: importing remark-gfm at all is what breaks the page, so no runtime option could have reached it. Parity was measured rather than assumed. Serialized ASTs against real remark-gfm over a 34-case corpus, position data included, are identical in 29; the five that differ are exactly the autolink cases, where the only change is link -> text with table and list structure intact. Across 26 hostile inputs -- NUL bytes, a BOM, an RTL override, a lone surrogate, combining marks, a 200 KB line, 500 stacked tables, 60-deep nesting, malformed and ragged tables -- neither implementation throws and none diverge, and applying the plugin twice is idempotent for both. The visible cost is that a bare https://example.com or foo@example.com typed into a folder README no longer links itself; [text](url) and <https://example.com> are core markdown and still do. The wiki claimed "links all render" and now says which. remark-gfm, mdast-util-gfm and micromark-extension-gfm leave the dependency tree and their eight surviving sub-extensions are declared directly, at ranges equal to or tighter than the ^2.0.0 those two packages declared, so the resolution surface did not widen. The bundle is 23 KB smaller. Vite's build.target governs syntax lowering and esbuild does not rewrite regular expressions -- measured, a lookbehind builds silently under safari15, safari16.0 and es2020 alike, which is how this shipped and then sat unnoticed for two months. So the guard is a real check rather than a compiler setting: npm run build now ends in check-browser-baseline.mjs, which scans the emitted bundles for syntax Safari 16.0 cannot parse and fails with the offending snippet. It is scoped to parse-time failures only -- a missing runtime API breaks one feature, while one of these takes down the whole app and has no graceful degradation to fall back on. Verified firing on the stale bundle before the rebuild, and running correctly inside the Docker frontend stage where only frontend/ is copied. Seven renderer tests pin both halves of the trade: each surviving GFM feature still renders, and both forms of autolinking stay off on purpose so a future dependency bump cannot quietly bring the lookbehind back.
92 lines
2.9 KiB
JSON
92 lines
2.9 KiB
JSON
{
|
|
"name": "frontend",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc -b && vite build && npm run check:baseline",
|
|
"lint": "eslint .",
|
|
"preview": "vite preview",
|
|
"test": "vitest",
|
|
"test:run": "vitest run && npm run check:i18n",
|
|
"test:coverage": "vitest run --coverage",
|
|
"test:ui": "vitest --ui",
|
|
"check:i18n": "node scripts/check-i18n-parity.mjs",
|
|
"check:baseline": "node scripts/check-browser-baseline.mjs"
|
|
},
|
|
"dependencies": {
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@floating-ui/dom": "^1.7.5",
|
|
"@tanstack/react-query": "^5.90.11",
|
|
"@tiptap/extension-color": "^3.11.1",
|
|
"@tiptap/extension-image": "^3.11.1",
|
|
"@tiptap/extension-link": "^3.11.1",
|
|
"@tiptap/extension-text-align": "^3.11.1",
|
|
"@tiptap/extension-text-style": "^3.11.1",
|
|
"@tiptap/extension-underline": "^3.11.1",
|
|
"@tiptap/react": "^3.11.1",
|
|
"@tiptap/starter-kit": "^3.11.1",
|
|
"@types/three": "^0.181.0",
|
|
"dompurify": "^3.4.10",
|
|
"i18next": "25.6.3",
|
|
"i18next-browser-languagedetector": "^8.2.0",
|
|
"jszip": "^3.10.1",
|
|
"lucide-react": "^0.555.0",
|
|
"mdast-util-gfm-footnote": "^2.1.0",
|
|
"mdast-util-gfm-strikethrough": "^2.0.0",
|
|
"mdast-util-gfm-table": "^2.0.0",
|
|
"mdast-util-gfm-task-list-item": "^2.0.0",
|
|
"micromark-extension-gfm-footnote": "^2.1.0",
|
|
"micromark-extension-gfm-strikethrough": "^2.1.0",
|
|
"micromark-extension-gfm-table": "^2.1.1",
|
|
"micromark-extension-gfm-task-list-item": "^2.1.0",
|
|
"qrcode.react": "^4.2.0",
|
|
"react": "^19.2.0",
|
|
"react-dom": "^19.2.0",
|
|
"react-i18next": "^16.3.5",
|
|
"react-markdown": "^9.1.0",
|
|
"react-router-dom": "7.18.2",
|
|
"react-simple-keyboard": "^3.8.164",
|
|
"recharts": "^3.5.1",
|
|
"three": "^0.181.2"
|
|
},
|
|
"overrides": {
|
|
"minimatch": "^10.2.1",
|
|
"brace-expansion": "^5.0.9",
|
|
"js-yaml": "^5.2.3",
|
|
"nanoid": "^3.3.18",
|
|
"react-router": "7.18.2"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^9.39.1",
|
|
"@tailwindcss/postcss": "^4.1.17",
|
|
"@testing-library/jest-dom": "^6.6.0",
|
|
"@testing-library/react": "^16.0.0",
|
|
"@testing-library/user-event": "^14.5.0",
|
|
"@types/node": "^24.10.1",
|
|
"@types/react": "^19.2.5",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@vitejs/plugin-react": "^5.2.0",
|
|
"@vitest/coverage-v8": "^4.1.8",
|
|
"autoprefixer": "^10.4.22",
|
|
"baseline-browser-mapping": "^2.9.19",
|
|
"eslint": "^9.39.1",
|
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
"eslint-plugin-react-refresh": "^0.4.24",
|
|
"globals": "^16.5.0",
|
|
"jsdom": "^25.0.0",
|
|
"msw": "^2.6.0",
|
|
"postcss": "^8.5.6",
|
|
"remark-parse": "^11.0.0",
|
|
"tailwindcss": "^4.1.17",
|
|
"typescript": "~5.9.3",
|
|
"typescript-eslint": "^8.46.4",
|
|
"unified": "^11.0.5",
|
|
"vite": "^8.0.16",
|
|
"vitest": "^4.1.8"
|
|
}
|
|
}
|