clean tree

Author: frankpagan

.github/workflows/automation.yml

@@ -3,28 +3,28 @@ name: CI
 on:
   push:
     branches:
-    - master
+      - master
   pull_request:
     branches:
-    - master
+      - master
   create:
     branches:
-    - master
+      - master
 
 jobs:
-  updateKeyword:
+  about:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v2
-          
+
       - name: Jaid/action-sync-node-meta
         uses: jaid/action-sync-node-meta@v1.4.0
         with:
           direction: overwrite-github # default is overwrite-file
           githubToken: ${{ secrets.GITHUB }}
-  
-  ci:
+
+  release:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -41,27 +41,26 @@ jobs:
             @semantic-release/github
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}  # Auto Changog generator
-           
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }} # Auto Changog generator
+
   docs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v2
-      
+
       - name: update documentation
         uses: CoCreate-app/CoCreate-docs@master
-          
-  
+
   cdn:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v2
-          
+
       - name: upload cdn
         uses: CoCreate-app/CoCreate-s3@master
         with:
           aws-key-id: ${{ secrets.AWSACCESSKEYID }}
           aws-access-key: ${{ secrets.AWSSECERTACCESSKEY }}
-          source: './dist/CoCreate-clone.min.js'
+          source: "./dist/CoCreate-clone.min.js"

demo/CoCreate-clone.html

@@ -123,7 +123,7 @@
     </script>
 
     <!-- CoCreateJS -->
-    <script src="https://server.cocreate.app/js/CoCreate.min.js"></script>
+    <script src="https://server.cocreate.app/CoCreateJS/dist/CoCreate.js"></script>
 
     <!-- CoCreateCRDT -->
     <!--<script src="https://cdn.cocreate.app/CoCreate-crdt.min.js"></script>-->

demo/test.html

@@ -97,7 +97,7 @@ <h1 data-pass_value_id="addname1"></h1>
 		</script>
 
 		<!-- CoCreateJS --> 
-		<script src="https://server.cocreate.app/js/CoCreate.min.js"></script>		
+		<script src="https://server.cocreate.app/CoCreateJS/dist/CoCreate.js"></script>		
 	</body>
 </html>
 

dist/CoCreate-clone.js

@@ -21,12 +21,11 @@
     "html5-framework",
     "javascript-framework"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
+  "publishConfig": { "access": "public" },
   "scripts": {
-    "start": "npx webpack --config webpack.config.js --watch",
+    "start": "npx webpack --config webpack.config.js",
     "build": "NODE_ENV=production npx webpack --config webpack.config.js",
+    "dev": "npx webpack --config webpack.config.js --watch",
     "docs": "node ./node_modules/@cocreate/docs/src/index.js"
   },
   "repository": {
@@ -35,22 +34,26 @@
   },
   "author": "CoCreate LLC",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-clone/issues"
-  },
+  "bugs": { "url": "https://github.com/CoCreate-app/CoCreate-clone/issues" },
   "homepage": "https://cocreate.app/docs/clone",
+  "funding": {
+    "type": "GitHub Sponsors ❤",
+    "url": "https://github.com/sponsors/CoCreate-app"
+  },
+  "main": "./src/index.js",
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "babel-loader": "^8.2.2",
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "babel-loader": "^8.1.0",
     "clean-webpack-plugin": "^3.0.0",
     "html-webpack-plugin": "^4.5.0",
     "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack": "^5.14.0",
-    "webpack-cli": "^4.3.1",
-    "webpack-log": "^3.0.1"
+    "webpack": "^5.24.4",
+    "webpack-cli": "^4.5.0",
+    "webpack-log": "^3.0.1",
+    "file-loader": "^6.2.0",
+    "style-loader": "^2.0.0",
+    "terser-webpack-plugin": "^5.1.1"
   },
-  "dependencies": {
-    "@cocreate/docs": "^1.0.3"
-  }
+  "dependencies": { "@cocreate/docs": "^1.0.3" }
 }

dist/CoCreate-clone.min.js

@@ -1,49 +1,85 @@
-const path = require('path');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
-let isProduction = process.env.NODE_ENV === 'production';
+const path = require("path")
+const TerserPlugin = require("terser-webpack-plugin")
+const MiniCssExtractPlugin = require("mini-css-extract-plugin")
+let isProduction = process.env.NODE_ENV === "production"
+const { CleanWebpackPlugin } = require("clean-webpack-plugin")
 
 module.exports = {
   entry: {
-    'CoCreate-clone': './src/CoCreate-clone.js'
+    "CoCreate-clone": "./src/index.js",
   },
   output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: isProduction ? '[name].min.js' : '[name].js',
-    libraryTarget: 'umd',
-    libraryExport: 'default',
-    library: ['CoCreate', 'clone'],
-    globalObject: "this"
+    path: path.resolve(__dirname, "dist"),
+    filename: isProduction ? "[name].min.js" : "[name].js",
+    libraryTarget: "umd",
+    libraryExport: "default",
+    library: ["CoCreate", "clone"],
+    globalObject: "this",
+    // publicPath: 'https://server.cocreate.app/CoCreateJS/dist/'
   },
+
+  plugins: [
+    new CleanWebpackPlugin(),
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+    }),
+  ],
   // Default mode for Webpack is production.
   // Depending on mode Webpack will apply different things
   // on final bundle. For now we don't need production's JavaScript
   // minifying and other thing so let's set mode to development
-  mode: isProduction ? 'production' : 'development',
+  mode: isProduction ? "production" : "development",
   module: {
-    rules: [{
-      test: /\.js$/,
-      exclude: /(node_modules)/,
-      use: {
-        loader: 'babel-loader',
-        options: {
-           presets: ['@babel/preset-env'],
-           plugins: ["@babel/plugin-transform-runtime", "@babel/plugin-transform-regenerator"]
-
-        }
-      }
-    }, ]
+    rules: [
+      {
+        test: /.js$/,
+        exclude: /(node_modules)/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            plugins: ["@babel/plugin-transform-modules-commonjs"],
+          },
+        },
+      },
+      {
+        test: /.css$/i,
+        use: [
+          { loader: "style-loader", options: { injectType: "linkTag" } },
+          "file-loader",
+        ],
+      },
+    ],
   },
 
   // add source map
-  ...(isProduction ? {} : { devtool: 'eval-source-map' }),
+  ...(isProduction ? {} : { devtool: "eval-source-map" }),
 
-  // add uglifyJs
   optimization: {
-    minimizer: [new UglifyJsPlugin({
-      uglifyOptions: {
-        // get options: https://github.com/mishoo/UglifyJS
-        drop_console: isProduction
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        extractComments: true,
+        // cache: true,
+        parallel: true,
+        // sourceMap: true, // Must be set to true if using source-maps in production
+        terserOptions: {
+          // https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
+          // extractComments: 'all',
+          compress: {
+            drop_console: true,
+          },
+        },
+      }),
+    ],
+    splitChunks: {
+      chunks: "all",
+      minSize: 200,
+      // maxSize: 99999,
+      //minChunks: 1,
+
+      cacheGroups: {
+        defaultVendors: false,
       },
-    })],
+    },
   },
 }