ember-scoped-css 0.3.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-scoped-css",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "",
   "keywords": [],
   "license": "ISC",
@@ -44,6 +44,7 @@
     "chai": "^4.3.7",
     "esbuild": "^0.17.17",
     "eslint": "^8.38.0",
+    "ember-template-lint": "^5.7.2",
     "mocha": "^10.2.0",
     "release-it": "^15.10.1",
     "release-it-lerna-changelog": "^5.0.0",
@@ -51,6 +52,7 @@
     "webpack": "^5.75.0"
   },
   "peerDependencies": {
+    "ember-template-lint": "^5.7.2",
     "webpack": "^5.0.0"
   },
   "publishConfig": {

package/src/template-lint/scoped-class-helper-plugin.js

@@ -0,0 +1,38 @@
+import { Rule } from 'ember-template-lint';
+
+class ScopedClassHelperRule extends Rule {
+  visitor() {
+    const checkScopedClass = function (node) {
+      if (node.path.original !== 'scoped-class') {
+        return;
+      }
+
+      if (node.params.length === 1) {
+        if (node.params[0].type !== 'StringLiteral') {
+          this.log({
+            message:
+              'You cannot pass dynamic values to scoped-class helper. {{scoped-class "some-class"}}. More info: https://github.com/soxhub/ember-scoped-css/blob/main/docs/lint-rules.md',
+            node,
+          });
+        }
+      } else {
+        this.log({
+          message:
+            'One positional param is required to be passed to scoped-class helper. {{scoped-class "some-class"}}. More info: https://github.com/soxhub/ember-scoped-css/blob/main/docs/lint-rules.md',
+          node,
+        });
+      }
+    };
+    return {
+      MustacheStatement: checkScopedClass,
+      SubExpression: checkScopedClass,
+    };
+  }
+}
+
+export default {
+  name: 'scoped-class-helper-plugin',
+  rules: {
+    'scoped-class-helper': ScopedClassHelperRule,
+  },
+};

package/test/rewriteCss.js

@@ -24,7 +24,7 @@ describe('rewriteCss', function () {
     );
   });
 
-  it.only('sudnt rewrite keyframes', function () {
+  it('sudnt rewrite keyframes', function () {
     const css = `
       @keyframes luna-view-navigation {
         100% {

package/test/scoped-class-helper-lint.js

@@ -0,0 +1,38 @@
+import { generateRuleTests } from 'ember-template-lint';
+import scopedClassHelperPlugin from '../src/template-lint/scoped-class-helper-plugin.js';
+import assert from 'assert';
+
+generateRuleTests({
+  name: 'scoped-class-helper',
+
+  groupMethodBefore: beforeEach,
+  groupingMethod: describe,
+  testMethod: it,
+  plugins: [scopedClassHelperPlugin],
+  config: true,
+  good: ['{{scoped-class "test"}}', '{{(scoped-class "test")}}'],
+  bad: [
+    {
+      template: '{{scoped-class}}',
+
+      verifyResults(results) {
+        assert.equal(results.length, 1);
+        assert.equal(
+          results[0].message,
+          'One positional param is required to be passed to scoped-class helper. {{scoped-class "some-class"}}. More info: https://github.com/soxhub/ember-scoped-css/blob/main/docs/lint-rules.md'
+        );
+      },
+    },
+    {
+      template: '{{scoped-class this.someClass}}',
+
+      verifyResults(results) {
+        assert.equal(results.length, 1);
+        assert.equal(
+          results[0].message,
+          'You cannot pass dynamic values to scoped-class helper. {{scoped-class "some-class"}}. More info: https://github.com/soxhub/ember-scoped-css/blob/main/docs/lint-rules.md'
+        );
+      },
+    },
+  ],
+});