browser-extension-manager 1.3.47 → 1.3.49

package/dist/gulp/tasks/defaults.js

@@ -2,7 +2,7 @@
 const Manager = new (require('../../build.js'));
 const logger = Manager.logger('defaults');
 const { src, dest, watch, series } = require('gulp');
-const through2 = require('through2');
+const { Transform } = require('node:stream');
 const jetpack = require('fs-jetpack');
 const path = require('path');
 const { minimatch } = require('minimatch');
@@ -347,7 +347,9 @@ function defaults(complete, changedFile) {
 }
 
 function customTransform() {
-  return through2.obj(function (file, _, callback) {
+  return new Transform({
+    objectMode: true,
+    transform(file, _, callback) {
     // Skip if it's a directory
     if (file.isDirectory()) {
       return callback(null, file);
@@ -477,6 +479,7 @@ function customTransform() {
 
     // Complete
     return callback();
+    },
   });
 }
 function defaultsWatcher(complete) {

package/dist/gulp/tasks/distribute.js

@@ -2,7 +2,7 @@
 const Manager = new (require('../../build.js'));
 const logger = Manager.logger('distribute');
 const { src, dest, watch, series } = require('gulp');
-const through2 = require('through2');
+const { Transform } = require('node:stream');
 const path = require('path');
 const jetpack = require('fs-jetpack');
 const createTemplateTransform = require('./utils/template-transform');
@@ -101,38 +101,41 @@ function distribute() {
 }
 
 function customTransform() {
-  return through2.obj(function (file, _, callback) {
-    // Skip if it's a directory
-    if (file.isDirectory()) {
-      return callback(null, file);
-    }
-
-    // Get relative path from src base
-    const relativePath = path.relative(file.base, file.path).replace(/\\/g, '/');
-
-    // Log
-    if (LOUD) {
-      logger.log(`Processing file: ${relativePath}`);
-    }
-
-    // Change path if it starts with 'pages/'
-    // if (relativePath.startsWith('pages/')) {
-    //   // Remove 'pages/' prefix
-    //   const newRelativePath = relativePath.replace(/^pages\//, '');
-
-    //   // Update file path to remove pages directory
-    //   // This will make src/pages/index.html -> dist/index.html
-    //   file.path = path.join(file.base, newRelativePath);
-
-    //   // Log
-    //   logger.log(`  -> Moving from pages/ to root: ${newRelativePath}`);
-    // }
-
-    // Push the file
-    this.push(file);
-
-    // Continue
-    callback();
+  return new Transform({
+    objectMode: true,
+    transform(file, _, callback) {
+      // Skip if it's a directory
+      if (file.isDirectory()) {
+        return callback(null, file);
+      }
+
+      // Get relative path from src base
+      const relativePath = path.relative(file.base, file.path).replace(/\\/g, '/');
+
+      // Log
+      if (LOUD) {
+        logger.log(`Processing file: ${relativePath}`);
+      }
+
+      // Change path if it starts with 'pages/'
+      // if (relativePath.startsWith('pages/')) {
+      //   // Remove 'pages/' prefix
+      //   const newRelativePath = relativePath.replace(/^pages\//, '');
+
+      //   // Update file path to remove pages directory
+      //   // This will make src/pages/index.html -> dist/index.html
+      //   file.path = path.join(file.base, newRelativePath);
+
+      //   // Log
+      //   logger.log(`  -> Moving from pages/ to root: ${newRelativePath}`);
+      // }
+
+      // Push the file
+      this.push(file);
+
+      // Continue
+      callback();
+    },
   });
 }
 

package/dist/gulp/tasks/html.js

@@ -2,7 +2,7 @@
 const Manager = new (require('../../build.js'));
 const logger = Manager.logger('html');
 const { src, dest, watch, series } = require('gulp');
-const through2 = require('through2');
+const { Transform } = require('node:stream');
 const jetpack = require('fs-jetpack');
 const path = require('path');
 const { template } = require('node-powertools');
@@ -51,86 +51,89 @@ function html(complete) {
 
 // Process HTML transform
 function processHtml(templateContent) {
-  return through2.obj(function (file, _, callback) {
-    // Skip if it's a directory
-    if (file.isDirectory()) {
-      return callback(null, file);
-    }
-
-    try {
-      // Get the view name from the file path
-      const viewName = path.basename(file.path, '.html');
-      const relativePath = path.relative(path.join(rootPathProject, 'src/views'), file.dirname);
-      const viewNameWithPath = relativePath ? `${relativePath}/${viewName}` : viewName;
-
-      // Read the content (body HTML)
-      const bodyContent = file.contents.toString();
-
-      // Determine the component name for CSS/JS loading
-      // Template already includes /components/ prefix, so just provide the component path
-      // Pages can have multiple files (index, pricing, login, etc.)
-      // Other components (popup, options, etc.) only have index.html
-      let componentName;
-      if (relativePath.startsWith('pages/') || relativePath === 'pages') {
-        // Pages directory: include full path with filename
-        // pages/index.html -> pages/index
-        // pages/pricing.html -> pages/pricing
-        componentName = viewNameWithPath;
-      } else if (relativePath && viewName === 'index') {
-        // Other components with index.html: use just the directory name
-        // popup/index.html -> popup
-        // options/index.html -> options
-        componentName = relativePath;
-      } else if (relativePath) {
-        // Non-index files in other directories: use full path
-        componentName = viewNameWithPath;
-      } else {
-        // No path: use viewName
-        componentName = viewName;
+  return new Transform({
+    objectMode: true,
+    transform(file, _, callback) {
+      // Skip if it's a directory
+      if (file.isDirectory()) {
+        return callback(null, file);
       }
 
-      // Prepare template data
-      const data = {
-        content: bodyContent,
-        page: {
-          name: componentName,
-          path: viewNameWithPath,
-          title: config.brand?.name || 'Extension',
-        },
-        theme: {
-          appearance: config.theme?.appearance || 'dark',
-        },
-        brand: config.brand || {},
-        cacheBust: Date.now(),
-      };
-
-      // Apply template with custom brackets
-      // First, template the body content to replace any {{ }} placeholders in the view
-      const templatedBody = template(bodyContent, data, {
-        brackets: ['{{', '}}'],
-      });
-
-      // Update data with templated body
-      data.content = templatedBody;
-
-      // Then template the outer page template
-      const rendered = template(templateContent, data, {
-        brackets: ['{{', '}}'],
-      });
-
-      // Update file contents
-      file.contents = Buffer.from(rendered);
-
-      // Log
-      logger.log(`Processed: ${viewNameWithPath}.html`);
-
-      // Push the file
-      this.push(file);
-      return callback();
-    } catch (error) {
-      logger.error('Error processing HTML:', error);
-      return callback(error);
-    }
+      try {
+        // Get the view name from the file path
+        const viewName = path.basename(file.path, '.html');
+        const relativePath = path.relative(path.join(rootPathProject, 'src/views'), file.dirname);
+        const viewNameWithPath = relativePath ? `${relativePath}/${viewName}` : viewName;
+
+        // Read the content (body HTML)
+        const bodyContent = file.contents.toString();
+
+        // Determine the component name for CSS/JS loading
+        // Template already includes /components/ prefix, so just provide the component path
+        // Pages can have multiple files (index, pricing, login, etc.)
+        // Other components (popup, options, etc.) only have index.html
+        let componentName;
+        if (relativePath.startsWith('pages/') || relativePath === 'pages') {
+          // Pages directory: include full path with filename
+          // pages/index.html -> pages/index
+          // pages/pricing.html -> pages/pricing
+          componentName = viewNameWithPath;
+        } else if (relativePath && viewName === 'index') {
+          // Other components with index.html: use just the directory name
+          // popup/index.html -> popup
+          // options/index.html -> options
+          componentName = relativePath;
+        } else if (relativePath) {
+          // Non-index files in other directories: use full path
+          componentName = viewNameWithPath;
+        } else {
+          // No path: use viewName
+          componentName = viewName;
+        }
+
+        // Prepare template data
+        const data = {
+          content: bodyContent,
+          page: {
+            name: componentName,
+            path: viewNameWithPath,
+            title: config.brand?.name || 'Extension',
+          },
+          theme: {
+            appearance: config.theme?.appearance || 'dark',
+          },
+          brand: config.brand || {},
+          cacheBust: Date.now(),
+        };
+
+        // Apply template with custom brackets
+        // First, template the body content to replace any {{ }} placeholders in the view
+        const templatedBody = template(bodyContent, data, {
+          brackets: ['{{', '}}'],
+        });
+
+        // Update data with templated body
+        data.content = templatedBody;
+
+        // Then template the outer page template
+        const rendered = template(templateContent, data, {
+          brackets: ['{{', '}}'],
+        });
+
+        // Update file contents
+        file.contents = Buffer.from(rendered);
+
+        // Log
+        logger.log(`Processed: ${viewNameWithPath}.html`);
+
+        // Push the file
+        this.push(file);
+        return callback();
+      } catch (error) {
+        logger.error('Error processing HTML:', error);
+        return callback(error);
+      }
+    },
   });
 }
 

package/dist/gulp/tasks/utils/template-transform.js

@@ -1,49 +1,49 @@
 // Libraries
-const through2 = require('through2');
+const { Transform } = require('node:stream');
 const { template } = require('node-powertools');
 const path = require('path');
 
 /**
- * Creates a through2 transform stream that processes template variables in files
+ * Creates a transform stream that processes template variables in files
  **/
 function createTemplateTransform(data) {
   const extensions = ['html', 'md', 'liquid', 'json', 'yml', 'yaml']
 
-  return through2.obj(function(file, encoding, callback) {
-    // Skip directories
-    if (file.isDirectory()) {
-      return callback(null, file);
-    }
-
-    // Check if file extension matches
-    const ext = path.extname(file.path).toLowerCase().slice(1);
-    if (!extensions.includes(ext)) {
-      return callback(null, file);
-    }
-
-    // Log
-    // console.log(`Processing file: ${file.path}`);
-
-    // Process the file contents
-    try {
-      const contents = file.contents.toString();
-
-      // Process templates
-      const templated = template(contents, data, {
-        brackets: ['[', ']'],
-      });
-
-      // Update file contents if changed
-      if (contents !== templated) {
-        file.contents = Buffer.from(templated);
-        const relativePath = file.relative || file.path;
+  return new Transform({
+    objectMode: true,
+    transform(file, encoding, callback) {
+      // Skip directories
+      if (file.isDirectory()) {
+        return callback(null, file);
       }
-    } catch (error) {
-      console.error(`Error processing templates in ${file.path}:`, error);
-    }
 
-    // Pass the file through
-    callback(null, file);
+      // Check if file extension matches
+      const ext = path.extname(file.path).toLowerCase().slice(1);
+      if (!extensions.includes(ext)) {
+        return callback(null, file);
+      }
+
+      // Process the file contents
+      try {
+        const contents = file.contents.toString();
+
+        // Process templates
+        const templated = template(contents, data, {
+          brackets: ['[', ']'],
+        });
+
+        // Update file contents if changed
+        if (contents !== templated) {
+          file.contents = Buffer.from(templated);
+          const relativePath = file.relative || file.path;
+        }
+      } catch (error) {
+        console.error(`Error processing templates in ${file.path}:`, error);
+      }
+
+      // Pass the file through
+      callback(null, file);
+    },
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-extension-manager",
-  "version": "1.3.47",
+  "version": "1.3.49",
   "description": "Browser Extension Manager dependency manager",
   "main": "dist/index.js",
   "exports": {
@@ -32,11 +32,15 @@
     "ext": "bin/browser-extension-manager",
     "mgr": "bin/browser-extension-manager"
   },
+  "files": [
+    "dist"
+  ],
   "preparePackage": {
     "input": "./src",
     "output": "./dist",
     "replace": {},
-    "type": "copy"
+    "type": "copy",
+    "hooks": {}
   },
   "projectScripts": {
     "start": "npx mgr clean && npx mgr setup && npm run gulp --",
@@ -69,17 +73,17 @@
   },
   "homepage": "https://template.itwcreativeworks.com",
   "dependencies": {
-    "@anthropic-ai/claude-agent-sdk": "^0.2.90",
+    "@anthropic-ai/claude-agent-sdk": "^0.2.138",
     "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-env": "^7.29.5",
     "@popperjs/core": "^2.11.8",
     "babel-loader": "^10.1.1",
     "chalk": "^5.6.2",
-    "dotenv": "^17.4.0",
+    "dotenv": "^17.4.2",
     "fs-jetpack": "^5.1.0",
     "glob": "^13.0.6",
     "gulp-clean-css": "^4.3.0",
-    "gulp-filter": "^9.0.1",
+    "gulp-filter": "^10.0.0",
     "gulp-rename": "^2.1.0",
     "gulp-responsive-modern": "^1.0.0",
     "gulp-sass": "^6.0.1",
@@ -89,11 +93,10 @@
     "minimatch": "^10.2.5",
     "node-powertools": "^3.0.0",
     "npm-api": "^1.0.1",
-    "sass": "^1.98.0",
-    "through2": "^4.0.2",
-    "web-manager": "^4.1.36",
-    "webpack": "^5.105.4",
-    "wonderful-fetch": "^2.0.4",
+    "sass": "^1.99.0",
+    "web-manager": "^4.1.41",
+    "webpack": "^5.106.2",
+    "wonderful-fetch": "^2.0.5",
     "wonderful-version": "^1.3.2",
     "ws": "^8.20.0",
     "yargs": "^18.0.0"
@@ -102,6 +105,6 @@
     "gulp": "^5.0.1"
   },
   "devDependencies": {
-    "prepare-package": "^2.0.7"
+    "prepare-package": "^2.1.0"
   }
 }

package/.nvmrc

@@ -1 +0,0 @@
-v22/*

package/CHANGELOG.md

@@ -1,156 +0,0 @@
-# CHANGELOG
-
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
-
-## Changelog Categories
-
-- `BREAKING` for breaking changes.
-- `Added` for new features.
-- `Changed` for changes in existing functionality.
-- `Deprecated` for soon-to-be removed features.
-- `Removed` for now removed features.
-- `Fixed` for any bug fixes.
-- `Security` in case of vulnerabilities.
-
----
-## [1.3.44] - 2026-04-01
-### Changed
-- Bumped `@anthropic-ai/claude-agent-sdk` from ^0.2.76 to ^0.2.90
-- Bumped `@babel/preset-env` from ^7.29.0 to ^7.29.2
-- Bumped `dotenv` from ^17.3.1 to ^17.4.0
-- Bumped `lodash` from ^4.17.23 to ^4.18.1
-- Bumped `minimatch` from ^10.2.4 to ^10.2.5
-- Bumped `web-manager` from ^4.1.28 to ^4.1.33
-- Bumped `ws` from ^8.19.0 to ^8.20.0
-
-## [1.3.43] - 2026-03-16
-### Added
-- Set `private: true` on consuming projects during setup to prevent accidental npm publishes
-
-## [1.3.42] - 2026-03-15
-### Changed
-- Bumped `node-powertools` from ^2.3.2 to ^3.0.0
-- Bumped `wonderful-fetch` from ^1.3.4 to ^2.0.4
-- Bumped `web-manager` from ^4.1.27 to ^4.1.28
-- Bumped `prepare-package` from ^1.2.6 to ^2.0.7
-- Added `preparePackage.type: "copy"` config to package.json
-
-## [1.3.40] - 2026-03-14
-### Changed
-- Migrated `app` references to `brand` namespace (`this.app` → `this.brand.id`, `options.app.id` → `options.brand.id`)
-- Nested brand image properties under `brand.images.*` (`brandmark`, `wordmark`, `combomark`)
-
-## [1.3.17] - 2025-12-23
-### Changed
-- Auth system now uses messaging instead of `chrome.storage` for cross-context sync
-- Background.js is the source of truth; contexts sync via `bxm:syncAuth` message on load
-- Fresh custom tokens fetched from server only when context UID differs from background UID
-
-### Fixed
-- Auth failures caused by expired custom tokens (tokens no longer stored, fetched fresh when needed)
-
-## [1.3.0] - 2025-12-16
-
-### Added
-- Multi-target builds for Chromium, Firefox, and Opera with automatic manifest adjustments
-- Chromium build uses `background.service_worker`, Firefox build uses `background.scripts`
-- Opera build auto-resolves `__MSG_*__` placeholders in `short_name` (Opera enforces 12-char limit including placeholder text)
-- Browser-specific `TARGETS` config object with `adjustManifest()` functions for each target
-- Opera loading instructions in BUILD_INSTRUCTIONS.md
-
-### Changed
-- Packaged output structure changed from `packaged/raw/` to `packaged/{chromium,firefox,opera}/raw/`
-- Extension zip moved from `packaged/extension.zip` to `packaged/{chromium,firefox,opera}/extension.zip`
-- `package.js` now creates separate builds for each browser target using configurable `TARGETS` object
-- `publish.js` uses target-specific paths (chromium zip for Chrome/Edge, firefox raw for Firefox, opera zip for Opera)
-- `audit.js` audits chromium build (code is identical between targets)
-- Manifest compilation now uses 3-step process: apply defaults → target adjustments → cleanup
-
-### Fixed
-- Packaged extensions no longer include `.scss`, `.sass`, `.ts`, or `.DS_Store` files (caused store rejections)
-
-## [1.1.13] - 2025-11-26
-### Added
-- Default `.env` file with publish credential templates for all stores
-- Intelligent line-based merging for `.gitignore` and `.env` files with section markers
-- Template variable support for `.yml` and `.yaml` files
-
-### Changed
-- Credentials now read from `.env` file instead of config (better security)
-- `.gitignore` and `.env` files use section markers to separate defaults from custom values
-- Template transform now passes `versions` data for workflow templating
-
-## [1.1.6] - 2025-11-14
-### Added
-- Bootstrap exposure to `window.bootstrap` in all UI components (popup, options, sidepanel, page)
-- `@popperjs/core` dependency for Bootstrap's Dropdown, Tooltip, and Popover components
-- Project-specific JS files to webpack watch paths for improved hot reloading
-
-### Changed
-- Modernized content.js manager from prototype-based to ES6 class syntax with async/await
-- Updated affiliatizer import to use dynamic import in content.js
-- Improved logging consistency across all manager classes
-
-## [1.1.1] - 2025-11-13
-### Changed
-- Simplified build.js configuration generation by removing webManager config overrides
-- Improved theme JS file watching in webpack config
-- Updated Firebase dependencies to latest versions (firebase 12.6.0)
-
-### Added
-- Cache busting support for CSS/JS includes in page template (?cb={{ cacheBust }})
-- build.js script loading to page template for runtime configuration
-- web-manager watch path for improved development workflow
-
-### Fixed
-- Removed verbose logging in background.js initialization
-- Browser caching issues during development with cache-busted resource URLs
-
-## [1.1.0] - 2025-11-13
-### BREAKING
-- Complete CSS architecture overhaul - projects using old structure will need migration
-- Removed static Bootstrap CSS files in favor of SCSS source compilation
-- Changed default file structure for consuming projects
-
-### Added
-- Modular component-based CSS architecture
-- New main entry point: `browser-extension-manager.scss`
-- Core CSS modules: initialize, utilities, animations
-- Component-specific CSS directories with bundle support
-- Full Bootstrap 5 SCSS source integration
-- Classy theme with custom design system
-- Theme template (`_template/`) for creating new themes
-- New component managers: popup, options, sidepanel, page
-- HTML template system via `page-template.html`
-- Views directory structure for organized HTML templates
-- Component-specific override system in defaults
-- New gulp tasks: `html.js`, `audit.js`
-- Webpack plugin to strip dev-only code blocks
-- `gulp-filter` dependency for advanced build filtering
-- Package exports for all component managers
-
-### Changed
-- Upgraded Bootstrap theme to use full source (scss/) instead of compiled CSS
-- Refactored defaults structure with component-specific organization
-- Reorganized project architecture for better modularity
-- Updated build system to support new component architecture
-
-### Removed
-- `fontawesome.scss` (moved to component-specific imports)
-- `main.scss` (replaced by component system)
-- Static Bootstrap CSS/JS files (now compiled from source)
-- Legacy HTML pages in `src/defaults/src/pages/`
-- Legacy asset structure in defaults
-- Obsolete `themes.js` gulp task
-- Old static JavaScript files (background.js, popup.js, etc. in defaults)
-
-### Fixed
-- Improved maintainability with modular architecture
-- Better theme customization support
-- Enhanced build process for component isolation
-
-## [1.0.0] - 2024-06-19
-### Added
-- Initial release of the project 🚀