eslint-plugin-qwik 0.0.18-6

package/README.md

@@ -0,0 +1 @@
+# eslint-plugin-qwik

package/index.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+exports.rules = void 0;
+var noPropsDestructuting_1 = require("./lib/noPropsDestructuting");
+var noUseAfterAwait_1 = require("./lib/noUseAfterAwait");
+exports.rules = {
+    'no-props-destructuring': noPropsDestructuting_1.noPropsDestructuring,
+    'no-use-after-await': noUseAfterAwait_1.noUseAfterAwait
+};

package/lib/noPropsDestructuting.js

@@ -0,0 +1,32 @@
+"use strict";
+/* eslint-disable no-console */
+/**
+ * @license
+ * Copyright Builder.io, Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/BuilderIO/qwik/blob/main/LICENSE
+ */
+exports.__esModule = true;
+exports.noPropsDestructuring = void 0;
+exports.noPropsDestructuring = {
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Object destructuring is not recomended for component$',
+            category: 'Variables',
+            recommended: true,
+            url: 'https://github.com/BuilderIO/qwik'
+        }
+    },
+    create: function (context) {
+        return {
+            "CallExpression[callee.name='component$'][arguments.0.params.0.type='ObjectPattern']": function (node) {
+                context.report({
+                    node: node,
+                    message: 'Props destructuring is not a good practice in Qwik'
+                });
+            }
+        };
+    }
+};

package/lib/noUseAfterAwait.js

@@ -0,0 +1,46 @@
+"use strict";
+/* eslint-disable no-console */
+/**
+ * @license
+ * Copyright Builder.io, Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/BuilderIO/qwik/blob/main/LICENSE
+ */
+exports.__esModule = true;
+exports.noUseAfterAwait = void 0;
+exports.noUseAfterAwait = {
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Object destructuring is not recomended for component$',
+            category: 'Variables',
+            recommended: true,
+            url: 'https://github.com/BuilderIO/qwik'
+        }
+    },
+    create: function (context) {
+        var stack = [];
+        return {
+            ArrowFunctionExpression: function () {
+                stack.push({ await: false });
+            },
+            'ArrowFunctionExpression:exit': function () {
+                stack.pop();
+            },
+            AwaitExpression: function () {
+                var last = stack[stack.length - 1];
+                last.await = true;
+            },
+            'CallExpression[callee.name=/^use/]': function (node) {
+                var last = stack[stack.length - 1];
+                if (last.await) {
+                    context.report({
+                        node: node,
+                        message: 'Calling use* methods after await is not safe.'
+                    });
+                }
+            }
+        };
+    }
+};

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "eslint-plugin-qwik",
+  "version": "0.0.18-6",
+  "description": "An Open-Source sub-framework designed with a focus on server-side-rendering, lazy-loading, and styling/animation.",
+  "main": "dist/index.js",
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "eslint": ">= 8"
+  },
+  "homepage": "https://github.com/BuilderIO/qwik#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/BuilderIO/qwik.git"
+  },
+  "bugs": {
+    "url": "https://github.com/BuilderIO/qwik/issues"
+  },
+  "keywords": [
+    "builder.io",
+    "qwik",
+    "eslint"
+  ],
+  "engines": {
+    "node": ">=14"
+  }
+}

package/qwik.unit.js

@@ -0,0 +1,51 @@
+"use strict";
+exports.__esModule = true;
+/* eslint-disable */
+// @ts-ignore
+var RuleTester = require('eslint').RuleTester;
+var index_1 = require("./index");
+var testConfig = {
+    env: {
+        es6: true
+    },
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true
+        },
+        ecmaVersion: 2021,
+        sourceType: 'module'
+    }
+};
+describe('no-props-destructuring', function () {
+    var ruleTester = new RuleTester(testConfig);
+    ruleTester.run('my-rule', index_1.rules['no-props-destructuring'], {
+        valid: [
+            "export const HelloWorld = component$((props) => {\n        return $(({prop}) => {\n          return (\n            <Host>\n              {prop}\n              {props}\n            </Host>\n          );\n        });\n      });",
+        ],
+        invalid: [
+            {
+                code: "export const HelloWorld = component$(({prop}) => {\n              return $(() => {\n                return (\n                  <Host>\n                    {prop}\n                  </Host>\n                );\n              });\n            });",
+                errors: ['Props destructuring is not a good practice in Qwik']
+            },
+        ]
+    });
+});
+describe('no-use-after-await', function () {
+    var ruleTester = new RuleTester(testConfig);
+    ruleTester.run('my-rule', index_1.rules['no-use-after-await'], {
+        valid: [
+            "export const HelloWorld = component$(async () => {\n        useMethod();\n        await something();\n        return $(() => {\n          return <Host></Host>\n        });\n      });",
+            "export const HelloWorld = component$(async () => {\n        useMethod();\n        await something();\n        await stuff();\n        return $(() => {\n          useHostElement();\n          return <Host></Host>\n        });\n      });",
+        ],
+        invalid: [
+            {
+                code: "export const HelloWorld = component$(async () => {\n          await something();\n          useMethod();\n          return $(() => {\n            return (\n              <Host>\n                {prop}\n              </Host>\n            );\n          });\n        });",
+                errors: ['Calling use* methods after await is not safe.']
+            },
+            {
+                code: "export const HelloWorld = component$(async () => {\n          if (stuff) {\n            await something();\n          }\n          useMethod();\n          return $(() => {\n            return (\n              <Host>\n                {prop}\n              </Host>\n            );\n          });\n        });",
+                errors: ['Calling use* methods after await is not safe.']
+            },
+        ]
+    });
+});