chore: changing syntax for node 12.x support

Author: harlan-zw

src/core/utils.ts

@@ -22,14 +22,24 @@ export const transformCSS = (service: WindiPluginUtils, source: string, resource
   try {
     output = service.transformCSS(source, resource, { globaliseKeyframes: true })
     if (!output || output.length <= 0) {
-      console.warn(`[WindiCSS] Failed to transform CSS for resource: ${resource}.`)
+      console.warn(`[WindiCSS] Invalid response from windi core transforming resource: ${resource}.`)
       return source
     }
     debug.loader('Transformed CSS', resource)
   }
   catch (e) {
-    console.warn(`[WindiCSS] Failed to transform CSS for resource: ${resource}.`)
+    console.warn(`[WindiCSS] Exception when transforming CSS for resource: ${resource}.`, e)
     return source
   }
   return output
 }
+
+/**
+ * Default function. Take the value or the default
+ */
+export const def = (val: any, def: any) => {
+  if (val)
+    return val
+
+  return def
+}

src/interfaces.ts

@@ -2,7 +2,7 @@ import type webpack from 'webpack'
 import type { WindiPluginUtils, UserOptions } from '@windicss/plugin-utils'
 
 export type Compiler = webpack.Compiler & {
-  $windyCSSService?: WindiPluginUtils & {
+  $windyCSSService: WindiPluginUtils & {
     dirty: Set<string>
     root: string
     virtualModules: Map<string, string>

src/loaders/transform-template.ts

@@ -4,7 +4,7 @@ import defaults from 'lodash/defaults'
 import loaderUtils from 'loader-utils'
 import debug from '../core/debug'
 import type { Compiler } from '../interfaces'
-import { isJsx, transformCSS } from '../core/utils'
+import { def, isJsx, transformCSS } from '../core/utils'
 
 function TransformTemplate(
   this: webpack.loader.LoaderContext,
@@ -75,7 +75,7 @@ function TransformTemplate(
             }
           })
         }
-        return transformedCSS ?? match
+        return def(transformedCSS, match)
       }
       const transformedCSS = transformCSS(service, css, this.resource)
       return `<style${meta}>\n${transformedCSS}\n</style>`

src/loaders/virtual-module.ts

@@ -5,6 +5,7 @@ import type { LayerName } from '@windicss/plugin-utils'
 import type { Compiler } from '../interfaces'
 import { MODULE_ID_VIRTUAL_TEST } from '../core/constants'
 import debug from '../core/debug'
+import { def } from '../core/utils'
 
 async function VirtualModule(
   this: webpack.loader.LoaderContext,
@@ -37,7 +38,7 @@ async function VirtualModule(
         service.options.enableScan = false
 
       const css = (await service.generateCSS(layer)).replace('(boot)', '')
-      service.virtualModules.set(layer ?? 'all', css)
+      service.virtualModules.set(def(layer, 'all'), css)
       callback(null, css)
     }
     catch (e: any) {

src/plugin.ts

@@ -5,6 +5,7 @@ import VirtualModulesPlugin from 'webpack-virtual-modules'
 import type { Compiler, WindiCSSWebpackPluginOptions } from './interfaces'
 import { MODULE_ID, MODULE_ID_VIRTUAL_TEST, MODULE_ID_VIRTUAL_MODULES, NAME } from './core/constants'
 import debug from './core/debug'
+import { def } from './core/utils'
 
 const loadersPath = resolve(__dirname, 'loaders')
 const pitcher = resolve(loadersPath, 'pitcher.js')
@@ -28,7 +29,13 @@ class WindiCSSWebpackPlugin {
   }
 
   apply(compiler: Compiler): void {
-    const root = this.options.root ?? compiler.options.resolve?.alias?.['~'] ?? compiler.context
+    // resolve the root working directory
+    let root = compiler.context
+    if (this.options.root)
+      root = this.options.root
+    else if (compiler.options.resolve && compiler.options.resolve.alias && compiler.options.resolve.alias['~'])
+      root = compiler.options.resolve.alias['~']
+
     // Fix possibly undefined issues
     if (!compiler.options.module || !compiler.options.module.rules)
       return
@@ -89,7 +96,7 @@ class WindiCSSWebpackPlugin {
         if (shouldExcludeResource(resource))
           return false
 
-        return Boolean(compiler.$windyCSSService?.isDetectTarget(resource))
+        return Boolean(compiler.$windyCSSService.isDetectTarget(resource))
       },
       enforce: 'post',
       use: [{
@@ -107,7 +114,7 @@ class WindiCSSWebpackPlugin {
         if (shouldExcludeResource(resource))
           return false
 
-        return Boolean(compiler.$windyCSSService?.isDetectTarget(resource))
+        return Boolean(compiler.$windyCSSService.isDetectTarget(resource))
       },
       use: [{
         loader: transformTemplateLoader,
@@ -119,7 +126,7 @@ class WindiCSSWebpackPlugin {
         if (shouldExcludeResource(resource))
           return false
 
-        return Boolean(compiler.$windyCSSService?.isCssTransformTarget(resource))
+        return Boolean(compiler.$windyCSSService.isCssTransformTarget(resource))
       },
       use: [{
         loader: transformCSSLoader,
@@ -204,7 +211,7 @@ class WindiCSSWebpackPlugin {
         if (match) {
           const layer = (match[1] as LayerName | 'all') || 'all'
           if (compiler.$windyCSSService && compiler.$windyCSSService.virtualModules.has(layer))
-            virtualModuleContent = compiler.$windyCSSService.virtualModules.get(layer) ?? ''
+            virtualModuleContent = def(compiler.$windyCSSService.virtualModules.get(layer), '')
         }
         virtualModules.writeModule(
           join(this.options.virtualModulePath, virtualModulePath),
@@ -217,10 +224,10 @@ class WindiCSSWebpackPlugin {
     // Make windy service available to the loader
     const initWindyCSSService = async() => {
       if (!compiler.$windyCSSService) {
-        const utils = this.options.utils ?? createUtils(this.options, {
+        const utils = def(this.options.utils, createUtils(this.options, {
           root,
           name: NAME,
-        })
+        }))
 
         compiler.$windyCSSService = Object.assign(
           utils,