browser-extension-manager 1.0.14 → 1.1.1

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

@@ -0,0 +1,22 @@
+// ============================================
+// Content Script Component
+// ============================================
+
+// Import Browser Extension Manager
+import Manager from 'browser-extension-manager/content';
+
+// Create instance
+const manager = new Manager();
+
+// Initialize
+manager.initialize()
+.then(() => {
+  // Shortcuts
+  const { extension, messenger, logger } = manager;
+
+  // Add your project-specific content script logic here
+  // ...
+
+  // Log the initialization
+  logger.log('Content script initialized!');
+});

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

@@ -0,0 +1,22 @@
+// ============================================
+// Options Component
+// ============================================
+
+// Import Browser Extension Manager
+import Manager from 'browser-extension-manager/options';
+
+// Create instance
+const manager = new Manager();
+
+// Initialize
+manager.initialize()
+.then(() => {
+  // Shortcuts
+  const { extension, messenger, logger, webManager } = manager;
+
+  // Add your project-specific options logic here
+  // ...
+
+  // Log the initialization
+  logger.log('Options initialized!');
+});

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

@@ -0,0 +1,22 @@
+// ============================================
+// Index Page (Main Extension Page)
+// ============================================
+
+// Import Browser Extension Manager
+import Manager from 'browser-extension-manager/page';
+
+// Create instance
+const manager = new Manager();
+
+// Initialize
+manager.initialize()
+.then(() => {
+  // Shortcuts
+  const { extension, messenger, logger, webManager } = manager;
+
+  // Add your project-specific page logic here
+  // ...
+
+  // Log the initialization
+  logger.log('Index page initialized!');
+});

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

@@ -0,0 +1,22 @@
+// ============================================
+// Popup Component
+// ============================================
+
+// Import Browser Extension Manager
+import Manager from 'browser-extension-manager/popup';
+
+// Create instance
+const manager = new Manager();
+
+// Initialize
+manager.initialize()
+.then(() => {
+  // Shortcuts
+  const { extension, messenger, logger, webManager } = manager;
+
+  // Add your project-specific popup logic here
+  // ...
+
+  // Log the initialization
+  logger.log('Popup initialized!');
+});

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

@@ -0,0 +1,20 @@
+// ============================================
+// Sidepanel Component
+// ============================================
+// Default functionality for the sidepanel view
+
+// Import Browser Extension Manager
+import Manager from 'browser-extension-manager/sidepanel';
+
+// Create instance
+const manager = new Manager();
+
+// Initialize
+manager.initialize()
+.then(() => {
+  // Shortcuts
+  const { extension, messenger, logger, webManager } = manager;
+
+  // Add your sidepanel-specific JavaScript here
+  logger.log('Sidepanel initialized!');
+});

package/dist/defaults/src/manifest.json

@@ -5,7 +5,7 @@
 
   // Background script
   background: {
-    service_worker: 'assets/js/background.bundle.js',
+    service_worker: 'assets/js/components/background.bundle.js',
   },
 
   // Permissions
@@ -22,7 +22,7 @@
 
   // Options page
   options_ui: {
-    page: 'pages/options.html',
+    page: 'views/options/index.html',
   },
 
   // Content scripts
@@ -33,10 +33,10 @@
     //     'https://*/*',
     //   ],
     //   js: [
-    //     'assets/js/content.bundle.js',
+    //     'assets/js/components/content.bundle.js',
     //   ],
     //   css: [
-    //     'assets/css/content.bundle.css',
+    //     'assets/css/components/content.bundle.css',
     //   ],
     //   run_at: 'document_end',
     //   all_frames: false,
@@ -46,7 +46,12 @@
   // Browser action
   action: {
     default_title: '__MSG_appName__',
-    default_popup: 'pages/popup.html',
+    default_popup: 'views/popup/index.html',
+  },
+
+  // Side panel
+  side_panel: {
+    default_path: 'views/sidepanel/index.html',
   },
 
   // Content security policy
@@ -85,7 +90,7 @@
   // Sandbox
   sandbox: {
     pages: [
-      // 'pages/sandbox.html',
+      // 'views/sandbox/index.html',
     ],
   },
 

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

