use esbuild to package mesh, remove fsave, add prod path overrides for esbuild files in prod server mode

This commit is contained in:
Stewart Allen 2025-06-23 21:17:01 -04:00
commit 10a107e518
8 changed files with 94 additions and 263 deletions

8
app.js
View file

@ -568,6 +568,14 @@ function handleVersion(req, res, next) {
} else {
return http.redirect(res, `${req.url}?ver:${vstr}`);
}
} else if (!debug) {
let { path } = req.app;
if (path === '/v2/lib/mesh/work.js') {
req.url = req.app.path = '/v2/lib/pack/work.js';
} else if (path === '/v2/lib/main/mesh.js') {
req.url = req.app.path = '/v2/lib/pack/mesh.js';
}
next();
} else {
next();
}

View file

@ -63,11 +63,14 @@
"@docusaurus/core": "^3.7.0",
"@docusaurus/preset-classic": "^3.7.0",
"@electron/notarize": "^3.0.0",
"copy-webpack-plugin": "^12.0.2",
"docusaurus-lunr-search": "^3.6.0",
"dotenv": "latest",
"electron": "^35.0.1",
"electron-builder": "^24.9.1",
"esbuild": "^0.25.5",
"fs-extra": "^11.2.0",
"imports-loader": "^5.0.0",
"node-fetch": "^3.3.2",
"terser-webpack-plugin": "^5.3.10",
"webpack": "^5.92.1",
@ -91,13 +94,16 @@
"build-win-arm": "npm run build -- --win --arm64",
"build-mac": "npm run build -- --mac --arm64",
"build-mac-intel": "npm run build -- --mac --x64",
"mesh-build": "webpack --config webpack.config.js",
"mesh-build-dev": "webpack --config webpack.dev.config.js",
"serve-mesh": "npx serve dist/v2 -p 8181",
"mklinks": "find src web -type l | xargs -I{} sh -c 'echo \"{},$(readlink {})\"' > links.csv",
"mac-verify": "spctl --assess -vv --type install dist/*/*.app",
"clear-cache": "rm -rf data/cache/* dist/ tmp/*",
"prebuild": "node bin/electron-pre.js",
"postbuild": "node bin/electron-post.js",
"preinstall": "node bin/install-pre.js && npx webpack --config bin/webpack-three.js",
"preinstall2": "npx webpack --config src2/webpack/webpack-three-esm.js",
"preinstall2": "npx webpack --config src2/webpack/webpack-three-esm.js && node src2/webpack/esbuild.config.js",
"docs-dev": "docusaurus start",
"docs-build": "docusaurus build",
"docs-serve": "docusaurus serve",
@ -194,5 +200,6 @@
]
},
"afterSign": "bin/electron-notarize.js"
}
},
"sideEffects": true
}

View file

