mirror of
https://github.com/logancyang/obsidian-copilot.git
synced 2026-07-22 07:50:24 +00:00
* 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>
143 lines
4.1 KiB
JavaScript
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();
|
|
}
|