ZDDC
8ba029612e
Promote classifier's local toast (classifier/css/base.css + showToast
in classifier/js/excel.js) into shared/toast.{js,css}. Every tool's
build.sh now concatenates them, so window.zddc.toast(msg, level, opts)
is callable from any tool.
API:
window.zddc.toast('Saved.', 'success');
window.zddc.toast('Could not load: ' + err.message, 'error');
window.zddc.toast('Note', 'info', { durationMs: 3000 });
Levels: info (default) | success | warning | error. Single-toast
policy — a second call replaces the first. Click anywhere on the
toast to dismiss. ARIA: error → role=alert/aria-live=assertive,
others → role=status/aria-live=polite.
Class prefix is .zddc-toast (BEM-ish) to avoid colliding with any
tool-local .toast rules. Classifier's existing showToast now
delegates to window.zddc.toast — call sites in excel.js +
selection.js are unchanged. Classifier's local .toast CSS block
deleted in favor of the shared one.
This commit only EXPOSES the API. Replacing the ~25 alert() call
sites scattered across archive/transmittal/mdedit/classifier with
toast calls is left as follow-up — each alert needs per-call review
to decide if it's truly non-blocking.
Five Playwright tests in tests/toast.spec.js lock the contract:
API exposure, level mapping, ARIA roles, single-toast replace,
click-to-dismiss.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
184 lines
4.4 KiB
Bash
Executable file
184 lines
4.4 KiB
Bash
Executable file
#!/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/transmittal.html"
|
|
|
|
mkdir -p "$output_dir"
|
|
ensure_exists "$src_html"
|
|
readme_file="$root_dir/README.md"
|
|
ensure_exists "$readme_file"
|
|
|
|
css_temp=$(mktemp)
|
|
js_raw=$(mktemp)
|
|
js_temp=$(mktemp)
|
|
md_temp=$(mktemp)
|
|
cleanup() { rm -f "$css_temp" "$js_raw" "$js_temp" "$md_temp"; }
|
|
trap cleanup EXIT
|
|
|
|
# CSS files to concatenate in order
|
|
concat_files \
|
|
"../shared/base.css" \
|
|
"../shared/toast.css" \
|
|
"css/base.css" \
|
|
"css/layout.css" \
|
|
"css/forms.css" \
|
|
"css/table.css" \
|
|
"css/remarks.css" \
|
|
"css/markdown.css" \
|
|
"css/markdown-editor.css" \
|
|
"css/filter.css" \
|
|
"css/modal.css" \
|
|
"css/utilities.css" \
|
|
"css/print.css" \
|
|
> "$css_temp"
|
|
|
|
# JavaScript files to concatenate in order. Vendored libraries first
|
|
# (jszip, docx-preview) so window.JSZip + window.docx are defined before
|
|
# any tool code runs — replaces the previous CDN loadLibrary() calls
|
|
# scattered through files-preview.js. xlsx stays CDN-loaded on demand.
|
|
concat_files \
|
|
"../shared/vendor/jszip.min.js" \
|
|
"../shared/vendor/docx-preview.min.js" \
|
|
"../shared/zddc.js" \
|
|
"../shared/hash.js" \
|
|
"../shared/zddc-source.js" \
|
|
"../shared/theme.js" \
|
|
"../shared/toast.js" \
|
|
"../shared/preview-lib.js" \
|
|
"js/app.js" \
|
|
"js/reactive.js" \
|
|
"js/dom.js" \
|
|
"js/util.js" \
|
|
"js/json.js" \
|
|
"js/hydrate.js" \
|
|
"js/state.js" \
|
|
"js/mode.js" \
|
|
"js/visibility.js" \
|
|
"js/live-digest.js" \
|
|
"js/files.js" \
|
|
"js/files-archive.js" \
|
|
"js/files-render.js" \
|
|
"js/files-preview.js" \
|
|
"../shared/zddc-filter.js" \
|
|
"js/filters.js" \
|
|
"js/markdown.js" \
|
|
"js/markdown-editor.js" \
|
|
"js/email-tags.js" \
|
|
"js/validation.js" \
|
|
"js/security.js" \
|
|
"js/verification.js" \
|
|
"js/data.js" \
|
|
"js/publish.js" \
|
|
"js/reset.js" \
|
|
"js/publish-modal.js" \
|
|
"js/logos.js" \
|
|
"js/drop-zones.js" \
|
|
"js/focus.js" \
|
|
"../shared/help.js" \
|
|
"js/main.js" \
|
|
> "$js_raw"
|
|
|
|
# Escape '</' in JS and the inlined README 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 "$readme_file" "$md_temp"
|
|
|
|
compute_build_label "transmittal" "${1:-}" "${2:-}"
|
|
|
|
awk -v css_file="$css_temp" -v js_file="$js_temp" -v md_file="$md_temp" -v build_label="$build_label" -v is_red="$is_red" -v favicon_uri="$favicon_data_uri" '
|
|
BEGIN {
|
|
css_inserted = 0
|
|
js_inserted = 0
|
|
help_inserted = 0
|
|
in_help = 0
|
|
}
|
|
/<link rel="stylesheet" href="css\// { next }
|
|
/<link rel="stylesheet" href="tailwind-lite\.css"/ { next }
|
|
/<script src="js\// { next }
|
|
/<script src="\.\.\// { next }
|
|
/<script id="help-markdown" type="application\/markdown">/ {
|
|
in_help = 1
|
|
next
|
|
}
|
|
in_help {
|
|
if ($0 ~ /<\/script>/) {
|
|
in_help = 0
|
|
}
|
|
next
|
|
}
|
|
/<head>/ {
|
|
print
|
|
if (!css_inserted) {
|
|
print "<style>"
|
|
while ((getline line < css_file) > 0) print line
|
|
close(css_file)
|
|
print "</style>"
|
|
css_inserted = 1
|
|
}
|
|
next
|
|
}
|
|
/<\/body>/ {
|
|
if (!js_inserted) {
|
|
print "<script>"
|
|
while ((getline line < js_file) > 0) print line
|
|
close(js_file)
|
|
print "</script>"
|
|
js_inserted = 1
|
|
}
|
|
if (!help_inserted) {
|
|
print "<script id=\"help-markdown\" type=\"application/markdown\">"
|
|
while ((getline line < md_file) > 0) print line
|
|
close(md_file)
|
|
print "</script>"
|
|
help_inserted = 1
|
|
}
|
|
print
|
|
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
|
|
}
|
|
{ print }
|
|
END {
|
|
if (!css_inserted) {
|
|
print "<style>"
|
|
while ((getline line < css_file) > 0) print line
|
|
close(css_file)
|
|
print "</style>"
|
|
}
|
|
if (!js_inserted) {
|
|
print "<script>"
|
|
while ((getline line < js_file) > 0) print line
|
|
close(js_file)
|
|
print "</script>"
|
|
}
|
|
if (!help_inserted) {
|
|
print "<script id=\"help-markdown\" type=\"application/markdown\">"
|
|
while ((getline line < md_file) > 0) print line
|
|
close(md_file)
|
|
print "</script>"
|
|
}
|
|
}
|
|
' "$src_html" > "$output_html"
|
|
|
|
echo "Wrote $output_html"
|
|
|
|
if [ "$is_release" = "1" ]; then
|
|
promote_release "transmittal"
|
|
fi
|