@@ -0,0 +1,8 @@
+<div class="options-container p-4">
+  <h1 class="h2 mb-4">Settings</h1>
+
+  <section class="settings-section mb-4">
+    <h2 class="h5 mb-3">General Settings</h2>
+    <p class="text-muted">Configure your extension settings here.</p>
+  </section>
+</div>

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

@@ -0,0 +1,10 @@
+<div class="page-container p-4">
+  <header class="page-header mb-4">
+    <h1 class="h2">Welcome</h1>
+    <p class="lead text-muted">Your extension page is ready.</p>
+  </header>
+
+  <main class="page-content">
+    <p>Add your page content here.</p>
+  </main>
+</div>

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

@@ -0,0 +1,4 @@
+<div class="popup-container p-3">
+  <h1 class="h4 mb-3">Popup</h1>
+  <p class="text-muted">Add your popup content here.</p>
+</div>

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

@@ -0,0 +1,4 @@
+<div class="sidepanel-container p-3">
+  <h1 class="h4 mb-3">Side Panel</h1>
+  <p class="text-muted">Add your sidepanel content here.</p>
+</div>

package/dist/gulp/main.js

@@ -2,15 +2,19 @@
 const Manager = new (require('../build.js'));
 const logger = Manager.logger('main');
 const argv = Manager.getArguments();
-const { series, parallel, watch } = require('gulp');
+const { series, parallel } = require('gulp');
 const path = require('path');
-const jetpack = require('fs-jetpack');
+const glob = require('glob').globSync;
+
+// Load package
+const package = Manager.getPackage('main');
+const project = Manager.getPackage('project');
 
 // Log
 logger.log('Starting...', argv);
 
 // Load tasks
-const tasks = jetpack.list(path.join(__dirname, 'tasks'));
+const tasks = glob('*.js', { cwd: `${__dirname}/tasks` });
 
 // Init global
 global.tasks = {};
@@ -35,9 +39,11 @@ exports.build = series(
   // exports.setup,
   // exports.clean,
   // exports.themes,
+  exports.defaults,
   exports.distribute,
-  parallel(exports.sass, exports.webpack, exports.icons),
+  parallel(exports.sass, exports.webpack, exports.icons, exports.html),
   exports.package,
+  exports.audit,
 );
 
 // Compose task scheduler
@@ -46,6 +52,6 @@ exports.default = series(
   // exports.clean,
   exports.serve,
   exports.build,
-  exports.developmentRebuild,
+  // exports.developmentRebuild,
   // exports.watcher,
 );

package/dist/gulp/plugins/webpack/strip-dev-blocks.js

@@ -0,0 +1,53 @@
+// Plugin: StripDevBlocksPlugin
+class StripDevBlocksPlugin {
+  constructor(options = {}) {
+    this.options = Object.assign(
+      {
+        fileTest: /\.js$/,
+        startMarker: '/* @dev-only:start */',
+        endMarker: '/* @dev-only:end */',
+      },
+      options
+    )
+    this.enabled = process.env.BEM_BUILD_MODE === 'true'
+  }
+
+  apply(compiler) {
+    if (!this.enabled) return
+
+    compiler.hooks.compilation.tap('StripDevBlocksPlugin', (compilation) => {
+      compilation.hooks.processAssets.tap(
+        {
+          name: 'StripDevBlocksPlugin',
+          stage: compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
+        },
+        (assets) => {
+          for (const filename in assets) {
+            if (!this.options.fileTest.test(filename)) continue
+
+            let source = assets[filename].source()
+
+            // Strip everything between start and end marker
+            const pattern = new RegExp(
+              `${this.escape(this.options.startMarker)}[\\s\\S]*?${this.escape(this.options.endMarker)}`,
+              'g'
+            )
+            source = source.replace(pattern, '')
+
+            compilation.updateAsset(
+              filename,
+              new compiler.webpack.sources.RawSource(source)
+            )
+          }
+        }
+      )
+    })
+  }
+
+  escape(str) {
+    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  }
+}
+
+// Export
+module.exports = StripDevBlocksPlugin

