feat: use wext-manifest-transformer module

Signed-off-by: Abhijith Vijayan [FLUXON] <abhijith.vijayan@fluxon.com>

Author: abhijithvijayan

.github/workflows/npm-publish.yml

@@ -24,10 +24,10 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
-      - name: Use Node.js 18
+      - name: Use Node.js 20
         uses: actions/setup-node@v4
         with:
-          node-version: '18.18.0'
+          node-version: '20.19.2'
           registry-url: 'https://registry.npmjs.org'
           scope: "@abhijithvijayan"
 

.nvmrc

@@ -1 +1 @@
-v18.18.0
+v20.19.2

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wext-manifest-loader",
-	"version": "2.4.2",
+	"version": "3.0.0",
 	"description": "Webpack loader that lets you specify `manifest.json` properties to appear only in specific browsers.",
 	"license": "MIT",
 	"repository": "https://github.com/abhijithvijayan/wext-manifest-loader.git",
@@ -53,8 +53,9 @@
 		"opera"
 	],
 	"dependencies": {
-		"loader-utils": "^2.0.0",
-		"schema-utils": "^2.7.1"
+		"loader-utils": "^2.0.4",
+		"schema-utils": "^2.7.1",
+		"wext-manifest-transformer": "^1.1.0"
 	},
 	"devDependencies": {
 		"@abhijithvijayan/eslint-config": "^2.8.0",
@@ -63,7 +64,7 @@
 		"@babel/eslint-parser": "^7.23.9",
 		"@types/jest": "^26.0.23",
 		"@types/loader-utils": "^2.0.3",
-		"@types/node": "^15.0.2",
+		"@types/node": "^20.19.1",
 		"@typescript-eslint/eslint-plugin": "^6.20.0",
 		"@typescript-eslint/parser": "^6.20.0",
 		"eslint": "^8.56.0",
@@ -80,6 +81,6 @@
 		"prettier": "^3.2.4",
 		"rimraf": "^3.0.2",
 		"ts-jest": "^26.5.6",
-		"typescript": "4.4.4"
+		"typescript": "4.9.5"
 	}
 }

readme.md

@@ -7,7 +7,6 @@
   <a href="https://travis-ci.com/abhijithvijayan/wext-manifest-loader">
     <img src="https://travis-ci.com/abhijithvijayan/wext-manifest-loader.svg?branch=main" alt="Travis Build" />
   </a>
-  </a>
   <a href="https://david-dm.org/abhijithvijayan/wext-manifest-loader">
     <img src="https://img.shields.io/david/abhijithvijayan/wext-manifest-loader.svg?colorB=orange" alt="DEPENDENCIES" />
   </a>

source/constants.ts

@@ -1,27 +1 @@
 export const LOADER_NAME = 'wext-manifest-loader';
-
-export const ENVKeys = {
-  DEV: 'dev',
-  PROD: 'prod',
-} as const;
-
-export const Browser = {
-  CHROME: 'chrome',
-  FIREFOX: 'firefox',
-  OPERA: 'opera',
-  EDGE: 'edge',
-} as const;
-export type BrowserType = (typeof Browser)[keyof typeof Browser];
-
-export const browserVendors: BrowserType[] = [
-  Browser.CHROME,
-  Browser.FIREFOX,
-  Browser.OPERA,
-  Browser.EDGE,
-];
-export const envVariables: string[] = [ENVKeys.DEV, ENVKeys.PROD];
-
-// Refer: https://regex101.com/r/ddSEHh/1
-export const CUSTOM_PREFIX_REGEX = new RegExp(
-  `^__((?:(?:${[...browserVendors, ...envVariables].join('|')})\\|?)+)__(.*)`
-);

source/loader.ts

@@ -9,8 +9,11 @@ import fs from 'fs';
 import path from 'path';
 import validateOptions from 'schema-utils';
 import {getOptions, interpolateName} from 'loader-utils';
-import {BrowserType, browserVendors, LOADER_NAME} from './constants';
-import {transformManifest} from './transform';
+import transformer, {
+  BrowserType,
+  browserVendors,
+} from 'wext-manifest-transformer';
+import {LOADER_NAME} from './constants';
 
 const packageJSONPath: string = path.resolve('./package.json');
 
@@ -64,7 +67,11 @@ export function loader(this: any, source: any): string {
   }
 
   // Transform manifest
-  const manifest = transformManifest(content, vendor as BrowserType);
+  const manifest = transformer(
+    content,
+    vendor as BrowserType,
+    process.env.NODE_ENV || 'development'
+  );
 
   // update version field with package.json version
   if (usePackageJSONVersion) {