update dependecies

- `npm audit fix` - update minor and patch dependencies - remove unnecessary `devDependencies` - fix SCSS: @import > @use - improve ncu for workspaces
paranext · Dec 13, 2024 · 67855a8 · 67855a8
1 parent d795f89
commit 67855a8
Show file tree

Hide file tree

Showing 46 changed files with 3,804 additions and 6,882 deletions.
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -13,11 +13,22 @@ module.exports = {
     },
   ],
   rules: {
+    // Disable Stylelint's indentation control
+    '@stylistic/indentation': null,
+    // Let Prettier handle selector list formatting
+    '@stylistic/selector-list-comma-newline-after': null,
     'color-named': null,
     'max-nesting-depth': 2,
     'no-descending-specificity': null,
     'selector-max-compound-selectors': 4,
     'selector-max-id': 1,
+    'at-rule-no-unknown': null,
+    'scss/at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['tailwind', 'apply', 'layer', 'screen', 'variants'],
+      },
+    ],
   },
 };
 

diff --git a/extensions/.stylelintrc.cjs b/extensions/.stylelintrc.cjs
@@ -22,6 +22,13 @@ module.exports = {
     'no-descending-specificity': null,
     'selector-max-compound-selectors': 4,
     'selector-max-id': 1,
+    'at-rule-no-unknown': null,
+    'scss/at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['tailwind', 'apply', 'layer', 'screen', 'variants'],
+      },
+    ],
   },
 };
 

diff --git a/extensions/README.md b/extensions/README.md
@@ -216,10 +216,10 @@ Platform.Bible WebViews must be treated differently than other code, so this pro
 
 ### Built-in Tailwind CSS support
 
-This project is equipped with [Tailwind CSS](https://tailwindcss.com/) configured the same way it is configured in Platform.Bible's React component library `platform-bible-react` to enable WebViews to match Platform.Bible's look and feel. To add Tailwind CSS to your WebView, simply import your extension's `./src/tailwind.css` file into your WebView's style `.scss` file (note that you should not add the `.css` extension when importing local CSS files into `.scss` files):
+This project is equipped with [Tailwind CSS](https://tailwindcss.com/) configured the same way it is configured in Platform.Bible's React component library `platform-bible-react` to enable WebViews to match Platform.Bible's look and feel. To add Tailwind CSS to your WebView, simply use your extension's `./src/tailwind.css` file in your WebView's style `.scss` file (note that you should not add the `.css` extension when using local CSS files into `.scss` files):
 
 ```scss
-@import './path/to/src/tailwind';
+@use './path/to/src/tailwind';
 ```
 
 Adding this import to your WebView's styles enables Tailwind CSS in the WebView. Alternatively, you can directly use `./src/tailwind.css` as your WebView's style file if you do not need any additional CSS. Important Tailwind configuration notes:

diff --git a/extensions/package.json b/extensions/package.json
@@ -48,43 +48,43 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@mui/material": "^5.15.10",
-    "@swc/core": "^1.7.35",
+    "@swc/core": "^1.10.1",
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^20.16.11",
-    "@types/react": "^18.3.11",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/webpack": "^5.28.5",
     "@typescript-eslint/parser": "^6.21.0",
     "autoprefixer": "^10.4.20",
-    "concurrently": "^9.0.1",
+    "concurrently": "^9.1.0",
     "copy-webpack-plugin": "^12.0.2",
     "cross-env": "^7.0.3",
     "css-loader": "^6.11.0",
     "escape-string-regexp": "^5.0.0",
     "glob": "^10.4.5",
-    "lucide-react": "^0.452.0",
+    "lucide-react": "^0.468.0",
     "papi-dts": "file:../lib/papi-dts",
     "platform-bible-react": "file:../lib/platform-bible-react",
-    "postcss": "^8.4.47",
+    "postcss": "^8.4.49",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "prettier-plugin-jsdoc": "^1.3.0",
     "replace-in-file": "^7.2.0",
-    "sass": "^1.79.5",
-    "sass-loader": "^16.0.2",
-    "stylelint": "^16.10.0",
+    "sass": "^1.83.0",
+    "sass-loader": "^16.0.4",
+    "stylelint": "^16.11.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
     "swc-loader": "^0.2.6",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.16",
     "tailwindcss-animate": "^1.0.7",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tsx": "^4.19.1",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "tsx": "^4.19.2",
     "typescript": "^5.4.5",
-    "webpack": "^5.95.0",
+    "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^6.0.1",
     "zip-folder-promise": "^1.2.0"

diff --git a/extensions/src/hello-someone/.stylelintrc.js b/extensions/src/hello-someone/.stylelintrc.js
@@ -22,6 +22,13 @@ module.exports = {
     'no-descending-specificity': null,
     'selector-max-compound-selectors': 4,
     'selector-max-id': 1,
+    'at-rule-no-unknown': null,
+    'scss/at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['tailwind', 'apply', 'layer', 'screen', 'variants'],
+      },
+    ],
   },
 };
 

