feat: Add singleFile param to generate everything in one index.html (#62)

GordeevArt · web-flow · commit d891c5da0069 · 2020-09-11T15:18:39.000+02:00
diff --git a/.github/workflows/welcome-first-time-contrib.yml b/.github/workflows/welcome-first-time-contrib.yml
@@ -1,7 +1,7 @@
 name: Welcome first time contributors
 
 on:
-  pull_request:
+  pull_request_target:
     types: 
       - opened
   issues:
diff --git a/README.md b/README.md
@@ -21,6 +21,7 @@ npm install -g @asyncapi/generator
 |---|---|---|---|---|
 |sidebarOrganization|Defines how the sidebar should be organized. Set its value to `byTagsNoRoot` to categorize operations by operations tags. Set its value to `byTags` when you have tags on a root level. These tags are used to model tags navigation and need to have the same tags in operations.|No|`byTags`, `byTagsNoRoot`|`byTagsNoRoot`|
 |baseHref|Sets the base URL for links and forms.|No|*Any*|`/docs`|
+|singleFile|Set output into one html-file with styles and scripts inside|No|`true`,`false`|`true`|
 
 ## Development
 
diff --git a/hooks/01_removeNotRelevantParts.js b/hooks/01_removeNotRelevantParts.js
@@ -0,0 +1,25 @@
+const fs = require('fs');
+const path = require('path');
+
+module.exports = {
+    'generate:after': generator => {
+
+        const params = generator.templateParams;
+        const singleFile = params.singleFile === 'true';
+        
+        if (singleFile) {
+
+            const jsDir = path.resolve(generator.targetDir, 'js');
+            const cssDir = path.resolve(generator.targetDir, 'css');
+
+            const callback = (error) => {
+                if (error) {
+                    throw error;
+                }
+            };
+
+            fs.rmdir(jsDir, {recursive: true}, callback);
+            fs.rmdir(cssDir, {recursive: true}, callback);
+        }
+    }
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -71,6 +71,11 @@
       "baseHref": {
         "description": "Sets the base URL for links and forms.",
         "required": false
+      },
+      "singleFile": {
+        "description": "If set this parameter to true generate single html file with scripts and styles inside",
+        "required": false,
+        "default": false
       }
     },
     "generator": ">=0.50.0 <2.0.0",
diff --git a/template/index.html b/template/index.html
@@ -7,9 +7,21 @@
   {% endif %}
   <title>{{asyncapi.info().title()}} {{asyncapi.info().version()}} documentation</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  {% if params.singleFile %}
+    <style type="text/css">
+    {% include "template/css/tailwind.min.css" %}
+    </style>
+    <style type="text/css">
+    {% include "template/css/atom-one-dark.min.css" %}
+    </style>
+    <style type="text/css">
+    {% include "template/css/main.css" %}
+    </style>
+  {% else %}
   <link href="css/tailwind.min.css" rel="stylesheet">
   <link rel="stylesheet" href="css/atom-one-dark.min.css" />
   <link rel="stylesheet" href="css/main.css" />
+  {% endif %}
 </head>
 <body>
   <div class="relative md:flex lg:flex xl:flex">
@@ -19,7 +31,14 @@
     </div>
     <div class="examples-panel absolute pin-t pin-r pin-b"></div>
   </div>
+  {% if params.singleFile %}
+    <script type="text/javascript">
+      {% include "template/js/highlight.min.js" %}
+      {% include "template/js/main.js" %}
+    </script>
+  {% else %}
   <script src="js/highlight.min.js" type="application/javascript"></script>
   <script src="js/main.js" type="application/javascript"></script>
+  {% endif %}
 </body>
 </html>
diff --git a/template/js/highlight.min.js b/template/js/highlight.min.js
