winters27_obsidian-byoc/webpack.config.js

require("dotenv").config();
const path = require("path");
const webpack = require("webpack");
const TerserPlugin = require("terser-webpack-plugin");

const DEFAULT_DROPBOX_APP_KEY = process.env.DROPBOX_APP_KEY || "";
const DEFAULT_ONEDRIVE_CLIENT_ID = process.env.ONEDRIVE_CLIENT_ID || "";
const DEFAULT_ONEDRIVE_AUTHORITY = process.env.ONEDRIVE_AUTHORITY || "";
const DEFAULT_GOOGLEDRIVE_CLIENT_ID = process.env.GOOGLEDRIVE_CLIENT_ID || "";
const DEFAULT_GOOGLEDRIVE_CLIENT_SECRET =
  process.env.GOOGLEDRIVE_CLIENT_SECRET || "";
const DEFAULT_BOX_CLIENT_ID = process.env.BOX_CLIENT_ID || "";
const DEFAULT_BOX_CLIENT_SECRET = process.env.BOX_CLIENT_SECRET || "";
const DEFAULT_PCLOUD_CLIENT_ID = process.env.PCLOUD_CLIENT_ID || "";
const DEFAULT_PCLOUD_CLIENT_SECRET = process.env.PCLOUD_CLIENT_SECRET || "";
const DEFAULT_YANDEXDISK_CLIENT_ID = process.env.YANDEXDISK_CLIENT_ID || "";
const DEFAULT_YANDEXDISK_CLIENT_SECRET =
  process.env.YANDEXDISK_CLIENT_SECRET || "";
const DEFAULT_KOOFR_CLIENT_ID = process.env.KOOFR_CLIENT_ID || "";
const DEFAULT_KOOFR_CLIENT_SECRET = process.env.KOOFR_CLIENT_SECRET || "";

