fix breakages for stylelint 16 (#154)

Signed-off-by: Kangrui Johann Ye <kangrui.ye@cloudflight.io>

.eslintrc.js

@@ -13,6 +13,7 @@ module.exports = {
         sourceType: 'module',
         tsconfigRootDir: __dirname,
         project: ['./packages/*/tsconfig.json', './packages/*/tsconfig.spec.json'],
+        ecmaVersion: "latest",
     },
     rules: {
         '@cloudflight/typescript/package-force-absolute-version-dependencies': 'off',

package.json

@@ -1,6 +1,6 @@
 {
     "name": "cloudflight",
-    "version": "0.8.2",
+    "version": "0.8.3",
     "scripts": {
         "build": "yarn workspaces foreach -ptA run build-package",
         "lint": "eslint . && eslint --config .eslintrc.format.js .",

packages/stylelint-plugin-angular/README.md

@@ -10,13 +10,13 @@ yarn add -D @cloudflight/stylelint-plugin-angular
 pnpm add -D @cloudflight/stylelint-plugin-angular
 ```
 
-Then put this in your `.stylelintrc.json` file:
+Then put this in your `.stylelintrc.mjs` file:
 
-```json
-{
-    "plugins": ["@cloudflight/stylelint-plugin-angular"],
-    "extends": ["@cloudflight/stylelint-plugin-angular/recommended"],
-    "rules": {}
+```js
+/** @type {import('stylelint').Config} */
+export default {
+  extends: ['@cloudflight/stylelint-plugin-angular'],
+  rules: {},
 }
 ```
 

packages/stylelint-plugin-angular/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudflight/stylelint-plugin-angular",
-    "version": "0.8.2",
+    "version": "0.8.3",
     "author": "Cloudflight GmbH",
     "license": "Apache-2.0",
     "scripts": {

packages/stylelint-plugin-angular/src/index.js

@@ -0,0 +1,10 @@
+// import {ngDeepSelectorPrefix} from './lib/rules/ng-deep-selector-prefix';
+
+/** @type {import('stylelint').Config} */
+module.exports = {
+    plugins: ['./lib/rules/ng-deep-selector-prefix'],
+    extends: ['@cloudflight/stylelint-plugin'],
+    rules: {
+        'cloudflight-stylelint-angular/ng-deep-selector-prefix': true,
+    },
+};

packages/stylelint-plugin-angular/src/lib/rules/ng-deep-selector-prefix.ts → packages/stylelint-plugin-angular/src/lib/rules/ng-deep-selector-prefix.js

@@ -1,9 +1,10 @@
-import stylelint, {Rule} from 'stylelint';
+const stylelint = require('stylelint');
 
-const ruleName = '@cloudflight-stylelint-angular/ng-deep-selector-prefix';
+const ruleName = 'cloudflight-stylelint-angular/ng-deep-selector-prefix';
 
+/** @type {import('stylelint').Rule} */
 // eslint-disable-next-line func-style
-const fn: Rule = () => (postcssRoot, postcssResult) => {
+const fn = () => (postcssRoot, postcssResult) => {
     const validOptions = stylelint.utils.validateOptions(postcssResult, ruleName);
 
     if (!validOptions) {
@@ -32,4 +33,4 @@ fn.meta = {
     url: 'https://github.com/cloudflightio/cloudflight-stylelint-plugin/blob/main/packages/stylelint-plugin-angular/src/lib/rules/ng-deep-selector-prefix.md',
 };
 
-export const ngDeepSelectorPrefix = stylelint.createPlugin(ruleName, fn);
+module.exports = stylelint.createPlugin(ruleName, fn);

packages/stylelint-plugin-angular/tsconfig.json

@@ -1,5 +1,7 @@
 {
-    "files": ["src/index.ts"],
+    "include": [
+        "src/**/*.js"
+    ],
     "compilerOptions": {
         "target": "ES2015",
         "useDefineForClassFields": true,
@@ -23,6 +25,7 @@
         "noPropertyAccessFromIndexSignature": true,
         "allowUnusedLabels": false,
         "allowUnreachableCode": false,
-        "skipLibCheck": true
+        "skipLibCheck": true,
+        "allowJs": true
     }
 }

packages/stylelint-plugin-vue/README.md

@@ -10,13 +10,13 @@ yarn add -D @cloudflight/stylelint-plugin-vue
 pnpm add -D @cloudflight/stylelint-plugin-vue
 ```
 
-Then put this in your `.stylelintrc.json` file:
+Then put this in your `.stylelintrc.mjs` file:
 
-```json
-{
-    "plugins": ["@cloudflight/stylelint-plugin-vue"],
-    "extends": ["@cloudflight/stylelint-plugin-vue/recommended"],
-    "rules": {}
+```js
+/** @type {import('stylelint').Config} */
+export default {
+  extends: ['@cloudflight/stylelint-plugin-vue'],
+  rules: {},
 }
 ```
 

packages/stylelint-plugin-vue/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudflight/stylelint-plugin-vue",
-    "version": "0.8.2",
+    "version": "0.8.3",
     "author": "Cloudflight GmbH",
     "license": "Apache-2.0",
     "scripts": {

packages/stylelint-plugin-vue/src/index.js

@@ -0,0 +1,4 @@
+/** @type {import('stylelint').Config} */
+module.exports = {
+    extends: ['@cloudflight/stylelint-plugin', 'stylelint-config-html/vue'],
+};

packages/stylelint-plugin-vue/tsconfig.json

@@ -1,5 +1,7 @@
 {
-    "files": ["src/index.ts"],
+    "files": [
+      "src/index.js"
+    ],
     "compilerOptions": {
         "target": "ES2015",
         "useDefineForClassFields": true,
@@ -23,6 +25,7 @@
         "noPropertyAccessFromIndexSignature": true,
         "allowUnusedLabels": false,
         "allowUnreachableCode": false,
-        "skipLibCheck": true
+        "skipLibCheck": true,
+        "allowJs": true
     }
 }

packages/stylelint-plugin/README.md

@@ -10,12 +10,13 @@ yarn add -D @cloudflight/stylelint-plugin
 pnpm add -D @cloudflight/stylelint-plugin
 ```
 
-Then put this in your `.stylelintrc.json` file:
+Then put this in your `.stylelintrc.mjs` file:
 
-```json
-{
-    "extends": ["@cloudflight/stylelint-plugin"],
-    "rules": {}
+```js
+/** @type {import('stylelint').Config} */
+export default {
+  extends: ['@cloudflight/stylelint-plugin'],
+  rules: {},
 }
 ```
 

packages/stylelint-plugin/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudflight/stylelint-plugin",
-    "version": "0.8.2",
+    "version": "0.8.3",
     "author": "Cloudflight GmbH",
     "license": "Apache-2.0",
     "scripts": {

packages/stylelint-plugin/src/lib/stylelintrc.js

@@ -1,3 +1,4 @@
+/** @type {import('stylelint').Config} */
 module.exports = {
     plugins: ['stylelint-order'],
     extends: ['stylelint-config-standard-scss'],