logancyang_obsidian-copilot/esbuild.config.mjs
Logan Yang 775d832ee5
fix(mobile): guard Agent Mode off the mobile load path (#2577)
* fix(mobile): shim `process` so the bundle survives module-eval on mobile

Follow-up to #2576 (preview issue #125). After the EventEmitter fix, mobile now
crashes at load with "ReferenceError: Can't find variable: process".

Cause: Agent Mode is desktop-only but its modules are statically imported, so
they're evaluated on every platform. Several read the Node global `process` at
module scope (e.g. `InstallCommandRow.tsx`'s `const DEFAULT_LABEL =
process.platform === "win32" ? ...`, the codex/claude/opencode descriptors),
and bundled Node deps read `process.env` at init. Mobile's WebView has no
`process`, so evaluating any of them throws during import and kills the plugin.

Fix: prepend a minimal `process` shim in the esbuild banner —
`var process = globalThis.process || { env:{}, platform:"", ... }`. Desktop
(Electron) has a real `globalThis.process` and uses it unchanged; mobile gets
the stub, so module evaluation no longer throws. The desktop-only code paths
that actually use `process` never run on mobile.

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

* chore(test-vault): copy-deploy into iCloud-synced vaults for mobile testing

`npm run test:vault` symlinks main.js/styles.css by default, but iCloud syncs
file contents, not link targets, so a symlinked build never reaches the phone.
Detect iCloud vaults (path under "/Mobile Documents/") and copy real files
instead, so deploying to an iCloud vault makes the build testable on Obsidian
mobile. Mirrors the existing WSL copy-mode rule.

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

* fix(mobile): keep agent mode off load path

* test(mobile): add load smoke check

* fix(mobile): share agent chat mode constant

---------

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-06 21:56:58 -07:00

143 lines
4.1 KiB
JavaScript

import esbuild from "esbuild";
import { transform as svgrTransform } from "@svgr/core";
import jsxPlugin from "@svgr/plugin-jsx";
import { readFile } from "node:fs/promises";
import process from "process";
import { createRequire } from "module";
import wasmPlugin from "./wasmPlugin.mjs";
import nodeModuleShim from "./nodeModuleShim.mjs";
// Inline SVGR plugin: each `import Foo from "./foo.svg"` resolves to a React
// component (`React.FC<SVGProps<SVGSVGElement>>`) instead of a raw string.
// Source SVGs use `fill="currentColor"`, so theme color follows automatically.
const svgrPlugin = {
name: "svgr",
setup(build) {
build.onLoad({ filter: /\.svg$/ }, async (args) => {
const svg = await readFile(args.path, "utf8");
const contents = await svgrTransform(
svg,
{ jsxRuntime: "classic", typescript: false, plugins: [jsxPlugin] },
{ filePath: args.path, caller: { name: "esbuild-plugin-inline-svgr" } }
);
return { contents, loader: "jsx" };
});
},
};
// CommonJS plugin loaded via createRequire — pure JS, no ESM export needed.
const patchRendererUnsafeUnref = createRequire(import.meta.url)(
"./scripts/patchRendererUnsafeUnref.js"
);
const banner = `/*
THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
if you want to view the source, please visit the github repository of this plugin
*/
// Polyfill for import.meta in CommonJS context
if (typeof import_meta === 'undefined') {
var import_meta = {
url: typeof __filename !== 'undefined' ? 'file://' + __filename : 'file:///obsidian-plugin'
};
}
// Minimal \`process\` shim so the bundle survives MODULE EVALUATION on Obsidian
// mobile, whose WebView has no Node \`process\` global. Desktop-only code (Agent
// Mode) is statically imported and therefore evaluated on every platform; many
// of those modules — and bundled Node deps — read \`process.platform\`/\`.env\` at
// module scope, which throws "Can't find variable: process" on mobile and kills
// the whole plugin at load. On desktop (Electron) \`globalThis.process\` exists
// and is used as-is, so this only stubs mobile, where those code paths never run.
var process = globalThis.process || {
env: {},
platform: '',
arch: '',
argv: [],
version: '',
versions: {},
cwd: function () { return '/'; },
nextTick: function (cb) { Promise.resolve().then(cb); },
on: function () {},
off: function () {},
once: function () {},
emit: function () { return false; },
};
`;
const prod = process.argv[2] === "production";
const context = await esbuild.context({
banner: {
js: banner,
},
entryPoints: ["src/main.ts"],
bundle: true,
external: [
"obsidian",
"electron",
"@codemirror/autocomplete",
"@codemirror/collab",
"@codemirror/commands",
"@codemirror/language",
"@codemirror/lint",
"@codemirror/search",
"@codemirror/state",
"@codemirror/view",
"@lezer/common",
"@lezer/highlight",
"@lezer/lr",
// Node.js built-in modules (available in Electron) - except `module` /
// `node:module` which we shim. Both prefixed (`node:foo`) and bare
// (`foo`) forms are listed because @anthropic-ai/claude-agent-sdk and
// its transitive deps mix the two styles.
"node:fs",
"node:fs/promises",
"node:path",
"node:os",
"node:url",
"node:buffer",
"node:stream",
"node:crypto",
"node:events",
"node:async_hooks",
"node:child_process",
"node:http",
"node:https",
"node:util",
"node:readline",
"node:process",
"async_hooks",
"child_process",
"crypto",
"events",
"fs",
"fs/promises",
"os",
"path",
"process",
"readline",
"url",
"util",
],
format: "cjs",
target: "es2020",
logLevel: "info",
sourcemap: prod ? false : "inline",
treeShaking: true,
outfile: "main.js",
plugins: [nodeModuleShim, svgrPlugin, wasmPlugin, patchRendererUnsafeUnref],
define: {
global: "window",
"process.env.NODE_ENV": prod ? '"production"' : '"development"',
"import.meta.url": "import_meta.url",
},
minify: prod,
});
if (prod) {
await context.rebuild();
process.exit(0);
} else {
await context.watch();
}