package/dist/gulp/tasks/{_package.js → BU/_package.js}

@@ -155,7 +155,7 @@ function packageWatcher(complete) {
   logger.log('[watcher] Watching for changes...');
 
   // Watch for changes in the dist folder
-  watch(input, { delay: delay }, parallel(...tasks))
+  watch(input, { delay: delay, dot: true }, parallel(...tasks))
     .on('change', function (path) {
       logger.log(`[watcher] File ${path} was changed`);
     });

package/dist/gulp/tasks/{developmentRebuild.js → BU/developmentRebuild.js}

@@ -82,7 +82,7 @@ function developmentRebuildWatcher(complete) {
   logger.log('[watcher] Watching for changes...');
 
   // Watch for changes
-  watch(input, { delay: delay }, developmentRebuild)
+  watch(input, { delay: delay, dot: true }, developmentRebuild)
   .on('change', function(path) {
     logger.log(`[watcher] File ${path} was changed`);
   });

package/dist/gulp/tasks/{themes.js → BU/themes.js}

@@ -7,6 +7,7 @@ const { src, dest, watch, series } = require('gulp');
 const package = Manager.getPackage('main');
 const project = Manager.getPackage('project');
 const manifest = Manager.getManifest();
+const config = Manager.getConfig('project');
 const rootPathPackage = Manager.getRootPath('main');
 const rootPathProject = Manager.getRootPath('project');
 
@@ -56,7 +57,7 @@ function themesWatcher(complete) {
   logger.log('[watcher] Watching for changes...');
 
   // Watch for changes
-  watch(input, { delay: delay }, themes)
+  watch(input, { delay: delay, dot: true }, themes)
   .on('change', function(path) {
     logger.log(`[watcher] File ${path} was changed`);
   });

package/dist/gulp/tasks/{test.js → _.js}

@@ -1,6 +1,6 @@
 // Libraries
 const Manager = new (require('../../build.js'));
-const logger = Manager.logger('test');
+const logger = Manager.logger('XXX');
 
 // Load package
 const package = Manager.getPackage('main');
@@ -9,9 +9,9 @@ const rootPathPackage = Manager.getRootPath('main');
 const rootPathProject = Manager.getRootPath('project');
 
 // Task
-module.exports = function test(complete) {
+module.exports = function XXX(complete) {
   // Log
-  logger.log('Starting test...');
+  logger.log('Starting XXX...');
 
   // Complete
   return complete();

package/dist/gulp/tasks/audit.js

@@ -0,0 +1,154 @@
+// Libraries
+const Manager = new (require('../../build.js'));
+const logger = Manager.logger('audit');
+const path = require('path');
+const jetpack = require('fs-jetpack');
+const { series } = require('gulp');
+const chalk = require('chalk');
+
+// Load package
+const package = Manager.getPackage('main');
+const project = Manager.getPackage('project');
+const rootPathPackage = Manager.getRootPath('main');
+const rootPathProject = Manager.getRootPath('project');
+
+// Audit results tracker
+const auditResults = {
+  externalScripts: [],
+};
+
+// Patterns to detect external script references
+const EXTERNAL_SCRIPT_PATTERNS = [
+  // Script tags
+  /<script[^>]*src=["'](https?:\/\/[^"']+)["']/gi,
+  // Dynamic script creation
+  /createElement\s*\(\s*["']script["']\s*\)[^}]*src\s*=\s*["'](https?:\/\/[^"']+)["']/gi,
+  // Direct URL assignments to src
+  /\.src\s*=\s*["'](https?:\/\/[^"']+)["']/gi,
+  // fetch/XMLHttpRequest calls to external URLs (common pattern for loading scripts)
+  /fetch\s*\(\s*["'](https?:\/\/[^"']+\.js[^"']*)["']/gi,
+  /XMLHttpRequest[^}]*open\s*\([^,]*,\s*["'](https?:\/\/[^"']+\.js[^"']*)["']/gi,
+  // import() dynamic imports of external URLs
+  /import\s*\(\s*["'](https?:\/\/[^"']+)["']/gi,
+  // require() of external URLs
+  /require\s*\(\s*["'](https?:\/\/[^"']+)["']/gi,
+];
+
+// Check a single file for external script references
+function checkFileForExternalScripts(filePath) {
+  try {
+    const content = jetpack.read(filePath);
+    if (!content) {
+      return [];
+    }
+
+    const found = [];
+    const lines = content.split('\n');
+
+    EXTERNAL_SCRIPT_PATTERNS.forEach(pattern => {
+      let match;
+      const globalPattern = new RegExp(pattern.source, pattern.flags);
+
+      while ((match = globalPattern.exec(content)) !== null) {
+        const url = match[1];
+        const lineNumber = content.substring(0, match.index).split('\n').length;
+
+        found.push({
+          file: path.relative(rootPathProject, filePath),
+          url: url,
+          line: lineNumber,
+          pattern: pattern.source.substring(0, 50) + '...',
+        });
+      }
+    });
+
+    return found;
+  } catch (e) {
+    logger.error(`Error reading file ${filePath}:`, e.message);
+    return [];
+  }
+}
+
+// Main audit task
+async function auditFn(complete) {
+  // Log
+  logger.log('Starting audit...');
+
+  // Skip if not in build mode
+  if (!Manager.isBuildMode()) {
+    logger.log('Skipping audit (not in build mode)');
+    return complete();
+  }
+
+  // Reset results
+  auditResults.externalScripts = [];
+
+  try {
+    // Find all files in packaged directory (JS, HTML, etc.)
+    const packagedDir = path.join(rootPathProject, 'packaged', 'raw');
+
+    if (!jetpack.exists(packagedDir)) {
+      logger.log(chalk.yellow('⚠️  Packaged directory not found. Run package task first.'));
+      return complete();
+    }
+
+    const files = jetpack.find(packagedDir, { matching: ['**/*.js', '**/*.html'] });
+
+    logger.log(`Auditing ${files.length} files (JS, HTML)...`);
+
+    // Check each file
+    files.forEach(filePath => {
+      const externalScripts = checkFileForExternalScripts(filePath);
+      if (externalScripts.length > 0) {
+        auditResults.externalScripts.push(...externalScripts);
+      }
+    });
+
+    // Display results
+    displayAuditResults();
+
+    // Log
+    logger.log('Audit completed!');
+
+    // Complete
+    return complete();
+  } catch (e) {
+    logger.error('Error during audit:', e);
+    return complete();
+  }
+}
+
+// Display audit results
+function displayAuditResults() {
+  console.log('\n' + chalk.bold('═══════════════════════════════════════════════════'));
+  console.log(chalk.bold('                 AUDIT RESULTS'));
+  console.log(chalk.bold('═══════════════════════════════════════════════════') + '\n');
+
+  // External Scripts
+  if (auditResults.externalScripts.length > 0) {
+    console.log(chalk.red.bold('❌ EXTERNAL SCRIPTS DETECTED'));
+    console.log(chalk.gray('Chrome extensions do not allow external scripts to be loaded.\n'));
+
+    auditResults.externalScripts.forEach((item, index) => {
+      console.log(chalk.red(`  ${index + 1}. ${item.file}:${item.line}`));
+      console.log(chalk.gray(`     URL: ${item.url}`));
+      console.log('');
+    });
+  } else {
+    console.log(chalk.green('✅ No external scripts detected'));
+  }
+
+  // Summary
+  console.log(chalk.bold('\n───────────────────────────────────────────────────'));
+  console.log(chalk.bold('SUMMARY'));
+  console.log(chalk.bold('───────────────────────────────────────────────────'));
+
+  const externalScriptCount = auditResults.externalScripts.length;
+  const externalScriptColor = externalScriptCount > 0 ? chalk.red : chalk.green;
+  console.log(externalScriptColor(`External Scripts: ${externalScriptCount}`));
+
+  console.log(chalk.bold('═══════════════════════════════════════════════════\n'));
+}
+
+// Export task
+module.exports = series(auditFn);