browser-extension-manager 1.3.34 → 1.3.36

package/CLAUDE.md

@@ -30,6 +30,7 @@ Extensions are organized around **components**, each representing a distinct par
 - `sidepanel` - Chrome side panel
 - `content` - Content scripts injected into web pages
 - `pages` - Custom extension pages (e.g., dashboard, welcome)
+- `offscreen` - Persistent offscreen document (WebSocket, long-running tasks)
 
 **Each component has three parts:**
 1. **View** - HTML in `src/views/[component]/index.html`

package/dist/config/manifest.json

@@ -77,6 +77,11 @@
   web_accessible_resources: [
   ],
 
+  // Offscreen document (for persistent background operations like WebSocket)
+  // offscreen_document: {
+  //   file: 'views/offscreen/index.html',
+  // },
+
   // Commands
   commands: {
   },

package/dist/defaults/src/assets/css/components/offscreen/index.scss

@@ -0,0 +1,4 @@
+// ============================================
+// Offscreen Component Styles
+// ============================================
+// Offscreen documents are invisible, minimal styling needed

package/dist/defaults/src/assets/js/components/offscreen/index.js

@@ -0,0 +1,25 @@
+// ============================================
+// Offscreen Component
+// ============================================
+// Persistent offscreen document for background operations
+// (WebSocket connections, long-running tasks, etc.)
+
+// Import Browser Extension Manager
+import Manager from 'browser-extension-manager/offscreen';
+
+// Create instance
+const manager = new Manager();
+
+// Initialize
+manager.initialize()
+.then(() => {
+  // Shortcuts
+  const { extension, logger } = manager;
+
+  // Add your project-specific offscreen logic here
+  // This document is invisible and persists in the background
+  // ...
+
+  // Log the initialization
+  logger.log('Offscreen initialized!');
+});

package/dist/defaults/src/views/offscreen/index.html

@@ -0,0 +1,3 @@
+<!-- Offscreen Document -->
+<!-- This document is invisible and persists for background operations -->
+<div id="offscreen-root"></div>

package/dist/offscreen.js

@@ -0,0 +1,27 @@
+// Libraries
+import extension from './lib/extension.js';
+import LoggerLite from './lib/logger-lite.js';
+
+// Class
+class Manager {
+  constructor() {
+    // Properties
+    this.extension = null;
+    this.logger = null;
+  }
+
+  async initialize() {
+    // Set properties
+    this.extension = extension;
+    this.logger = new LoggerLite('offscreen');
+
+    // Log
+    this.logger.log('Initialized!', this);
+
+    // Return manager instance
+    return this;
+  }
+}
+
+// Export
+export default Manager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-extension-manager",
-  "version": "1.3.34",
+  "version": "1.3.36",
   "description": "Browser Extension Manager dependency manager",
   "main": "dist/index.js",
   "exports": {
@@ -12,6 +12,7 @@
     "./sidepanel": "./dist/sidepanel.js",
     "./options": "./dist/options.js",
     "./page": "./dist/page.js",
+    "./offscreen": "./dist/offscreen.js",
     "./lib/affiliatizer": "./dist/lib/affiliatizer.js",
     "./lib/extension": "./dist/lib/extension.js",
     "./lib/logger-lite": "./dist/lib/logger-lite.js",
@@ -25,10 +26,11 @@
     "wm:local": "npm uninstall web-manager && npm i ../web-manager"
   },
   "bin": {
-    "ext": "bin/browser-extension-manager",
     "xm": "bin/browser-extension-manager",
     "bxm": "bin/browser-extension-manager",
-    "browser-extension-manager": "bin/browser-extension-manager"
+    "browser-extension-manager": "bin/browser-extension-manager",
+    "ext": "bin/browser-extension-manager",
+    "mgr": "bin/browser-extension-manager"
   },
   "preparePackage": {
     "input": "./src",