weboptimizer 2.0.1169 → 2.0.1173

package/browser.d.ts

@@ -4,6 +4,7 @@ export declare const browser: Browser;
  * Provides a generic browser api in node or web contexts.
  * @param replaceWindow - Indicates whether a potential existing window object
  * should be replaced or not.
+ *
  * @returns Determined environment.
  */
 export declare const getInitializedBrowser: (replaceWindow?: boolean) => Promise<InitializedBrowser>;

package/browser.js

@@ -44,8 +44,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-// endregion
-// region variables
+//  endregion
+//  region variables
 var onCreatedListener = [];
 var browser = {
   debug: false,
@@ -108,9 +108,31 @@ if (typeof TARGET_TECHNOLOGY === 'undefined' || TARGET_TECHNOLOGY === 'node')
               browser.initialized = true;
               browser.instance = new browser.DOM(template, {
                 beforeParse: function beforeParse(window) {
+                  var _global$window;
+
                   // We want to use it in a polymorphic way.
-                  browser.window = window;
+                  browser.window = (_global$window = global.window) !== null && _global$window !== void 0 ? _global$window : window;
                   window.document.addEventListener('DOMContentLoaded', function () {
+                    /*
+                        Move template results into global
+                        pre-defined dom.
+                    */
+                    if (global.window) {
+                      var _iterator2 = _createForOfIteratorHelper(['head', 'body']),
+                          _step2;
+
+                      try {
+                        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                          var type = _step2.value;
+                          global.window.document[type].innerHTML = window.document[type].innerHTML;
+                        }
+                      } catch (err) {
+                        _iterator2.e(err);
+                      } finally {
+                        _iterator2.f();
+                      }
+                    }
+
                     browser.domContentLoaded = true;
                   });
                   window.addEventListener('load', function () {
@@ -121,18 +143,18 @@ if (typeof TARGET_TECHNOLOGY === 'undefined' || TARGET_TECHNOLOGY === 'node')
                     browser.domContentLoaded = browser.windowLoaded = true;
                   });
 
-                  var _iterator2 = _createForOfIteratorHelper(onCreatedListener),
-                      _step2;
+                  var _iterator3 = _createForOfIteratorHelper(onCreatedListener),
+                      _step3;
 
                   try {
-                    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                      var callback = _step2.value;
+                    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                      var callback = _step3.value;
                       callback();
                     }
                   } catch (err) {
-                    _iterator2.e(err);
+                    _iterator3.e(err);
                   } finally {
-                    _iterator2.f();
+                    _iterator3.f();
                   }
                 },
                 resources: 'usable',
@@ -206,18 +228,18 @@ if (typeof TARGET_TECHNOLOGY === 'undefined' || TARGET_TECHNOLOGY === 'node')
     browser.windowLoaded = true;
   });
   void _clientnode["default"].timeout(function () {
-    var _iterator3 = _createForOfIteratorHelper(onCreatedListener),
-        _step3;
+    var _iterator4 = _createForOfIteratorHelper(onCreatedListener),
+        _step4;
 
     try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var callback = _step3.value;
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var callback = _step4.value;
         callback();
       }
     } catch (err) {
-      _iterator3.e(err);
+      _iterator4.e(err);
     } finally {
-      _iterator3.f();
+      _iterator4.f();
     }
   });
 } // endregion
@@ -226,6 +248,7 @@ if (typeof TARGET_TECHNOLOGY === 'undefined' || TARGET_TECHNOLOGY === 'node')
  * Provides a generic browser api in node or web contexts.
  * @param replaceWindow - Indicates whether a potential existing window object
  * should be replaced or not.
+ *
  * @returns Determined environment.
  */
 

package/declarations.d.ts

