Merge branch 'release/2.3.0'

Author: titouanmathis

.github/workflows/tests.yml

@@ -69,4 +69,4 @@ jobs:
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           build_script: npm run build-for-export-size
-          paths: dist
+          paths: ./dist

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-workspace",
-  "version": "2.2.3",
+  "version": "2.3.0",
   "private": true,
   "workspaces": [
     "packages/*"
@@ -27,15 +27,15 @@
     "@studiometa/prettier-config": "^2.1.1",
     "@studiometa/stylelint-config": "^2.0.0",
     "@types/estree": "^0.0.51",
-    "@types/jest": "^27.5.1",
-    "@types/node": "^17.0.35",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
-    "esbuild": "^0.14.39",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^17.0.42",
+    "@typescript-eslint/eslint-plugin": "^5.27.1",
+    "@typescript-eslint/parser": "^5.27.1",
+    "esbuild": "^0.14.43",
     "eslint": "^8.16.0",
-    "eslint-plugin-jest": "^26.2.2",
+    "eslint-plugin-jest": "^26.5.3",
     "fast-glob": "^3.2.11",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.1",
     "typescript": "^4.7.2"
   }
 }

package.json

@@ -6,10 +6,17 @@ module.exports = {
   webpack(config, isDev) {
     config.resolve.alias = {
       ...(config.resolve.alias || {}),
-      vue$: 'vue/dist/vue.esm.js',
       '@studiometa/js-toolkit': path.resolve(__dirname, '../js-toolkit'),
     };
 
+    // Remove Vue loader and plugin.
+    config.plugins = config.plugins.filter((plugin) => {
+      return plugin.constructor.name !== 'VueLoaderPlugin';
+    });
+    config.module.rules = config.module.rules.filter((rule) => {
+      return !(rule.use && rule.use.includes('vue-loader'));
+    });
+
     config.plugins.push(
       new webpack.DefinePlugin({
         __DEV__: JSON.stringify(isDev),

packages/demo/meta.config.js

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-demo",
-  "version": "2.2.3",
+  "version": "2.3.0",
   "private": true,
   "type": "commonjs",
   "scripts": {
@@ -15,10 +15,9 @@
     "@studiometa/webpack-config": "^3.1.2",
     "eslint": "^8.16.0",
     "postcss": "^8.4.14",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.1",
     "stylefire": "^7.0.3",
-    "stylelint": "^14.8.5",
-    "tailwindcss": "^3.0.24",
-    "vue": "^2.6.14"
+    "stylelint": "^13.13.1",
+    "tailwindcss": "^3.1.3"
   }
 }

packages/demo/package.json

@@ -9,12 +9,12 @@ import {
 } from '@studiometa/js-toolkit';
 import { matrix } from '@studiometa/js-toolkit/utils/css';
 import ScrollToDemo from './components/ScrollToDemo.js';
-import MyVueComponent from './components/MyVueComponent.js';
 import Parallax from './components/Parallax.js';
 import ResponsiveOptions from './components/ResponsiveOptions.js';
 import AnimateTest from './components/AnimateTest.js';
 import AnimateScrollTest from './components/AnimateScrollTest.js';
 import AnimateTestMultiple from './components/AnimateTestMultiple.js';
+import ParentNativeEvent from './components/ParentNativeEvent/index.js';
 
 /**
  * App class.
@@ -28,6 +28,7 @@ class App extends Base {
     refs: ['modal'],
     log: false,
     components: {
+      ParentNativeEvent,
       AnimateTest,
       AnimateScrollTest,
       AnimateTestMultiple,
@@ -106,7 +107,6 @@ class App extends Base {
           app
         ),
       ScrollToDemo,
-      MyVueComponent,
       Parallax,
     },
   };

packages/demo/src/js/app.js

@@ -1,5 +1,5 @@
 import { Base } from '@studiometa/js-toolkit';
-import { animate, ease } from '@studiometa/js-toolkit/utils';
+import { animate, ease, domScheduler } from '@studiometa/js-toolkit/utils';
 
 /**
  * AnimateTest class.
@@ -35,7 +35,9 @@ export default class AnimateTest extends Base {
         duration: this.$options.duration,
         easing: ease[this.$options.easing],
         onProgress: (progress) => {
-          this.$refs.progress.value = progress;
+          domScheduler.write(() => {
+            this.$refs.progress.value = progress;
+          });
         },
       }
     );

packages/demo/src/js/components/AnimateTest.js

@@ -0,0 +1,13 @@
+import { Base } from '@studiometa/js-toolkit';
+
+/**
+ * Child class.
+ */
+export default class Child extends Base {
+  /**
+   * Config.
+   */
+  static config = {
+    name: 'Child',
+  };
+}