fix: update PDFObject import for compatibility; add global-ot initialization; refine mousewheel import handling

Author: Yukaii

public/js/extra.js

@@ -3,8 +3,7 @@
 
 import Prism from 'prismjs'
 import hljs from 'highlight.js'
-// Fix PDFObject import to work with both dev and prod builds
-import * as PDFObjectModule from 'pdfobject'
+import * as PDFObject from 'pdfobject'
 
 import { saveAs } from 'file-saver'
 
@@ -67,8 +66,6 @@ import { instance as vizInstance } from '@viz-js/viz'
 let viz = null
 vizInstance().then(instance => { viz = instance })
 
-const PDFObject = PDFObjectModule.default || PDFObjectModule
-
 const ui = getUIElements()
 
 // auto update last change

public/js/global-ot.js

@@ -0,0 +1,3 @@
+if (typeof window.ot === 'undefined') {
+  window.ot = {};
+}

public/js/index.js

@@ -95,11 +95,12 @@ import '@vendor/inlineAttachment/codemirror.inline-attachment'
 import Visibility from 'visibilityjs'
 // Import the original vendor file
 
+import './global-ot'
 import '@hackmd/ot'
 import '@hackmd/ot/lib/socketio-adapter'
 import '@hackmd/ot/lib/codemirror-adapter'
 import '@hackmd/ot/lib/undo-manager'
-// import '@hackmd/ot/lib/client'
+import '@hackmd/ot/lib/client'
 import '@hackmd/ot/lib/editor-client'
 
 import * as mousewheel from 'jquery-mousewheel'
@@ -226,8 +227,7 @@ import '@css/extra.css'
 import '@css/site.css'
 import 'spin.js/spin.css'
 
-const mw = mousewheel.default || mousewheel // Fix for mousewheel import
-mw($)
+mousewheel?.default?.($)
 
 // ot.Client = Client
 // ot.EditorClient = EditorClient

vite.config.mjs

@@ -125,6 +125,14 @@ export default defineConfig({
     emptyOutDir: true, // Clean the output directory before building
     manifest: true, // Generate manifest.json
     rollupOptions: {
+      moduleContext: (id) => {
+        const modules = ['pdfobject', 'jquery-mousewheel']
+
+        if (modules.some(module => id.includes(module))) {
+          return 'window' // Set context for specific modules
+        }
+        return undefined
+      },
       input: {
         // Define JS entry points
         index: path.resolve(__dirname, 'public/js/index.js'),
@@ -140,7 +148,7 @@ export default defineConfig({
     // Example: 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
     __dirname: '""', // Define __dirname as empty string for browser compatibility
     global: 'globalThis', // Explicitly define global for Vite
-    ot: {} // Define ot as empty object for browser compatibility
+    // ot: {} // Define ot as empty object for browser compatibility
   },
   root: __dirname,
   base: '/.vite/', // Updated to match our custom base path in app.js