module.exports = {
  entry: "./src/main.ts",
  target: "web",
  output: {
    filename: "main.js",
    path: __dirname,
    publicPath: "",
    libraryTarget: "commonjs",
    globalObject: "this",
  },
  plugins: [
    new webpack.DefinePlugin({
      // baseTypes.ts reads these as bare identifiers behind a `typeof` guard
      // (the prior `globalThis.X` form tripped obsidianmd/prefer-active-doc).
      // DefinePlugin must match the bare identifier so the literal value is
      // substituted at build time — otherwise the OAuth client_id ends up "".
      DEFAULT_DROPBOX_APP_KEY: `"${DEFAULT_DROPBOX_APP_KEY}"`,
      DEFAULT_ONEDRIVE_CLIENT_ID: `"${DEFAULT_ONEDRIVE_CLIENT_ID}"`,
      DEFAULT_ONEDRIVE_AUTHORITY: `"${DEFAULT_ONEDRIVE_AUTHORITY}"`,
      DEFAULT_GOOGLEDRIVE_CLIENT_ID: `"${DEFAULT_GOOGLEDRIVE_CLIENT_ID}"`,
      DEFAULT_GOOGLEDRIVE_CLIENT_SECRET: `"${DEFAULT_GOOGLEDRIVE_CLIENT_SECRET}"`,
      DEFAULT_BOX_CLIENT_ID: `"${DEFAULT_BOX_CLIENT_ID}"`,
      DEFAULT_BOX_CLIENT_SECRET: `"${DEFAULT_BOX_CLIENT_SECRET}"`,
      DEFAULT_PCLOUD_CLIENT_ID: `"${DEFAULT_PCLOUD_CLIENT_ID}"`,
      DEFAULT_PCLOUD_CLIENT_SECRET: `"${DEFAULT_PCLOUD_CLIENT_SECRET}"`,
      DEFAULT_YANDEXDISK_CLIENT_ID: `"${DEFAULT_YANDEXDISK_CLIENT_ID}"`,
      DEFAULT_YANDEXDISK_CLIENT_SECRET: `"${DEFAULT_YANDEXDISK_CLIENT_SECRET}"`,
      DEFAULT_KOOFR_CLIENT_ID: `"${DEFAULT_KOOFR_CLIENT_ID}"`,
      DEFAULT_KOOFR_CLIENT_SECRET: `"${DEFAULT_KOOFR_CLIENT_SECRET}"`,

      "process.env.NODE_DEBUG": `undefined`, // ugly fix
      "process.env.DEBUG": `undefined`, // ugly fix
      // "process.version": `"v20.10.0"`, // who's using this?
      // "process":`undefined`,
      // "global.process":`undefined`,

      // make azure blob storage happy
      // https://github.com/Azure/azure-sdk-for-js/blob/main/sdk/core/core-util/src/checkEnvironment.ts
      "globalThis.process.versions": `undefined`,
    }),
    // Work around for Buffer is undefined:
    // https://github.com/webpack/changelog-v5/issues/10
    new webpack.ProvidePlugin({
      Buffer: ["buffer", "Buffer"],
    }),
    new webpack.ProvidePlugin({
      process: "process/browser",
    }),
    // Resolve node:xxx protocol imports (webpack 5 compatibility)
    new webpack.NormalModuleReplacementPlugin(/^node:/, (resource) => {
      resource.request = resource.request.replace(/^node:/, "");
    }),
    // Emit a single bundle. Obsidian plugins must be one file, and merging all
    // chunks here drops webpack's JSONP runtime, whose dynamic createElement("script")
    // loader trips the plugin review's dynamic-script-injection check.
    new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 }),
  ],
  module: {
    rules: [
      {
        test: /\.worker\.ts$/,
        loader: "worker-loader",
        options: {
          inline: "no-fallback",
        },
      },
      {
        test: /\.tsx?$/,
        use: {
          loader: "ts-loader",
          options: {
            // Skip type checking in webpack — handled separately by tsc.
            // This allows main.js to emit despite pre-existing upstream type errors.
            transpileOnly: true,
          },
        },
        exclude: /node_modules/,
      },
      {
        test: /\.svg?$/,
        type: "asset/source",
      },
      {
        test: /\.m?js$/,
        resolve: {
          fullySpecified: false, // process/browser returns some errors before
        },
      },
      {
        // Strip the dead legacy-IE script-injection branch from localforage's
        // bundled `immediate` polyfill (see scripts/strip-script-injection.cjs).
        test: /[\\/]node_modules[\\/]localforage[\\/]/,
        use: [path.resolve(__dirname, "scripts/strip-script-injection.cjs")],
      },
    ],
  },
  resolve: {
    extensions: [".tsx", ".ts", ".js"],
    mainFields: ["browser", "module", "main"],
    // Map node:xxx protocol imports to browser polyfills
    alias: {
      "node:url": require.resolve("url/"),
      // aggregate-error uses node:url (fileURLToPath) — not browser-safe.
      // Replace with our minimal browser-compatible stub.
      "aggregate-error": path.resolve(__dirname, "src/aggregateErrorStub.ts"),
    },
    fallback: {
      // assert: require.resolve("assert"),
      // buffer: require.resolve("buffer/"),
      // console: require.resolve("console-browserify"),
      // constants: require.resolve("constants-browserify"),
      crypto: require.resolve("crypto-browserify"),
      // crypto: false,
      // domain: require.resolve("domain-browser"),
      // events: require.resolve("events"),
      fs: false,
      http: false,
      // http: require.resolve("stream-http"),
      https: false,
      // https: require.resolve("https-browserify"),
      net: false,
      // os: require.resolve("os-browserify/browser"),
      path: require.resolve("path-browserify"),
      // punycode: require.resolve("punycode"),
      process: require.resolve("process/browser"),
      // querystring: require.resolve("querystring-es3"),
      stream: require.resolve("stream-browserify"),
      // string_decoder: require.resolve("string_decoder"),
      // sys: require.resolve("util"),
      // timers: require.resolve("timers-browserify"),
      tls: false,
      // tty: require.resolve("tty-browserify"),
      url: require.resolve("url/"),
      // util: require.resolve("util"),
      // vm: require.resolve("vm-browserify"),
      vm: false,
      // zlib: require.resolve("browserify-zlib"),
    },
  },
  externals: {
    obsidian: "commonjs2 obsidian",
  },
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin({ extractComments: false })],
    // Keep everything in main.js — no separate runtime or async chunks.
    splitChunks: false,
    runtimeChunk: false,
  },
};