Generate a unique ID for each instance to prevent conflicts.

coddingtonbear · Feb 11, 2024 · f4a1b95 · f4a1b95
1 parent ea81466
commit f4a1b95
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/popup.tsx b/src/popup.tsx
@@ -56,8 +56,7 @@ import MentionNotice from "./components/MentionNotice";
 import { NativeSelect, Paper } from "@mui/material";
 import MouseOverChip from "./components/MouseOverChip";
 
-const ROOT_CONTAINER_ID = "obsidian-web-container";
-
+declare const BUILD_ID: string;
 declare global {
   interface Window {
     ObsidianWeb: {
@@ -73,6 +72,8 @@ declare global {
   }
 }
 
+const ROOT_CONTAINER_ID = `obsidian-web-container-${BUILD_ID}`;
+
 if (!document.getElementById(ROOT_CONTAINER_ID)) {
   function dispatchObsidianWebMessage(action: string, data?: any): void {
     const evt = new CustomEvent("obsidian-web", {

diff --git a/webpack/webpack.common.js b/webpack/webpack.common.js
@@ -1,6 +1,9 @@
 const path = require("path");
 const CopyPlugin = require("copy-webpack-plugin");
 const srcDir = path.join(__dirname, "..", "src");
+const { DefinePlugin } = require("webpack");
+
+const { v4: uuidv4 } = require("uuid");
 
 module.exports = {
   entry: {
@@ -48,5 +51,8 @@ module.exports = {
       ],
       options: {},
     }),
+    new DefinePlugin({
+      BUILD_ID: JSON.stringify(uuidv4()),
+    }),
   ],
 };