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 {