@@ -25,7 +25,12 @@ declare module 'postcss-fontpath' {
 declare module 'postcss-sprites' {
     export default function(options:Partial<{
         filterBy:() => Promise<void>
-        hooks:{onSaveSpritesheet:(_image:Mapping) => string}
+        hooks:{
+            onSaveSpritesheet:(_image:Mapping<unknown>) => string
+            onUpdateRule:(
+                _rule:PostcssNode, _token:PostcssNode, _image:Mapping<unknown>
+            ) => void
+        }
         spritePath:string
         stylesheetPath:null|string
         verbose:boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weboptimizer",
-  "version": "2.0.1169",
+  "version": "2.0.1173",
   "description": "A generic web optimizer, (module) bundler and development environment.",
   "keywords": [
     "webpack",
@@ -111,7 +111,6 @@
   "devDependencies": {
     "@babel/cli": "*",
     "@babel/eslint-parser": "*",
-    "@types/cssnano": "*",
     "@types/ejs": "*",
     "@types/favicons": "*",
     "@types/html-minifier": "*",
@@ -925,7 +924,7 @@
             "#": "The autoprefixer has to be disabled in this context since it would remove all needed vendor prefixes from the preceding processing (every prefix should be needed here).",
             "preset": [
               {
-                "__evaluate__": "require('cssnano-preset-default')"
+                "__evaluate__": "optionalRequire('cssnano-preset-default')"
               },
               {
                 "autoprefixer": false,

package/readme.md

@@ -99,15 +99,15 @@ Installation
 
 Edit your **package.json** to add **one** dependency:
 
-    #!JSON
-
+```JSON
+...
+"dependencies": {
     ...
-    "dependencies": {
-        ...
-        "weboptimizer": "latest",
-        ...
-    },
+    "weboptimizer": "latest",
     ...
+},
+...
+```
 
 Update your **packages** via npm and have fun:
 
@@ -120,79 +120,79 @@ First you should specify some tasks/use-cases you want to use in you project.
 You can do this in your **package.json**. All supported scripts and some useful
 compositions are listed below:
 
-    #!JSON
-
+```JSON
+...
+"scripts": {
     ...
-    "scripts": {
-        ...
-        "build": "weboptimizer build",
-        "build:stats": "weboptimizer build --profile --json >/tmp/stat.json && echo 'Results successfully written to \"/tmp/stat.json\".'",
-        "check": "yarn check:types; yarn lint",
-        "check:types": "weboptimizer check:types",
-        "clear": "weboptimizer clear",
-        "document": "weboptimizer document",
-        "lint": "weboptimizer lint",
-        "postinstall": "weboptimizer build",
-        "preinstall": "weboptimizer preinstall",
-        "serve": "weboptimizer serve",
-        "start": "npm run serve",
-        "test": "weboptimizer test",
-        "test:browser": "weboptimizer test:browser",
-        "watch": "weboptimizer build --watch",
-        ...
-    },
+    "build": "weboptimizer build",
+    "build:stats": "weboptimizer build --profile --json >/tmp/stat.json && echo 'Results successfully written to \"/tmp/stat.json\".'",
+    "check": "yarn check:types; yarn lint",
+    "check:types": "weboptimizer check:types",
+    "clear": "weboptimizer clear",
+    "document": "weboptimizer document",
+    "lint": "weboptimizer lint",
+    "postinstall": "weboptimizer build",
+    "preinstall": "weboptimizer preinstall",
+    "serve": "weboptimizer serve",
+    "start": "npm run serve",
+    "test": "weboptimizer test",
+    "test:browser": "weboptimizer test:browser",
+    "watch": "weboptimizer build --watch",
     ...
+},
+...
+```
 
 You can easily run any specified script via npm's command lint interface:
 
-    #!bash
-
-    npm run build -debug
-    npm run lint
-    npm run watch -debug
-    npm run serve
-    ...
+```bash
+npm run build -debug
+npm run lint
+npm run watch -debug
+npm run serve
+...
+```
 
 If you want to configure your application to change any of the expected
 default source, target, asset or build paths do it in your **package.json**:
 
-    #!JSON
-
+```JSON
+...
+"webOptimizer": {
     ...
-    "webOptimizer": {
+    "path": {
         ...
-        "path": {
+        "apiDocumentation": "apiDocumentation/",
+        "source": {
             ...
-            "apiDocumentation": "apiDocumentation/",
-            "source": {
-                ...
-                "asset": {
-                    ...
-                    "cascadingStyleSheet": "cascadingStyleSheet/",
-                    "data": "data/",
-                    "favicon": "favicon.png",
-                    "font": "font/",
-                    "image": "image/",
-                    "javaScript": "javaScript/",
-                    "publicTarget": "",
-                    "template": "template/"
-                    ..
-                },
+            "asset": {
                 ...
+                "cascadingStyleSheet": "cascadingStyleSheet/",
+                "data": "data/",
+                "favicon": "favicon.png",
+                "font": "font/",
+                "image": "image/",
+                "javaScript": "javaScript/",
+                "publicTarget": "",
+                "template": "template/"
+                ..
             },
-            "ignore": ["node_modules", ".git"],
-            "manifest": "manifest.appcache",
-            "target": {
-                ...
-                "base": "build/",
-                ...
-            },
-            "tidyUp": ["crap"],
             ...
         },
+        "ignore": ["node_modules", ".git"],
+        "manifest": "manifest.appcache",
+        "target": {
+            ...
+            "base": "build/",
+            ...
+        },
+        "tidyUp": ["crap"],
         ...
     },
     ...
+},
+...
+```
 
 It's recommended to first specify if you're writing a library (preserve
 external dependencies not managed within current project) or an application
@@ -200,75 +200,71 @@ external dependencies not managed within current project) or an application
 preconfigurations are targeting on this two different use cases. Anyway you can
 customize each configuration preset by hand.
 
-    #!JSON
-
+```JSON
+...
+"webOptimizer": {
     ...
-    "webOptimizer": {
-        ...
-        "library": false,
-        ...
-    },
+    "library": false,
     ...
+},
+...
+```
 
 You can even reference any value or evaluate any configuration value
 dynamically though a complete javaScript compatible evaluation mechanism:
 
-
-    #!JSON
-
+```JSON
+...
+"webOptimizer": {
     ...
-    "webOptimizer": {
+    "path": {
         ...
-        "path": {
+        "source": {
             ...
-            "source": {
+            "base": "/",
+            "asset": {
                 ...
-                "base": "/",
-                "asset": {
-                    ...
-                    "cascadingStyleSheet": "cascadingStyleSheet/",
-                    "template": {
-                        "__evaluate__": "self.debug ? '' : self.path.source.base"
-                    },
-                    ...
+                "cascadingStyleSheet": "cascadingStyleSheet/",
+                "template": {
+                    "__evaluate__": "self.debug ? '' : self.path.source.base"
                 },
                 ...
             },
             ...
         },
         ...
-        "offline": {
+    },
+    ...
+    "offline": {
+        ...
+        "externals": [
             ...
-            "externals": [
-                ...
-                {"__evaluate__": "self.path.source.asset.cascadingStyleSheet"},
-                "onlineAvailable.txt",
-                ...
-            ],
+            {"__evaluate__": "self.path.source.asset.cascadingStyleSheet"},
+            "onlineAvailable.txt",
             ...
-        },
+        ],
         ...
     },
     ...
+},
+...
+```
 
 You can even execute scripts to determine a value:
 
-    #!JSON
-
+``JSON
+...
+"webOptimizer": {
     ...
-    "webOptimizer": {
+    "path": {
         ...
-        "path": {
+        "source": {
             ...
-            "source": {
+            "base": "/",
+            "asset": {
                 ...
-                "base": "/",
-                "asset": {
-                    ...
-                    "template": {
-                        "__execute__": "test = self.path.source.base; if (test.endsWith('js')) return 'bar/';return 'foo/'"
-                    },
-                    ...
+                "template": {
+                    "__execute__": "test = self.path.source.base; if (test.endsWith('js')) return 'bar/';return 'foo/'"
                 },
                 ...
             },
@@ -277,6 +273,9 @@ You can even execute scripts to determine a value:
         ...
     },
     ...
+},
+...
+```
 
 For all available configuration possibilities please have a look at the
 **package.json** file in this project since these values will be extended on
@@ -287,16 +286,12 @@ complete generic command line interface: The last argument should evaluate to
 a javaScript object which will be used as source for extending the default
 behavior. Any javaScript will be supported:
 
-    #!JSON
-
     npm run build '{module:{preprocessor:{javaScript:{loader:"babel"}}}}'
 
 If you're using weboptimizer in a toolchain were none printable or none unicode
 compatible symbols should be used (for example content which should replace
 placeholder) you can encode your javaScript expression as base64 code:
 
-    #!bash
-
     npm run build '{module:{preprocessor:{ejs:{locals:{name:'häns'}}}}}'
 
     # is the same as:
@@ -307,15 +302,15 @@ There is a static tool [clientnode](https://torben.website/clientNode) and
 helper instance provided to each evaluation or execution context within the
 package.json (see the API-Documentation, link above, for more details):
 
-    #!JSON
-
+```JSON
+...
+"webOptimizer": {
     ...
-    "webOptimizer": {
-        ...
-        "libraryName": {"__evaluate__": Tools.isPlainObject(self.name) ? helper.stripLoader(self.request) : 'random'},
-        ...
-    },
+    "libraryName": {"__evaluate__": Tools.isPlainObject(self.name) ? helper.stripLoader(self.request) : 'random'},
     ...
+},
+...
+```
 
 <!-- region modline
 vim: set tabstop=4 shiftwidth=4 expandtab: