Separate public files into css/ and js/

.github/workflows/test-unit.yml

@@ -296,10 +296,10 @@ jobs:
         if: matrix.type == 'Chrome Slow'
         run: |
           mv public public.orig
-          mkdir public public/external
+          mkdir public public/css public/external
           cp public.orig/.gitignore public
-          cp public.orig/agileui.less public
           cp public.orig/logo.png public
+          cp public.orig/css/agileui.less public/css
           cp public.orig/external/.gitignore public/external
           cp public.orig/external/package.json public/external
           cp public.orig/external/package-lock.json public/external
@@ -323,7 +323,7 @@ jobs:
       - name: Compile CSS files (only for Slow)
         if: matrix.type == 'Chrome Slow'
         run: |
-          lessc public/agileui.less public/agileui.min.css --clean-css="--s1 --advanced" --source-map
+          lessc public/css/agileui.less public/css/agileui.min.css --clean-css="--s1 --advanced" --source-map
 
       - name: Compile JS files (only for Slow)
         if: matrix.type == 'Chrome Slow'
@@ -340,7 +340,7 @@ jobs:
       - name: Instrument & recompile JS files (only for coverage)
         if: env.LOG_COVERAGE
         run: |
-          rm public/*.js
+          rm -r public/js
           (cd js && npm install --package-lock-only --save-dev nyc && npm ci --loglevel=error)
           (cd js && npx nyc instrument --in-place . && npx webpack --env production)
 

js/README.md

@@ -73,7 +73,7 @@ For development and debugging, simply use the "dev" script supply in package.jso
     npm run dev
 ```
 
-This command will output the atkjs-ui.js file inside the /public directory including the .map file need for debugging
+This command will output the atkjs-ui.js file inside the ../public/js directory including the .map file need for debugging
 the package. Once load in your page, code can be debugged in browser from the webpack source.
 
 Any change made to the source, will also be re-compile automatically when using the "dev" script.
@@ -111,4 +111,4 @@ For production, simply use the "build" script supply in package.json.
     npm run build
 ```
 
-This command will output the atkjs-ui.min.js file, also in /public folder.
+This command will output the atkjs-ui.min.js file in ../public/js directory.

js/package.json

@@ -2,9 +2,9 @@
     "name": "atkjs-ui",
     "version": "1.0.0",
     "description": "Agile Toolkit Javascript library.",
-    "main": "../public/atkjs-ui.js",
+    "main": "../public/js/atkjs-ui.js",
     "scripts": {
-        "build": "webpack --env development && webpack --env production && rm ../public/atk-vue-query-builder.min.js.map # 15.x vue-loader is producing sourcemap file with unstable/absolute path, remove rm once vue-loader is upgraded to at least 16.x",
+        "build": "webpack --env development && webpack --env production && rm ../public/js/atk-vue-query-builder.min.js.map # 15.x vue-loader is producing sourcemap file with unstable/absolute path, remove rm once vue-loader is upgraded to at least 16.x",
         "dev": "webpack --progress --watch --env development",
         "profile": "webpack --env production --profile --json > profile/atkjs-bundle-profile.json",
         "analyze-profile": "webpack-bundle-analyzer profile/atkjs-bundle-profile.json",

js/webpack.config.js

@@ -44,7 +44,7 @@ module.exports = (env) => {
         performance: isProduction ? prodPerformance : {},
         output: {
             path: publicDir,
-            filename: isProduction ? '[name].min.js' : '[name].js',
+            filename: isProduction ? 'js/[name].min.js' : 'js/[name].js',
             library: libraryName,
             libraryTarget: 'umd',
             libraryExport: 'default',
@@ -53,9 +53,17 @@ module.exports = (env) => {
         optimization: {
             splitChunks: {
                 cacheGroups: {
-                    vendor: {
-                        test: /[\\/]node_modules[\\/]/,
-                        name: 'atk-vendor',
+                    vendorFlatpickr: {
+                        test: /[\\/]node_modules[\\/](flatpickr|vue-flatpickr-component)[\\/]/,
+                        name: 'vendor-flatpickr',
+                    },
+                    vendorVue: {
+                        test: /[\\/]node_modules[\\/](?!vue-flatpickr-component[\\/])(vue([-.][^\\/]+)?)[\\/]/,
+                        name: 'vendor-vue',
+                    },
+                    vendorMain: {
+                        test: /[\\/]node_modules[\\/](?!(vue([-.][^\\/]+)?|flatpickr)[\\/])/,
+                        name: 'vendor-main',
                     },
                 },
             },

public/.gitignore

@@ -1,9 +1,12 @@
 /*
 !/.gitignore
-!/agileui.less
-!/agileui.min.css
-!/agileui.min.css.map
 !/logo.png
-!/*.js
-!/*.js.map
-!/external/
+!/*/
+/*/*
+
+!/css/*.less
+!/css/*.css
+!/css/*.css.map
+
+!/js/*.js
+!/js/*.js.map