@yamato-daiwa/universal-reactive-webpack-loader 0.0.0 → 0.1.0

package/README.md

@@ -0,0 +1,91 @@
+# Yamato Daiwa Universal Reactive - Webpack Loader 
+
+The Webpack loader for [Yamato Daiwa Universal Reactive](https://www.npmjs.com/package/@yamato-daiwa/universal-reactive),
+  the object-oriented programming-based library for the frontend Web+ development alternative to React, Vue, Svelte and
+  the like.
+
+
+## Installation
+
+```
+npm i @yamato-daiwa/universal-reactive-templates-compiler @yamato-daiwa/universal-reactive -E 
+```
+
+Please make sure that you are installing the above dependencies with common version.
+
+
+## Setup
+### Usage of Pug Pre-processor Only Under the Yamato Daiwa Universal Reactive 
+
+```javascript
+{
+  
+  // ... Usual Webpack configuration
+  
+  module: {
+    rules: [
+        
+      {
+        test: /\.ydur\.pug$/u,
+        loader: "@yamato-daiwa/universal-reactive-webpack-loader"
+      },
+      
+      // ... Other loaders
+      
+    ]
+  }
+  
+}
+```
+
+### Usage of Pug pre-processor with Webpack for Different Purposes
+
+In this case, you must to decide the rules how webpack will select the appropriate loader.
+Here is just the example.
+
+```javascript
+{
+  
+  // ... Usual Webpack configuration 
+  
+  module: {
+    rules: [
+      {
+        test: /\.pug$/u,
+        oneOf: [
+
+          {
+            resourceQuery: /^\?vue/u,
+            loader: "@webdiscus/pug-loader",
+            options: { mode: "html" }
+          },
+
+          {
+            test: /\.renderer\.pug$/u,
+            loader: "@webdiscus/pug-loader",
+            options: { mode: "compile" }
+          },
+
+          {
+            test: /\.ydur\.pug$/u,
+            loader: "@yamato-daiwa/universal-reactive-webpack-loader",
+            options: {
+              debug: true
+            }
+          },
+
+          {
+            loader: "@webdiscus/pug-loader",
+            options: { mode: "render" }
+          }
+
+        ]
+      },
+
+      // ... Other loaders
+        
+    ]
+  }
+  
+}
+```

package/index.js

@@ -1,12 +1,23 @@
 const PugLexer = require("pug-lexer");
 const generatePugAST = require("pug-parser");
-const {
-  TemplatesCompiler: YamatoDaiwaUniversalReactiveTemplatesCompiler
-} = require("@yamato-daiwa/universal-reactive-templates-compiler");
-
+const { TemplatesCompiler: YamatoDaiwaUniversalReactiveTemplatesCompiler } =
+    require("@yamato-daiwa/universal-reactive-templates-compiler");
+const formatJavaScript = require("js-beautify").js;
+const { validate } = require("schema-utils");
+
+
+const schema = {
+  type: "object",
+  properties: {
+    debug: {
+      type: "boolean"
+    }
+  }
+};
 
 module.exports = function(sourceCode) {
 
+  const options = this.getOptions();
   const callback = this.async();
 
   try {
@@ -15,10 +26,25 @@ module.exports = function(sourceCode) {
 
     const PugAST = generatePugAST(tokens, { src: sourceCode });
 
+    if (options.debug) {
+      console.log(
+        "@yamato-daiwa/universal-reactive-webpack-loader, formatted output:\n" +
+        formatJavaScript(
+          `export default ${ YamatoDaiwaUniversalReactiveTemplatesCompiler.generateCode(PugAST) };`,
+          {
+            indent_size: 2,
+            end_with_newline: true,
+            eol: "\n",
+            brace_style: "collapse"
+          }
+        )
+      );
+    }
+
     callback(
       null,
-      `import { LeftClickEventListener } from "@yamato-daiwa/es-extensions-browserjs";` +
-      `export default ${ YamatoDaiwaUniversalReactiveTemplatesCompiler.generateCode(PugAST) };`);
+      `export default ${ YamatoDaiwaUniversalReactiveTemplatesCompiler.generateCode(PugAST) };`
+    );
 
   } catch (error) {
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamato-daiwa/universal-reactive-webpack-loader",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "description": "The webpack loader for Pug templates of \"@yamato-daiwa/universal-reactive\", the frontend library.",
   "keywords": [
     "webpack",
@@ -28,14 +28,14 @@
   },
   "homepage": "https://github.com/TokugawaTakeshi/Yamato-Daiwa-Universal-Reactive",
   "peerDependencies": {
-    "webpack": "^5.0.0",
-    "@yamato-daiwa/es-extensions-browserjs": "~1.8.0",
-    "@yamato-daiwa/universal-reactive-templates-compiler": "0.0.0"
+    "@yamato-daiwa/universal-reactive-templates-compiler": "0.1.0",
+    "webpack": "^5.0.0"
   },
   "dependencies": {
-    "@yamato-daiwa/universal-reactive-templates-compiler": "0.0.0",
+    "@yamato-daiwa/universal-reactive-templates-compiler": "0.1.0",
     "pug-error": "2.1.0",
     "pug-lexer": "5.0.1",
-    "pug-parser": "6.0.0"
+    "pug-parser": "6.0.0",
+    "js-beautify": "1.15.4"
   }
 }