ember-scoped-css 2.0.3 → 2.1.0

package/dist/cjs/all.cjs

@@ -1,3 +1,3 @@
-const require_all = require('./all-CfBAmXua.cjs');
+const require_all = require('./all-Bimr-GZ4.cjs');
 
 exports.scopedCSS = require_all.scopedCSS;

package/dist/cjs/babel.cjs

@@ -1,4 +1,4 @@
-const require_all = require('./all-CfBAmXua.cjs');
+const require_all = require('./all-Bimr-GZ4.cjs');
 
 //#region src/build/public-exports/babel.js
 const scopedCSS = require_all.scopedCSS.babel;

package/dist/cjs/rollup.cjs

@@ -1,4 +1,4 @@
-const require_all = require('./all-CfBAmXua.cjs');
+const require_all = require('./all-Bimr-GZ4.cjs');
 
 //#region src/build/public-exports/rollup.js
 const scopedCSS = require_all.scopedCSS.rollup;

package/dist/cjs/vite.cjs

@@ -1,4 +1,4 @@
-const require_all = require('./all-CfBAmXua.cjs');
+const require_all = require('./all-Bimr-GZ4.cjs');
 
 //#region src/build/public-exports/vite.js
 const scopedCSS = require_all.scopedCSS.vite;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-scoped-css",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "",
   "keywords": [
     "ember-addon"

package/src/build/babel-plugin.js

@@ -1,4 +1,9 @@
-import { isRelevantFile } from '../lib/path/utils.js';
+import {
+  appPath,
+  hashFromModulePath,
+  isRelevantFile,
+} from '../lib/path/utils.js';
+import { renameClass } from '../lib/renameClass.js';
 
 function _isRelevantFile(state, cwd) {
   let fileName = state.file.opts.filename;
@@ -34,6 +39,10 @@ export const scopedCSS = (config) => (env, options, workingDirectory) => {
 
             return;
           }
+
+          let modulePath = appPath(state.filename);
+
+          state.postfix = hashFromModulePath(modulePath);
         },
       },
       ImportDeclaration(path, state) {
@@ -59,6 +68,38 @@ export const scopedCSS = (config) => (env, options, workingDirectory) => {
           path.remove();
         }
       },
+      /**
+       * Rename usages in JS/TS/GJS/GTS
+       */
+      CallExpression(path, state) {
+        if (state.canSkip) {
+          return;
+        }
+
+        if (
+          path.node.callee.type === 'Identifier' &&
+          path.node.callee.name === state.file.opts?.importedScopedClass
+        ) {
+          if (
+            path.node.arguments.length !== 1 ||
+            path.node.arguments[0].type !== 'StringLiteral'
+          ) {
+            throw new Error(
+              `The scopedClass helper only accepts a single, non-dynamic, string literal argument.`,
+            );
+          }
+
+          const original = path.node.arguments[0].value;
+          const renamed = renameClass(
+            original,
+            state.postfix,
+            new Set([original]),
+          );
+          const transformedString = env.types.stringLiteral(renamed);
+
+          path.replaceWith(transformedString);
+        }
+      },
       /**
        * Only in strict mode, do we care about remoning the scope bag reference
        */

package/src/build/unplugin-colocated.js

@@ -51,11 +51,6 @@ export function colocated(options = {}) {
           path.basename(parsed.fileName),
         );
 
-        /**
-         * Rollup doesn't normally watch CSS files
-         */
-        this.addWatchFile(filePath);
-
         return buildResponse(id, filePath);
       }
     },
@@ -63,6 +58,8 @@ export function colocated(options = {}) {
       const meta = this.getModuleInfo(id)?.meta?.[META];
 
       if (meta) {
+        this.addWatchFile(meta.fullPath);
+
         let code = readFileSync(meta.fullPath, 'utf-8');
 
         let css = rewriteCss(

package/src/lib/path/const.js

@@ -9,6 +9,7 @@ export const leadingSlashPath = {
   atEmbroider: path.join('/@embroider'),
   componentsDir: path.join('/components/'),
   templatesDir: path.join('/templates/'),
+  routesDir: path.join('/routes/'),
   testem: path.join('/testem'),
   src: path.join('/src/'),
   app: path.join('/app/'),

package/src/lib/path/utils.isRelevantFile.test.ts

@@ -20,6 +20,13 @@ describe('isRelevantFile()', () => {
 
       expect(result).toBeTruthy();
     });
+
+    it('for /routes/', () => {
+      let file = path.join(paths.viteApp, 'app/routes/application.gts');
+      let result = isRelevantFile(file, { cwd: paths.viteApp });
+
+      expect(result).toBeTruthy();
+    });
   });
 
   describe('the file is not relevant', () => {

package/src/lib/path/utils.js

@@ -259,6 +259,7 @@ export function isRelevantFile(fileName, { additionalRoots, cwd }) {
   let roots = [
     leadingSlashPath.componentsDir,
     leadingSlashPath.templatesDir,
+    leadingSlashPath.routesDir,
     ...(additionalRoots || []),
   ];