feat: Setting up addon test-support for the ember-app.

Author: ramitha

packages/@css-blocks/ember-app/runtime/app/services/css-blocks-test-support.ts

@@ -0,0 +1,17 @@
+/// @ts-ignore
+import { data as _data } from "./-css-blocks-data";
+import CSSBlocksService from "./css-blocks";
+import { mockTestData } from "./test-data";
+
+export class CSSBlocksTestService extends CSSBlocksService {
+  constructor() {
+    /// @ts-ignore
+    super(...arguments); // need to pass in ...arguments since "@ember/service" extends from EmberObject
+    CSSBlocksTestService.enableDebugMode = true;
+    console.log(mockTestData);
+  }
+
+  getBlock(moduleName: string, blockName: string): string {
+    return `${moduleName}-${blockName}`;
+  }
+}

packages/@css-blocks/ember-app/runtime/app/services/css-blocks.ts

@@ -11,8 +11,6 @@ import { StyleResolver } from "./StyleResolver";
 
 const data: AggregateRewriteData = _data;
 
-let DEBUGGING = false;
-
 type DebugExpression = string | Array<DebugExpression>;
 
 enum Operator {
@@ -29,13 +27,14 @@ interface StyleIdToOptimizationsMap {
 export default class CSSBlocksService extends Service {
   possibleOptimizations!: StyleIdToOptimizationsMap;
   styleNames: { [name: string]: string };
+  static enableDebugMode: Boolean = false;
   constructor() {
     super(...arguments);
     this.possibleOptimizations = getOptimizationInverseMap(data.optimizations);
     this.styleNames = getStyleNames();
   }
   classNamesFor(argv: Array<string | number | boolean | null>): string {
-    if (DEBUGGING) {
+    if (CSSBlocksService.enableDebugMode) {
       console.log(argv);
     }
     let styleEvaluator = new StyleEvaluator(data, argv);
@@ -47,7 +46,7 @@ export default class CSSBlocksService extends Service {
       resolver.addStyle(style);
     }
 
-    if (DEBUGGING) {
+    if (CSSBlocksService.enableDebugMode) {
       this.debugStyles("all possible implied styles", resolver.currentStyles());
     }
 
@@ -68,7 +67,7 @@ export default class CSSBlocksService extends Service {
       classNames.push(data.outputClassnames[idx]);
     }
     let result = classNames.join(" ");
-    if (DEBUGGING) {
+    if (CSSBlocksService.enableDebugMode) {
       console.log(classNames);
     }
     return result;
@@ -93,7 +92,7 @@ export default class CSSBlocksService extends Service {
    * Reverse maps style ids to their style names for debugging.
    */
   debugStyles(msg: string, stylesApplied: Set<number>): void {
-    if (!DEBUGGING) return;
+    if (!CSSBlocksService.enableDebugMode) return;
     let appliedStyleNames = new Array<string>();
     for (let s of stylesApplied) {
       appliedStyleNames.push(this.styleNames[s]);

packages/@css-blocks/ember-app/runtime/app/services/test-data.ts

@@ -0,0 +1,4 @@
+export const mockTestData =  {
+  "hue-web-component/styles/components/hue-web-component.compiledblock.css": [{"default": "hue-web-component-9e5_18bad"}],
+  "dummy/styles/application.compiledblock.css": [{"default": "application-275_08b2d"}]
+};

packages/@css-blocks/ember-app/src/brocolli-plugin.ts

@@ -55,6 +55,11 @@ export class CSSBlocksApplicationPlugin extends Filter {
         debug("blocks", serializedAnalysis.stylesFound);
         for (let blockId of Object.keys(serializedAnalysis.blocks)) {
           serializedAnalysis.blocks[blockId] = pathToIdent(serializedAnalysis.blocks[blockId]);
+          console.log(`serializedAnalysis.blocks[blockId]: ${serializedAnalysis.blocks[blockId]}`);
+          console.log(`blockId: ${blockId}`);
+
+          console.log("output of pathToIdent");
+          console.log(serializedAnalysis.blocks[blockId]);
         }
         let analysis = await EmberAnalysis.deserializeSource(serializedAnalysis, factory, analyzer);
         unionInto(blocksUsed, analysis.transitiveBlockDependencies());
@@ -86,6 +91,7 @@ export class CSSBlocksApplicationPlugin extends Filter {
     let optLogFileName = `${cssFileName}.optimization.log`;
     let optimizationResult = await optimizer.optimize(cssFileName);
     debug(`Optimized CSS. There were ${optimizationResult.actions.performed.length} optimizations performed.`);
+    console.log(optimizationResult.styleMapping);
     this.output.mkdirSync(path.dirname(cssFileName), {recursive: true});
     this.output.writeFileSync(cssFileName, optimizationResult.output.content.toString(), "utf8");
     this.output.writeFileSync(sourceMapFileName, optimizationResult.output.sourceMap?.toString(), "utf8");

packages/@css-blocks/ember-app/src/index.ts

@@ -82,6 +82,7 @@ const EMBER_ADDON: AddonImplementation<CSSBlocksApplicationAddon> = {
     this._super.init && this._super.init.call(this, parent, project);
     this.treePaths.app = "../runtime/app";
     this.treePaths.addon = "../runtime/addon";
+    this.treePaths["addon-test-support"] = "../runtime/addon-test-support";
   },
 
   _modulePrefix(): string {