browser-extension-manager 1.0.0 → 1.0.2

package/TODO.md

@@ -0,0 +1,8 @@
+TODO
+- make a special part of WM that has default and custom classes to pass into that replace in the html, it should do txt and inputs
+
+WM
+- year (currently wm-year, but change it)
+
+BXM
+- extension version (currently bxm-version, but change it)

package/dist/assets/css/fontawesome.scss

@@ -1,2 +1,3 @@
 // Import Font Awesome CSS
 // @import '~@fortawesome/fontawesome-free/css/all.min.css';
+// @import '/node_modules/@fortawesome/fontawesome-free/css/all.min.css';

package/dist/background.js

@@ -12,12 +12,12 @@ function Manager() {
 
   // Defaults
   self.config = {};
-  self.version = '{ version }';
+  self.version = '%%% version %%%';
   self.brand = {
-    name: '{ brand.name }',
+    name: '%%% brand.name %%%',
   };
-  self.app = '{ app.id }';
-  self.environment = '{ environment }';
+  self.app = '%%% app.id %%%';
+  self.environment = '%%% environment %%%';
   self.libraries = {
     firebase: false,
     messaging: false,
@@ -222,10 +222,10 @@ function setupListeners(self) {
 function importFirebase(self) {
   // Import Firebase libraries
   // importScripts(
-  //   'https://www.gstatic.com/firebasejs/{ firebaseVersion }/firebase-app-compat.js',
-  //   'https://www.gstatic.com/firebasejs/{ firebaseVersion }/firebase-messaging-compat.js',
-  //   'https://www.gstatic.com/firebasejs/{ firebaseVersion }/firebase-database-compat.js',
-  //   'https://www.gstatic.com/firebasejs/{ firebaseVersion }/firebase-firestore-compat.js',
+  //   'https://www.gstatic.com/firebasejs/%%% firebaseVersion %%%/firebase-app-compat.js',
+  //   'https://www.gstatic.com/firebasejs/%%% firebaseVersion %%%/firebase-messaging-compat.js',
+  //   'https://www.gstatic.com/firebasejs/%%% firebaseVersion %%%/firebase-database-compat.js',
+  //   'https://www.gstatic.com/firebasejs/%%% firebaseVersion %%%/firebase-firestore-compat.js',
   // );
   console.error('---0');
   console.error('---1', __dirname);
@@ -249,7 +249,7 @@ function setupLiveReload(self) {
   if (self.environment !== 'development') { return };
 
   // Setup livereload
-  const address = `ws://localhost:{ liveReloadPort }/livereload`;
+  const address = `ws://localhost:%%% liveReloadPort %%%/livereload`;
   let connection;
   let isReconnecting = false; // Flag to track reconnections
 

package/dist/gulp/plugins/webpack/replace.js

@@ -1,21 +1,10 @@
+// Libraries
+const { template } = require('node-powertools');
+
 // Plugin
 class ReplacePlugin {
   constructor(replacements) {
-    this.replacements = this.flatten(replacements)
-  }
-
-  flatten(obj, prefix = '') {
-    let result = {}
-    for (let key in obj) {
-      let value = obj[key]
-      let path = prefix ? `${prefix}.${key}` : key
-      if (typeof value === 'object' && value !== null) {
-        Object.assign(result, this.flatten(value, path))
-      } else {
-        result[`{ ${path} }`] = value
-      }
-    }
-    return result
+    this.replacements = replacements
   }
 
   apply(compiler) {
@@ -27,20 +16,25 @@ class ReplacePlugin {
         },
         (assets) => {
           for (const filename in assets) {
-            if (filename.endsWith('.js')) {
-              let asset = assets[filename]
-              let content = asset.source()
+            // Skip non-JS files
+            if (!filename.endsWith('.js')) {
+              continue
+            }
 
-              for (const [placeholder, replacement] of Object.entries(this.replacements)) {
-                const regex = new RegExp(placeholder.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g')
-                content = content.replace(regex, replacement)
-              }
+            // Get the asset
+            let asset = assets[filename]
+            let content = asset.source();
 
-              compilation.updateAsset(
-                filename,
-                new compiler.webpack.sources.RawSource(content)
-              )
-            }
+            // Use template interpolation
+            content = template(content, this.replacements, {
+              brackets: ['%%%', '%%%'],
+            })
+
+            // Update the asset
+            compilation.updateAsset(
+              filename,
+              new compiler.webpack.sources.RawSource(content)
+            )
           }
         }
       )

package/dist/gulp/tasks/_vendor.js

@@ -0,0 +1,11 @@
+// Libraries
+const Manager = new (require('../../build.js'));
+const logger = Manager.logger('themes');
+const { src, dest, watch, series } = require('gulp');
+
+// Load package
+const package = Manager.getPackage('main');
+const project = Manager.getPackage('project');
+const manifest = Manager.getManifest();
+const rootPathPackage = Manager.getRootPath('main');
+const rootPathProject = Manager.getRootPath('project');

package/dist/gulp/tasks/themes.js

@@ -2,10 +2,6 @@
 const Manager = new (require('../../build.js'));
 const logger = Manager.logger('themes');
 const { src, dest, watch, series } = require('gulp');
-const through2 = require('through2');
-const jetpack = require('fs-jetpack');
-const path = require('path');
-const { execute } = require('node-powertools');
 
 // Load package
 const package = Manager.getPackage('main');

package/dist/gulp/tasks/webpack.js

@@ -16,9 +16,6 @@ const config = Manager.getConfig();
 const rootPathPackage = Manager.getRootPath('main');
 const rootPathProject = Manager.getRootPath('project');
 
-// Load variables
-const firebaseVersion = version.clean(require('web-manager/package.json').dependencies.firebase);
-
 // Settings
 // const MINIFY = false;
 const MINIFY = Manager.getEnvironment() === 'production';
@@ -41,19 +38,7 @@ const settings = {
   mode: 'production',
   target: ['web', 'es5'],
   plugins: [
-    new ReplacePlugin({
-      // App & Project
-      ...project,
-      ...manifest,
-      ...config,
-
-      // Additional
-      environment: Manager.getEnvironment(),
-
-      // Specific
-      firebaseVersion: firebaseVersion,
-      liveReloadPort: Manager.getLiveReloadPort(),
-    }),
+    new ReplacePlugin(getReplaceOptions()),
   ],
   entry: {
     // Entry is dynamically generated
@@ -185,5 +170,65 @@ function updateEntryPoints() {
   logger.log('Updated entry points:', settings.entry);
 }
 
+function getReplaceOptions() {
+  // Setup options
+  const options = {
+    // App & Project
+    ...project,
+    ...manifest,
+    ...config,
+
+    // Additional
+    environment: Manager.getEnvironment(),
+
+    // Specific
+    firebaseVersion: version.clean(require('web-manager/package.json').dependencies.firebase),
+    liveReloadPort: Manager.getLiveReloadPort(),
+  }
+  const now = Math.round(new Date().getTime() / 1000);
+
+  // Set webManagerConfiguration
+  options.webManagerConfiguration = JSON.stringify({
+    global: {
+      app: options.app.id,
+      version: options.version,
+      url: options.brand.url,
+      buildTime: now,
+      cacheBreaker: now,
+      brand: options.brand.name,
+      contact: {
+        emailBusiness: options.brand.email,
+        emailSupport: options.brand.email,
+      },
+      download: {},
+      extension: {},
+      validRedirectHosts: ['itwcreativeworks.com'],
+      settings: {
+        libraries: {
+          firebase_app: {
+            enabled: !!options.firebaseConfig.apiKey,
+            config: options.firebaseConfig,
+          },
+          firebase_appCheck: {
+            enabled: false,
+          },
+          cookieconsent: {
+            enabled: false,
+          },
+          chatsy: {
+            enabled: false,
+          },
+          sentry: {
+            enabled: false,
+          },
+        }
+      }
+    }
+  });
+
+  // Return
+  return options;
+}
+
 // Default Task
 module.exports = series(webpack, webpackWatcher);

package/dist/index.js

@@ -9,19 +9,41 @@ function Manager() {
   return self;
 }
 
-// Initialize
 Manager.prototype.initialize = function (callback) {
   const self = this;
 
+  // Configuration
+  const configuration = JSON.parse('%%% webManagerConfiguration %%%');
+
   // Initiate the web manager
-  self._manager = new WebManager();
+  self.manager = new WebManager();
+  self.extension = require('./lib/extension');
 
   // Initialize
-  self._manager.init(window.Configuration, callback);
+  self.manager.init(configuration, callback);
 
   // Return
-  return self._manager;
+  return self.manager;
 };
 
+// Setup logger
+['log', 'error', 'warn', 'info', 'debug'].forEach(method => {
+  Manager.prototype[method] = function() {
+    // Get arguments
+    const time = new Date().toLocaleTimeString('en-US', {
+      hour12: false,
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit'
+    });
+
+    // Add prefix
+    const args = [`[${time}] content:`, ...Array.from(arguments)];
+
+    // Call the original console method
+    console[method].apply(console, args);
+  };
+});
+
 // Export
 module.exports = Manager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-extension-manager",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Browser Extension Manager dependency manager",
   "main": "dist/index.js",
   "exports": {
@@ -56,7 +56,6 @@
     "@babel/preset-env": "^7.26.9",
     "@fortawesome/fontawesome-free": "^6.7.2",
     "babel-loader": "^9.2.1",
-    "browser-sync": "^3.0.3",
     "chalk": "^4.1.2",
     "fs-jetpack": "^5.1.0",
     "glob": "^11.0.1",
@@ -68,9 +67,9 @@
     "json5": "^2.2.3",
     "lodash": "^4.17.21",
     "minimatch": "^10.0.1",
-    "node-powertools": "^2.1.5",
+    "node-powertools": "^2.2.0",
     "npm-api": "^1.0.1",
-    "sass": "^1.86.0",
+    "sass": "^1.86.3",
     "through2": "^4.0.2",
     "web-manager": "^3.2.73",
     "webpack": "^5.98.0",