Removes every runtime CDN load. The "ship the record player with the
record" philosophy: a downloaded .html file works offline against any
file the user can open, with no network dependency at runtime.
Newly vendored under shared/vendor/:
- xlsx.full.min.js (SheetJS, 928 KB) — XLSX/XLS preview
- utif.min.js (UTIF, 57 KB) — TIFF preview
Already there but now used by mdedit too:
- jszip.min.js, docx-preview.min.js
Call sites updated to drop the `await loadLibrary(URL)` pattern —
since the vendor JS is concatenated into the inline <script> at build
time, window.XLSX / window.JSZip / window.UTIF / window.docx are
available synchronously from page load.
Per-tool changes:
- archive/build.sh: +xlsx, +utif
- classifier/build.sh: +xlsx, +utif
- transmittal/build.sh: +xlsx, +utif
- mdedit/build.sh: +jszip, +docx-preview, +xlsx, +utif
(mdedit was the only tool not yet
bundling any of the preview deps)
- browse/build.sh: +utif
- archive/js/table.js, classifier/js/preview.js,
transmittal/js/files-preview.js, mdedit/js/file-tree.js (×2):
drop the `await loadLibrary('…cdn…')` lines.
- shared/preview-lib.js:
drop the loadLibrary(UTIF) / loadLibrary(JSZip) wrappers; assume
window.UTIF and window.JSZip are present.
Net bundle-size delta after baking:
archive: +990 KB → ~1.47 MB
browse: +57 KB → ~292 KB
classifier: +990 KB → ~1.43 MB
mdedit: +1100 KB → ~2.09 MB
transmittal: +990 KB → ~1.63 MB
Docs (AGENTS.md, ARCHITECTURE.md) updated: removed the "runtime CDN
loading exception" paragraph and the table row that flagged xlsx as
CDN-loaded.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
145 lines
4.1 KiB
Bash
145 lines
4.1 KiB
Bash
#!/bin/sh
|
|
set -eu
|
|
|
|
root_dir=$(cd "$(dirname "$0")" && pwd)
|
|
. "$root_dir/../shared/build-lib.sh"
|
|
|
|
src_html="$root_dir/template.html"
|
|
output_dir="$root_dir/dist"
|
|
output_html="$output_dir/mdedit.html"
|
|
|
|
# Vendor files (bundled dependencies — no CDN required at runtime)
|
|
# Note: Tailwind is NOT a vendor file — it's replaced by css/tailwind-utils.css,
|
|
# a hand-written subset of only the utility classes used in template.html.
|
|
toastui_js="$root_dir/vendor/toastui-editor-all.min.js"
|
|
toastui_css="$root_dir/vendor/toastui-editor.min.css"
|
|
|
|
mkdir -p "$output_dir"
|
|
ensure_exists "$src_html"
|
|
ensure_exists "$toastui_js"
|
|
ensure_exists "$toastui_css"
|
|
|
|
css_temp=$(mktemp)
|
|
js_raw=$(mktemp)
|
|
js_temp=$(mktemp)
|
|
toastui_js_safe=$(mktemp)
|
|
cleanup() { rm -f "$css_temp" "$js_raw" "$js_temp" "$toastui_js_safe"; }
|
|
trap cleanup EXIT
|
|
|
|
# CSS files to concatenate in order
|
|
concat_files \
|
|
"css/tailwind-utils.css" \
|
|
"../shared/base.css" \
|
|
"../shared/toast.css" \
|
|
"../shared/nav.css" \
|
|
"../shared/logo.css" \
|
|
"css/base.css" \
|
|
"css/editor.css" \
|
|
"css/toc.css" \
|
|
"css/markdown.css" \
|
|
> "$css_temp"
|
|
|
|
# JavaScript files to concatenate in order
|
|
concat_files \
|
|
"../shared/vendor/jszip.min.js" \
|
|
"../shared/vendor/docx-preview.min.js" \
|
|
"../shared/vendor/xlsx.full.min.js" \
|
|
"../shared/vendor/utif.min.js" \
|
|
"../shared/zddc.js" \
|
|
"../shared/zddc-source.js" \
|
|
"../shared/theme.js" \
|
|
"../shared/toast.js" \
|
|
"../shared/nav.js" \
|
|
"../shared/logo.js" \
|
|
"../shared/preview-lib.js" \
|
|
"js/app.js" \
|
|
"js/utils.js" \
|
|
"js/front-matter.js" \
|
|
"js/file-ops.js" \
|
|
"js/file-system.js" \
|
|
"js/file-tree.js" \
|
|
"js/editor.js" \
|
|
"js/toc.js" \
|
|
"js/resizer.js" \
|
|
"js/events.js" \
|
|
"js/main.js" \
|
|
"../shared/help.js" \
|
|
> "$js_raw"
|
|
|
|
# Escape '</' in app JS and the Toast UI vendor JS so neither can prematurely
|
|
# close the inline <script> blocks they get embedded in.
|
|
escape_js_close_tags "$js_raw" "$js_temp"
|
|
escape_js_close_tags "$toastui_js" "$toastui_js_safe"
|
|
|
|
compute_build_label "mdedit" "${1:-}" "${2:-}"
|
|
|
|
# Process template:
|
|
# - Strip the Tailwind CDN <script> tag (css/tailwind-utils.css replaces it)
|
|
# - Replace CDN <link> for Toast UI CSS with inline bundled CSS
|
|
# - Replace CDN <script src="...toastui..."> with inline bundled Toast UI JS
|
|
# - Inject custom CSS/JS at {{CSS_PLACEHOLDER}} and {{JS_PLACEHOLDER}}
|
|
# - Substitute {{BUILD_LABEL}}
|
|
awk \
|
|
-v css_file="$css_temp" \
|
|
-v js_file="$js_temp" \
|
|
-v toastui_js="$toastui_js_safe" \
|
|
-v toastui_css="$toastui_css" \
|
|
-v build_label="$build_label" \
|
|
-v is_red="$is_red" \
|
|
-v favicon_uri="$favicon_data_uri" \
|
|
'
|
|
/\{\{CSS_PLACEHOLDER\}\}/ {
|
|
while ((getline line < css_file) > 0) print line
|
|
close(css_file)
|
|
next
|
|
}
|
|
/\{\{JS_PLACEHOLDER\}\}/ {
|
|
while ((getline line < js_file) > 0) print line
|
|
close(js_file)
|
|
next
|
|
}
|
|
/\{\{BUILD_LABEL\}\}/ {
|
|
if (is_red == "1") {
|
|
gsub(/\{\{BUILD_LABEL\}\}/, "<span style=\"color:red;font-weight:bold\">" build_label "</span>")
|
|
} else {
|
|
gsub(/\{\{BUILD_LABEL\}\}/, build_label)
|
|
}
|
|
print
|
|
next
|
|
}
|
|
/\{\{FAVICON\}\}/ {
|
|
gsub(/\{\{FAVICON\}\}/, favicon_uri)
|
|
print
|
|
next
|
|
}
|
|
/<script src="https:\/\/cdn\.tailwindcss\.com"/ {
|
|
# Stripped: Tailwind utility classes are in css/tailwind-utils.css instead
|
|
next
|
|
}
|
|
/<link rel="stylesheet" href="https:\/\/uicdn\.toast\.com\/editor\/[^"]*\/toastui-editor\.min\.css"/ {
|
|
# Inline the bundled Toast UI CSS
|
|
print "<style>"
|
|
while ((getline line < toastui_css) > 0) print line
|
|
close(toastui_css)
|
|
print "</style>"
|
|
next
|
|
}
|
|
/<script src="https:\/\/uicdn\.toast\.com\/editor\/[^"]*\/toastui-editor/ {
|
|
# Inline the bundled Toast UI JS (already passed through escape_js_close_tags
|
|
# so its content cannot contain a literal </script> sequence). We close with
|
|
# the real </script> because only that exact string terminates a script
|
|
# block per the HTML5 spec.
|
|
print "<script>"
|
|
while ((getline line < toastui_js) > 0) print line
|
|
close(toastui_js)
|
|
print "</script>"
|
|
next
|
|
}
|
|
{ print }
|
|
' "$src_html" > "$output_html"
|
|
|
|
echo "Wrote $output_html ($(wc -c < "$output_html") bytes)"
|
|
|
|
if [ "$is_release" = "1" ]; then
|
|
promote_release "mdedit"
|
|
fi
|