@ -1,247 +0,0 @@
/* FileSaver.js
* A saveAs() FileSaver implementation.
* 1.1.20151003
*
* By Eli Grey, http://eligrey.com
* License: MIT
* See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
*/
/*global self */
/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
"use strict";
// IE <10 is explicitly unsupported
if (typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) {
return;
}
const doc = self.document;
// only get URL when necessary in case Blob.js hasn't overridden it yet
const get_URL = function() {
return self.URL || self.webkitURL || self;
};
const save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a");
const can_use_save_link = "download" in save_link;
const click = function(node) {
const event = new MouseEvent("click");
node.dispatchEvent(event);
};
const is_safari = /Version\/[\d\.]+.*Safari/.test(navigator.userAgent);
const webkit_req_fs = self.webkitRequestFileSystem;
const req_fs = self.requestFileSystem || webkit_req_fs || self.mozRequestFileSystem;
const throw_outside = function(ex) {
(self.setImmediate || self.setTimeout)(function() {
throw ex;
}, 0);
};
const force_saveable_type = "application/octet-stream";
const fs_min_size = 0;
// See https://code.google.com/p/chromium/issues/detail?id=375297#c7 and
// https://github.com/eligrey/FileSaver.js/commit/485930a#commitcomment-8768047
// for the reasoning behind the timeout and revocation flow
const arbitrary_revoke_timeout = 500; // in ms
const revoke = function(file) {
const revoker = function() {
if (typeof file === "string") { // file is an object URL
get_URL().revokeObjectURL(file);
} else { // file is a File
file.remove();
}
};
if (self.chrome) {
revoker();
} else {
setTimeout(revoker, arbitrary_revoke_timeout);
}
};
const dispatch = function(filesaver, event_types, event) {
event_types = [].concat(event_types);
let i = event_types.length;
while (i--) {
const listener = filesaver["on" + event_types[i]];
if (typeof listener === "function") {
try {
listener.call(filesaver, event || filesaver);
} catch (ex) {
throw_outside(ex);
}
}
}
};
const auto_bom = function(blob) {
// prepend BOM for UTF-8 XML and text/* types (including HTML)
if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
return new Blob(["\ufeff", blob], {type: blob.type});
}
return blob;
};
class FileSaver {
constructor(blob, name, no_auto_bom) {
if (!no_auto_bom) {
blob = auto_bom(blob);
}
// First try a.download, then web filesystem, then object URLs
const filesaver = this;
const type = blob.type;
let blob_changed = false;
let object_url;
let target_view;
const dispatch_all = function() {
dispatch(filesaver, "writestart progress write writeend".split(" "));
};
// on any filesys errors revert to saving with object URLs
const fs_error = function() {
if (target_view && is_safari && typeof FileReader !== "undefined") {
// Safari doesn't allow downloading of blob urls
const reader = new FileReader();
reader.onloadend = function() {
const base64Data = reader.result;
target_view.location.href = "data:attachment/file" + base64Data.slice(base64Data.search(/[,;]/));
filesaver.readyState = filesaver.DONE;
dispatch_all();
};
reader.readAsDataURL(blob);
filesaver.readyState = filesaver.INIT;
return;
}
// don't create more object URLs than needed
if (blob_changed || !object_url) {
object_url = get_URL().createObjectURL(blob);
}
if (target_view) {
target_view.location.href = object_url;
} else {
const new_tab = self.open(object_url, "_blank");
if (new_tab == undefined && is_safari) {
//Apple do not allow window.open, see http://bit.ly/1kZffRI
self.location.href = object_url;
}
}
filesaver.readyState = filesaver.DONE;
dispatch_all();
revoke(object_url);
};
const abortable = function(func) {
return function() {
if (filesaver.readyState !== filesaver.DONE) {
return func.apply(this, arguments);
}
};
};
const create_if_not_found = {create: true, exclusive: false};
let slice;
filesaver.readyState = filesaver.INIT;
if (!name) {
name = "download";
}
if (can_use_save_link) {
object_url = get_URL().createObjectURL(blob);
setTimeout(function() {
save_link.href = object_url;
save_link.download = name;
click(save_link);
dispatch_all();
revoke(object_url);
filesaver.readyState = filesaver.DONE;
});
return;
}
// Object and web filesystem URLs have a problem saving in Google Chrome when
// viewed in a tab, so I force save with application/octet-stream
// http://code.google.com/p/chromium/issues/detail?id=91158
// Update: Google errantly closed 91158, I submitted it again:
// https://code.google.com/p/chromium/issues/detail?id=389642
if (self.chrome && type && type !== force_saveable_type) {
slice = blob.slice || blob.webkitSlice;
blob = slice.call(blob, 0, blob.size, force_saveable_type);
blob_changed = true;
}
// Since I can't be sure that the guessed media type will trigger a download
// in WebKit, I append .download to the filename.
// https://bugs.webkit.org/show_bug.cgi?id=65440
if (webkit_req_fs && name !== "download") {
name += ".download";
}
if (type === force_saveable_type || webkit_req_fs) {
target_view = self;
}
if (!req_fs) {
fs_error();
return;
}
fs_min_size += blob.size;
req_fs(self.TEMPORARY, fs_min_size, abortable(function(fs) {
fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) {
const save = function() {
dir.getFile(name, create_if_not_found, abortable(function(file) {
file.createWriter(abortable(function(writer) {
writer.onwriteend = function(event) {
target_view.location.href = file.toURL();
filesaver.readyState = filesaver.DONE;
dispatch(filesaver, "writeend", event);
revoke(file);
};
writer.onerror = function() {
const error = writer.error;
if (error.code !== error.ABORT_ERR) {
fs_error();
}
};
"writestart progress write abort".split(" ").forEach(function(event) {
writer["on" + event] = filesaver["on" + event];
});
writer.write(blob);
filesaver.abort = function() {
writer.abort();
filesaver.readyState = filesaver.DONE;
};
filesaver.readyState = filesaver.WRITING;
}), fs_error);
}), fs_error);
};
dir.getFile(name, {create: false}, abortable(function(file) {
// delete file if it already exists
file.remove();
save();
}), abortable(function(ex) {
if (ex.code === ex.NOT_FOUND_ERR) {
save();
} else {
fs_error();
}
}));
}), fs_error);
}), fs_error);
}
static get DONE() { return 2; }
static get INIT() { return 0; }
static get WRITING() { return 1; }
}
export function saveAs(blob, name, no_auto_bom) {
return new FileSaver(blob, name, no_auto_bom);
}
export { FileSaver };

