Add combined assets

.eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true,
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:import/warnings",
+  ],
+  "globals": {
+    "Atomics": "readonly",
+    "SharedArrayBuffer": "readonly"
+  },
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "plugins": [
+    "import",
+  ],
+  "settings": {
+  },
+  "rules": {}
+};

.github/settings.yml

@@ -14,6 +14,7 @@ branches:
       enforce_admins: false
       required_status_checks:
         contexts:
+          - "Webpack build"
           - "Coding Standards (7.4)"
           - "Static Code Analysis (7.4)"
           - "Tests (7.3, lowest, ~4.2)"

.github/workflows/continuous-integration.yml

@@ -11,6 +11,29 @@ on:
 name: "Continuous Integration"
 
 jobs:
+  webpack:
+    name: "Webpack build"
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: "Checkout"
+        uses: actions/[email protected]
+
+      - name: "Using Node"
+        uses: actions/setup-node@v1
+
+      - name: "Install dependencies"
+        run: |
+          yarn
+
+      - name: "Build"
+        run: yarn build
+
+      - name: "Check size"
+        run: |
+          yarn size
+
   coding-standards:
     name: "Coding Standards"
 

.gitignore

@@ -4,6 +4,7 @@ coverage
 composer.lock
 phpunit.xml
 /build
+/node_modules
 /vendor
 /vendor-bin
 !/vendor-bin/*/composer.json

assets/npm.js

@@ -1,3 +1,5 @@
 import GdprPopup from './js/GdprPopup';
 
+console.warn('Including npm.js is deprecated');
+
 export default GdprPopup

assets/widget.js

@@ -0,0 +1,3 @@
+import GdprPopup from './js/GdprPopup';
+
+export {GdprPopup}

package.json

@@ -1,10 +1,41 @@
 {
-  "name": "@nucleos/gdpr-bundle",
-  "version": "1.0.0",
-  "homepage": "https://nucleos.de",
-  "author": "Christian Gripp <[email protected]>",
-  "main": "assets/npm.js",
-  "files": [
-    "assets/"
-  ]
+    "name": "@nucleos/gdpr-bundle",
+    "version": "1.0.0",
+    "homepage": "https://nucleos.de",
+    "author": "Christian Gripp <[email protected]>",
+    "devDependencies": {
+        "@babel/core": "^7.7.4",
+        "@babel/preset-env": "^7.7.4",
+        "@size-limit/preset-small-lib": "^4.1.1",
+        "@size-limit/webpack": "^4.1.1",
+        "@symfony/webpack-encore": "^0.27.0",
+        "babel-eslint": "^10.1.0",
+        "babel-loader": "^8.1.0",
+        "eslint": "^6.8.0",
+        "eslint-config-airbnb": "^18.1.0",
+        "eslint-plugin-import": "^2.20.2",
+        "eslint-loader": "^2.1.2",
+        "eslint-watch": "^6.0.1",
+        "node-sass": "^4.12.0",
+        "sass-loader": "^8.0.2",
+        "size-limit": "^4.1.1"
+    },
+    "main": "assets/widget.js",
+    "files": [
+        "src/Resources/public/"
+    ],
+    "scripts": {
+        "dev-server": "encore dev-server",
+        "dev": "encore dev",
+        "size": "size-limit",
+        "watch": "encore dev --watch",
+        "build": "encore production --progress"
+    },
+    "size-limit": [
+        {
+            "path": "src/Resources/public/widget.js",
+            "gzip": false,
+            "limit": "3 KB"
+        }
+    ]
 }

src/Resources/public/entrypoints.json

@@ -0,0 +1,12 @@
+{
+  "entrypoints": {
+    "widget": {
+      "css": [
+        "/bundles/nucleosgdpr/widget.css"
+      ],
+      "js": [
+        "/bundles/nucleosgdpr/widget.js"
+      ]
+    }
+  }
+}

src/Resources/public/manifest.json

@@ -0,0 +1,4 @@
+{
+  "widget.css": "/bundles/nucleosgdpr/widget.css",
+  "widget.js": "/bundles/nucleosgdpr/widget.js"
+}

webpack.config.js

@@ -0,0 +1,14 @@
+const Encore = require('@symfony/webpack-encore');
+
+Encore
+  .setOutputPath('src/Resources/public')
+  .setPublicPath('/bundles/nucleosgdpr')
+  .setManifestKeyPrefix('')
+  .cleanupOutputBeforeBuild()
+  .disableSingleRuntimeChunk()
+  .enableSourceMaps(!Encore.isProduction())
+  .enableEslintLoader()
+  .addEntry('widget', './assets/widget.js')
+;
+
+module.exports = Encore.getWebpackConfig();