@swiftwc/eslint-plugin 1.0.0

package/.prettierrc.yml

@@ -0,0 +1,4 @@
+trailingComma: 'es5'
+semi: false
+singleQuote: true
+printWidth: 160

package/README.md

@@ -0,0 +1,3 @@
+# @swiftwc/eslint-plugin
+
+[README](https://github.com/swiftwc/ui/blob/main/README.md)

package/emberjs/en.js

@@ -0,0 +1,20 @@
+import { RULES, swiftwc, validate } from '../src/index.js'
+
+swiftwc.rules['allowed-tags'].meta.docs.description = 'Restrict allowed HTML tags'
+
+swiftwc.rules['allowed-tags'].meta.messages.disallowedTag = 'Tag <{{tag}}> is only allowed inside any of: {{allowed}}'
+
+swiftwc.rules['allowed-tags'].create = (context) => {
+  return {
+    ElementNode(node) {
+      const tag = node.tag
+
+      const allowedParents = RULES[tag]
+      if (!allowedParents) return // 👈 ignore unknown tags completely
+
+      validate(tag, (item) => item.tag, allowedParents, context, node)
+    },
+  }
+}
+
+export default swiftwc

package/html/en.js

@@ -0,0 +1,20 @@
+import { RULES, swiftwc, validate } from '../src/index.js'
+
+swiftwc.rules['allowed-tags'].meta.docs.description = 'Restrict allowed HTML tags'
+
+swiftwc.rules['allowed-tags'].meta.messages.disallowedTag = 'Tag <{{tag}}> is only allowed inside any of: {{allowed}}'
+
+swiftwc.rules['allowed-tags'].create = (context) => {
+  return {
+    Tag(node) {
+      const tag = node.name
+
+      const allowedParents = RULES[tag]
+      if (!allowedParents) return // 👈 ignore unknown tags completely
+
+      validate(tag, (item) => item.parent, allowedParents, context, node)
+    },
+  }
+}
+
+export default swiftwc

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@swiftwc/eslint-plugin",
+  "version": "1.0.0",
+  "description": "Rules enforcing best practices while using SwiftWC.",
+  "keywords": [
+    "eslint",
+    "eslintplugin",
+    "eslint-plugin"
+  ],
+  "license": "SEE LICENSE IN ../../LICENSE.md",
+  "author": {
+    "name": "The SwiftWC/UI Authors",
+    "url": "https://github.com/swiftwc/ui/graphs/contributors"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/swiftwc/ui.git",
+    "directory": "packages/eslint-plugin"
+  },
+  "bugs": {
+    "url": "https://github.com/swiftwc/ui/issues"
+  },
+  "type": "module",
+  "peerDependencies": {
+    "@swiftwc/ui": "^1.0.0",
+    "eslint": ">=10.0.0"
+  },
+  "exports": {
+    "./html/en": "./html/en.js",
+    "./emberjs/en": "./emberjs/en.js"
+  }
+}

package/src/index.js

@@ -0,0 +1,145 @@
+import { readFileSync } from 'fs'
+
+export const RULES = {
+  'v-keyboard': ['body'],
+
+  'scroll-view': ['body-view', 'dialog', 'navigation-stack', 'navigation-split-view', 'detail-placeholder'],
+
+  dialog: ['tab-view', 'template'],
+}
+
+export function validate(tag, getParentTag, allowedParents, context, node) {
+  // let parent = getParentTag(node)
+  // let isValid = false
+
+  // while (parent) {
+  //   if (parent.type === 'Tag' && allowedParents.includes(parent.name)) {
+  //     isValid = true
+  //     break
+  //   }
+  //   parent = getParentTag(parent)
+  // }
+
+  const parentTag = getParentTag(node)
+
+  const isValid = allowedParents.includes(parentTag.name)
+
+  if (isValid) return
+
+  context.report({
+    node,
+    messageId: 'disallowedTag',
+    data: {
+      tag,
+      allowed: allowedParents.join(', '),
+    },
+  })
+}
+
+const { name, version } = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8'))
+
+export const swiftwc = {
+  meta: {
+    name,
+    version,
+    namespace: 'swiftwc',
+  },
+  configs: {},
+  rules: {
+    'allowed-tags': {
+      meta: {
+        type: 'problem',
+        docs: {
+          description: 'Restrict allowed HTML tags',
+          url: `https://github.com/swiftwc/ui`,
+        },
+        languages: ['html/html'],
+        schema: [],
+        // schema: [
+        //   {
+        //     type: 'object',
+        //     properties: {
+        //       allowed: {
+        //         type: 'array',
+        //         items: { type: 'string' },
+        //       },
+        //     },
+        //     additionalProperties: false,
+        //   },
+        // ],
+        messages: {
+          disallowedTag: 'Tag <{{tag}}> is only allowed inside any of: {{allowed}}',
+        },
+      },
+
+      // create(context) {
+      //   const options = context.options?.[0] || {},
+      //     allowed = new Set(options.allowed || [...DEFAULT_ALLOWED])
+
+      //   return {
+      //     Tag(node) {
+      //       const tag = node.name
+      //       if (!allowed.has(tag)) {
+      //         context.report({
+      //           node,
+      //           messageId: 'disallowedTag',
+      //           data: {
+      //             tag,
+      //             allowed: [...allowed].join(', '),
+      //           },
+      //         })
+      //       }
+      //     },
+      //   }
+      // },
+
+      create(context) {
+        return {
+          Tag(node) {
+            const tag = node.name
+
+            const allowedParents = RULES[tag]
+            if (!allowedParents) return // 👈 ignore unknown tags completely
+
+            validate(tag, (item) => item.parent, allowedParents, context, node)
+
+            // let parent = node.parent
+            // let valid = false
+
+            // while (parent) {
+            //   if (parent.type === 'Tag' && allowedParents.includes(parent.name)) {
+            //     valid = true
+            //     break
+            //   }
+            //   parent = parent.parent
+            // }
+
+            // if (!valid) {
+            //   context.report({
+            //     node,
+            //     messageId: 'disallowedTag',
+            //     data: {
+            //       tag,
+            //       allowed: allowedParents.join(', '),
+            //     },
+            //   })
+            // }
+          },
+        }
+      },
+    },
+  },
+}
+
+Object.assign(swiftwc.configs, {
+  recommended: [
+    {
+      plugins: {
+        swiftwc,
+      },
+      rules: {
+        'swiftwc/allowed-tags': 'error', //['error', { allowed: ['div', 'span', 'my-button', 'my-card'] }],
+      },
+    },
+  ],
+})