Upgrade (#23)

* Upgrade dependencies * Remove tab components in favor of Codex * Fixes linting issues * Update node version
jdlrobson · Oct 26, 2024 · 4fc6051 · 4fc6051
1 parent 637133d
commit 4fc6051
Show file tree

Hide file tree

Showing 34 changed files with 9,975 additions and 30,106 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,5 +1,4 @@
 {
-    "presets": ["@babel/preset-env"],
     "env": {
         "test": {
           "plugins": ["@babel/plugin-transform-modules-commonjs"]

diff --git a/.eslintrc.json b/.eslintrc.json
@@ -12,6 +12,7 @@
 		"wikimedia/mediawiki"
 	],
 	"rules": {
+		"es-x/no-array-prototype-includes": "off",
 		"no-jquery/variable-pattern": "off",
 		"no-implicit-globals": "off",
 		"max-len": "off",
@@ -26,6 +27,10 @@
 			"files": "**/**/*.vue",
 			"extends": "wikimedia/vue-es6",
 			"rules": {
+				"vue/no-undef-properties": "warn",
+				"es-x/no-array-prototype-includes": "off",
+				"vue/component-name-in-template-casing": "warn",
+				"vue/multi-word-component-names": "warn",
 				"no-restricted-syntax": "off",
 				"max-statements-per-line": "off",
 				"max-len": "off",

diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.17.5]
+        node-version: [21.1.0]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v19.2.0
+v21.1.0
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=1400px, initial-scale=0.22">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="stylesheet" href="./src/index.less">
+  <link rel="stylesheet" href="./node_modules/@wikimedia/codex/dist/codex.style.css">
   <title>Wikimedia Skins Lab</title>
 </head>
 <body>
@@ -24,7 +25,7 @@ <h1>Skins</h1>
 	</nav>
   <!-- built files will be auto injected -->
   <script src="node_modules/less/dist/less.min.js"></script>
-  <script src="./src/main.js"></script>
+  <script type="module" src="./src/main.js"></script>
   <a href="https://github.com/jdlrobson/skins.wmflabs.org" title="Report problems and submit patches on Github"
     class="github-badge">
     <img src="./assets/github.png" width="32" height="32" alt="Github repository for this site"></a>

diff --git a/jest.config.js b/jest.config.js
@@ -43,7 +43,7 @@ module.exports = {
 
 	// A set of global variables that need to be available in all test environments
 	globals: {
-		'vue-jest': {
+		'vue3-jest': {
 			babelConfig: false,
 			hideStyleWarn: true,
 			experimentalCSSCompile: true
@@ -64,7 +64,7 @@ module.exports = {
 	],
 
 	transform: {
-		'.*\\.(vue)$': '<rootDir>/node_modules/vue-jest',
+		'.*\\.(vue)$': '<rootDir>/node_modules/vue3-jest',
 		'^.+\\.jsx?$': 'babel-jest'
 	}
 };