diff --git a/extensions/src/hello-someone/package.json b/extensions/src/hello-someone/package.json
@@ -38,55 +38,55 @@
     "platform-bible-utils": "file:../../../lib/platform-bible-utils"
   },
   "devDependencies": {
-    "@swc/core": "^1.7.35",
+    "@swc/core": "^1.10.1",
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^20.16.11",
-    "@types/react": "^18.3.11",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/webpack": "^5.28.5",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "autoprefixer": "^10.4.20",
-    "concurrently": "^9.0.1",
+    "concurrently": "^9.1.0",
     "copy-webpack-plugin": "^12.0.2",
     "cross-env": "^7.0.3",
     "css-loader": "^6.11.0",
     "escape-string-regexp": "^5.0.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-erb": "^4.1.0",
-    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-compat": "^4.2.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-no-null": "^1.0.2",
     "eslint-plugin-no-type-assertion": "^1.3.0",
     "eslint-plugin-promise": "^6.6.0",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "glob": "^10.4.5",
-    "lucide-react": "^0.452.0",
+    "lucide-react": "^0.468.0",
     "papi-dts": "file:../../../lib/papi-dts",
     "platform-bible-react": "file:../../../lib/platform-bible-react",
-    "postcss": "^8.4.47",
+    "postcss": "^8.4.49",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "prettier-plugin-jsdoc": "^1.3.0",
-    "sass": "^1.79.5",
-    "sass-loader": "^16.0.2",
-    "stylelint": "^16.10.0",
+    "sass": "^1.83.0",
+    "sass-loader": "^16.0.4",
+    "stylelint": "^16.11.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
     "swc-loader": "^0.2.6",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.16",
     "tailwindcss-animate": "^1.0.7",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^5.4.5",
-    "webpack": "^5.95.0",
+    "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^6.0.1",
     "zip-build": "^1.8.0"

diff --git a/extensions/src/hello-someone/webpack/webpack.config.base.ts b/extensions/src/hello-someone/webpack/webpack.config.base.ts
@@ -142,7 +142,6 @@ const configBase: webpack.Configuration = {
       '@emotion/react': path.resolve(__dirname, '..', '../../../node_modules/@emotion/react'),
       '@emotion/styled': path.resolve(__dirname, '..', '../../../node_modules/@emotion/styled'),
       '@mui/material': path.resolve(__dirname, '..', '../../../node_modules/@mui/material'),
-      'react-data-grid': path.resolve(__dirname, '..', '../../../node_modules/react-data-grid'),
     },
   },
 };

diff --git a/extensions/src/hello-world/.stylelintrc.js b/extensions/src/hello-world/.stylelintrc.js
@@ -22,6 +22,13 @@ module.exports = {
     'no-descending-specificity': null,
     'selector-max-compound-selectors': 4,
     'selector-max-id': 1,
+    'at-rule-no-unknown': null,
+    'scss/at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['tailwind', 'apply', 'layer', 'screen', 'variants'],
+      },
+    ],
   },
 };
 

