glass-easel-miniprogram-webpack-plugin 0.8.0 → 0.8.2

package/README.md

@@ -40,6 +40,7 @@ plugins: [
 
 | Options | Explanation |
 | ------- | ----------- |
+| dev | compile with more debug information (default to `false` if the webpack is in `production` mode) |
 | path | the mini-program-like directory to be compiled (default to `src` ) |
 | resourceFilePattern | the filename pattern (in the mini-program-like directory) to be copied into the webpack output path |
 | defaultEntry | the mini-program page to be loaded on startup |
@@ -83,10 +84,11 @@ A page can be loaded like this:
 
 ```js
 import * as glassEasel from 'glass-easel'
-import { codeSpace, initWithBackend } from './src' // import the plugin-generated code
+import { codeSpace, initWithBackend, registerGlobalEventListener } from './src' // import the plugin-generated code
 
 // create the backend context
 const backendContext = new glassEasel.CurrentWindowBackendContext() // or another backend context
+registerGlobalEventListener(backendContext)
 const ab = initWithBackend(backendContext)
 
 // create a mini-program page

package/index.js

@@ -150,6 +150,7 @@ class GlassEaselMiniprogramWebpackPlugin {
     constructor(options) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-call
         this.virtualModules = new VirtualModulesPlugin();
+        this.dev = options.dev;
         this.path = options.path || './src';
         this.resourceFilePattern = options.resourceFilePattern || /\.(jpg|jpeg|png|gif)$/;
         this.defaultEntry = options.defaultEntry || 'pages/index/index';
@@ -157,6 +158,9 @@ class GlassEaselMiniprogramWebpackPlugin {
         this.disableClassPrefix = options.disableClassPrefix || false;
     }
     apply(compiler) {
+        const devMode = this.dev === undefined
+            ? compiler.options.mode === 'development' || compiler.options.mode === 'none'
+            : !!this.dev;
         const codeRoot = path.resolve(this.path);
         const compInfoMap = Object.create(null);
         const resPathMap = Object.create(null);
@@ -423,7 +427,7 @@ class GlassEaselMiniprogramWebpackPlugin {
             compilation.hooks.finishModules.tapPromise(PLUGIN_NAME, (modules) => __awaiter(this, void 0, void 0, function* () {
                 const tasks = [];
                 let indexModule;
-                const tmplGroup = new glass_easel_template_compiler_1.TmplGroup();
+                const tmplGroup = devMode ? glass_easel_template_compiler_1.TmplGroup.newDev() : new glass_easel_template_compiler_1.TmplGroup();
                 // collect compilation results
                 // eslint-disable-next-line no-restricted-syntax
                 for (const m of modules) {

package/index.ts

@@ -39,6 +39,7 @@ const CACHE_ETAG = 1
 const HOST_STYLES_MODULE = '__glass_easel_host_styles__.wxss'
 
 type PluginConfig = {
+  dev?: boolean
   path: string
   resourceFilePattern: RegExp
   defaultEntry: string
@@ -176,6 +177,7 @@ class StyleSheetManager {
 }
 
 export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance {
+  dev?: boolean
   path: string
   resourceFilePattern: RegExp
   defaultEntry: string
@@ -185,6 +187,7 @@ export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance
   virtualModules = new VirtualModulesPlugin() as VirtualModulePluginType
 
   constructor(options: Partial<PluginConfig>) {
+    this.dev = options.dev
     this.path = options.path || './src'
     this.resourceFilePattern = options.resourceFilePattern || /\.(jpg|jpeg|png|gif)$/
     this.defaultEntry = options.defaultEntry || 'pages/index/index'
@@ -193,6 +196,10 @@ export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance
   }
 
   apply(compiler: Compiler) {
+    const devMode =
+      this.dev === undefined
+        ? compiler.options.mode === 'development' || compiler.options.mode === 'none'
+        : !!this.dev
     const codeRoot = path.resolve(this.path)
     const compInfoMap = Object.create(null) as {
       [compPath: string]: { main: string; taskConfig: unknown; hasWxss: boolean }
@@ -470,7 +477,7 @@ export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance
       compilation.hooks.finishModules.tapPromise(PLUGIN_NAME, async (modules) => {
         const tasks: Promise<any>[] = []
         let indexModule: NormalModule | undefined
-        const tmplGroup = new TmplGroup()
+        const tmplGroup = devMode ? TmplGroup.newDev() : new TmplGroup()
 
         // collect compilation results
         // eslint-disable-next-line no-restricted-syntax

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "glass-easel-miniprogram-webpack-plugin",
   "description": "The webpack plugin of the glass-easel project for MiniProgram file structure",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/wechat-miniprogram/glass-easel.git"
@@ -18,8 +18,8 @@
   "main": "index.js",
   "peerDependencies": {
     "webpack": "^5.85.0",
-    "glass-easel": "0.8.0",
-    "glass-easel-miniprogram-adapter": "0.8.0"
+    "glass-easel": "0.8.2",
+    "glass-easel-miniprogram-adapter": "0.8.2"
   },
   "dependencies": {
     "chalk": "4",
@@ -27,8 +27,8 @@
     "source-map": "^0.7.4",
     "webpack-sources": "^3.2.1",
     "webpack-virtual-modules": "^0.5.0",
-    "glass-easel-stylesheet-compiler": "0.8.0",
-    "glass-easel-template-compiler": "0.8.0"
+    "glass-easel-template-compiler": "0.8.2",
+    "glass-easel-stylesheet-compiler": "0.8.2"
   },
   "scripts": {
     "build": "tsc -p .",