View file

@ -4,4 +4,4 @@
import './pngjs.js';
// Re-export the PNG object
export const PNG = self.png.PNG;
export const PNG = self.png ? self.png.PNG : null;

View file

@ -1,7 +1,5 @@
/** Copyright Stewart Allen <sa@grid.space> -- All Rights Reserved */
// import '../mesh/work.js';
import '../add/array.js';
import '../add/class.js';
import '../add/three.js';
@ -84,7 +82,7 @@ function init() {
motoClient.on('ready', restore_space);
// start worker
motoClient.start(`/v2/lib/mesh/work.js?${version}`);
motoClient.start('../lib/mesh/work.js?' + version);
// trigger space event binding
call.space_init({ space: space, platform });
@ -776,15 +774,7 @@ broker.listeners({
set_snap_value
});
// remove version cache bust from url
window.history.replaceState({},'','/v2/mesh/');
// setup init() trigger when dom + scripts complete
document.onreadystatechange = function() {
if (document.readyState === 'complete') {
init();
}
}
export {
version,

View file

@ -1,5 +1,8 @@
/** Copyright Stewart Allen <sa@grid.space> -- All Rights Reserved */
// Import Clipper library first to ensure it's available in worker context
import "../ext/clip2.js";
import "../ext/earcut.js";
import '../add/array.js';
import '../add/class.js';

View file

@ -0,0 +1,70 @@
// esbuild.config.js
import { build } from 'esbuild';
// Get build mode from command line argument
const mode = process.argv[2] || 'dev';
const isProd = mode === 'prod';
console.log(`Building in ${mode} mode...`);
// Dummy document shim for worker context
// const dummyDocument = `
// // Inject dummy document for worker context
// if (typeof document === 'undefined') {
// var document = {
// createElement: () => ({}),
// getElementById: () => null,
// querySelector: () => null,
// addEventListener: () => {},
// removeEventListener: () => {}
// };
// }
// if (typeof window === 'undefined') {
// var window = { };
// }
// `;
async function buildApp() {
try {
// Bundle main app
await build({
entryPoints: ['src2/main/mesh.js'],
bundle: true,
outfile: 'src2/pack/mesh.js',
format: 'esm',
external: ['module'],
sourcemap: !isProd, // true for dev, false for prod
minify: isProd, // false for dev, true for prod
target: 'es2020',
platform: 'browser',
define: {
'process.env.NODE_ENV': `"${mode}"`
}
});
// Bundle worker
await build({
entryPoints: ['src2/mesh/work.js'],
bundle: true,
outfile: 'src2/pack/work.js',
format: 'esm',
external: ['module'],
sourcemap: !isProd, // true for dev, false for prod
minify: isProd, // false for dev, true for prod
target: 'es2020',
platform: 'browser',
define: {
'process.env.NODE_ENV': `"${mode}"`
}
});
console.log(`Build completed successfully in ${mode} mode!`);
} catch (error) {
console.error('Build failed:', error);
process.exit(1);
}
}
buildApp();
// You can add more build steps or static asset copying as needed.

View file

@ -17,7 +17,7 @@
<link href="../fon2/bootstrap-icons.min.css" rel="stylesheet">
<script src="../lib/ext/earcut.js" type="module"></script>
<script src="../lib/ext/tween.js"></script>
<script src="../font/js/all.min.js" crossorigin="anonymous" async></script>
<script src="../font/js/all.min.js" crossorigin="anonymous"></script>
<script src="../lib/main/mesh.js" type="module"></script>
</head>
<body>