diff --git a/extensions/src/hello-world/package.json b/extensions/src/hello-world/package.json
@@ -38,55 +38,55 @@
     "platform-bible-utils": "file:../../../lib/platform-bible-utils"
   },
   "devDependencies": {
-    "@swc/core": "^1.7.35",
+    "@swc/core": "^1.10.1",
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^20.16.11",
-    "@types/react": "^18.3.11",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/webpack": "^5.28.5",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "autoprefixer": "^10.4.20",
-    "concurrently": "^9.0.1",
+    "concurrently": "^9.1.0",
     "copy-webpack-plugin": "^12.0.2",
     "cross-env": "^7.0.3",
     "css-loader": "^6.11.0",
     "escape-string-regexp": "^5.0.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-erb": "^4.1.0",
-    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-compat": "^4.2.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-no-null": "^1.0.2",
     "eslint-plugin-no-type-assertion": "^1.3.0",
     "eslint-plugin-promise": "^6.6.0",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "glob": "^10.4.5",
-    "lucide-react": "^0.452.0",
+    "lucide-react": "^0.468.0",
     "papi-dts": "file:../../../lib/papi-dts",
     "platform-bible-react": "file:../../../lib/platform-bible-react",
-    "postcss": "^8.4.47",
+    "postcss": "^8.4.49",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "prettier-plugin-jsdoc": "^1.3.0",
-    "sass": "^1.79.5",
-    "sass-loader": "^16.0.2",
-    "stylelint": "^16.10.0",
+    "sass": "^1.83.0",
+    "sass-loader": "^16.0.4",
+    "stylelint": "^16.11.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
     "swc-loader": "^0.2.6",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.16",
     "tailwindcss-animate": "^1.0.7",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^5.4.5",
-    "webpack": "^5.95.0",
+    "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^6.0.1",
     "zip-build": "^1.8.0"

diff --git a/extensions/src/hello-world/src/web-views/hello-world-2.web-view.scss b/extensions/src/hello-world/src/web-views/hello-world-2.web-view.scss
@@ -1,4 +1,4 @@
-@import './hello-world.web-view.base';
+@use './hello-world.web-view.base';
 
 .title {
   .framework {

diff --git a/extensions/src/hello-world/src/web-views/hello-world.web-view.scss b/extensions/src/hello-world/src/web-views/hello-world.web-view.scss
@@ -1,4 +1,4 @@
-@import './hello-world.web-view.base';
+@use './hello-world.web-view.base';
 
 .title {
   color: rebeccapurple;

diff --git a/extensions/src/hello-world/webpack/webpack.config.base.ts b/extensions/src/hello-world/webpack/webpack.config.base.ts
@@ -142,7 +142,6 @@ const configBase: webpack.Configuration = {
       '@emotion/react': path.resolve(__dirname, '..', '../../../node_modules/@emotion/react'),
       '@emotion/styled': path.resolve(__dirname, '..', '../../../node_modules/@emotion/styled'),
       '@mui/material': path.resolve(__dirname, '..', '../../../node_modules/@mui/material'),
-      'react-data-grid': path.resolve(__dirname, '..', '../../../node_modules/react-data-grid'),
     },
   },
 };

diff --git a/extensions/src/legacy-comment-manager/.stylelintrc.js b/extensions/src/legacy-comment-manager/.stylelintrc.js
@@ -22,6 +22,13 @@ module.exports = {
     'no-descending-specificity': null,
     'selector-max-compound-selectors': 4,
     'selector-max-id': 1,
+    'at-rule-no-unknown': null,
+    'scss/at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['tailwind', 'apply', 'layer', 'screen', 'variants'],
+      },
+    ],
   },
 };
 

diff --git a/extensions/src/legacy-comment-manager/package.json b/extensions/src/legacy-comment-manager/package.json
@@ -39,55 +39,55 @@
     "platform-bible-utils": "file:../../../lib/platform-bible-utils"
   },
   "devDependencies": {
-    "@swc/core": "^1.7.35",
+    "@swc/core": "^1.10.1",
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^20.16.11",
-    "@types/react": "^18.3.11",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/webpack": "^5.28.5",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "autoprefixer": "^10.4.20",
-    "concurrently": "^9.0.1",
+    "concurrently": "^9.1.0",
     "copy-webpack-plugin": "^12.0.2",
     "cross-env": "^7.0.3",
     "css-loader": "^6.11.0",
     "escape-string-regexp": "^5.0.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-erb": "^4.1.0",
-    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-compat": "^4.2.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-no-null": "^1.0.2",
     "eslint-plugin-no-type-assertion": "^1.3.0",
     "eslint-plugin-promise": "^6.6.0",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "glob": "^10.4.5",
-    "lucide-react": "^0.452.0",
+    "lucide-react": "^0.468.0",
     "papi-dts": "file:../../../lib/papi-dts",
     "platform-bible-react": "file:../../../lib/platform-bible-react",
-    "postcss": "^8.4.47",
+    "postcss": "^8.4.49",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "prettier-plugin-jsdoc": "^1.3.0",
-    "sass": "^1.79.5",
-    "sass-loader": "^16.0.2",
-    "stylelint": "^16.10.0",
+    "sass": "^1.83.0",
+    "sass-loader": "^16.0.4",
+    "stylelint": "^16.11.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
     "swc-loader": "^0.2.6",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.16",
     "tailwindcss-animate": "^1.0.7",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
     "typescript": "^5.4.5",
-    "webpack": "^5.95.0",
+    "webpack": "^5.97.1",
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^6.0.1",
     "zip-build": "^1.8.0"

diff --git a/extensions/src/legacy-comment-manager/webpack/webpack.config.base.ts b/extensions/src/legacy-comment-manager/webpack/webpack.config.base.ts
@@ -142,7 +142,6 @@ const configBase: webpack.Configuration = {
       '@emotion/react': path.resolve(__dirname, '..', '../../../node_modules/@emotion/react'),
       '@emotion/styled': path.resolve(__dirname, '..', '../../../node_modules/@emotion/styled'),
       '@mui/material': path.resolve(__dirname, '..', '../../../node_modules/@mui/material'),
-      'react-data-grid': path.resolve(__dirname, '..', '../../../node_modules/react-data-grid'),
     },
   },
 };