feat: Broccoli plugin for css-blocks.

Author: chriseppstein

packages/broccoli-css-blocks/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@css-blocks/broccoli",
+  "version": "0.0.1",
+  "description": "CSS Blocks Broccoli Addon",
+  "main": "dist/src/index.js",
+  "author": "Adam Miller <[email protected]>",
+  "license": "MIT",
+  "keywords": [
+    "css-blocks",
+    "css blocks",
+    "broccoli-plugin"
+  ],
+  "scripts": {
+    "test": "mocha --opts test/mocha.opts dist/test",
+    "compile": "rm -rf dist && tsc -p tsconfig.json",
+    "pretest": "yarn run compile",
+    "posttest": "yarn run lint",
+    "prepublish": "yarn run compile && yarn run lintall",
+    "lint": "tslint -t msbuild --project . -c tslint.cli.json",
+    "lintall": "tslint -t msbuild --project . -c tslint.release.json",
+    "lintfix": "tslint -t msbuild --project . -c tslint.cli.json --fix",
+    "coverage": "istanbul cover -i dist/src/**/*.js --dir ./build/coverage node_modules/mocha/bin/_mocha -- dist/test --opts test/mocha.opts",
+    "remap": "remap-istanbul -i build/coverage/coverage.json -o coverage -t html",
+    "docs": "typedoc --out ./docs .",
+    "watch": "watch 'yarn run test' src test types-local --wait=1"
+  },
+  "devDependencies": {
+    "@css-blocks/code-style": "^0.17.0"
+  },
+  "dependencies": {
+    "@glimmer/compiler": "^0.33.0",
+    "@glimmer/syntax": "^0.33.0",
+    "broccoli-funnel": "^2.0.1",
+    "broccoli-merge-trees": "^3.0.0",
+    "broccoli-plugin": "^1.3.0",
+    "colors": "^1.2.1",
+    "css-blocks": "^0.17.0",
+    "debug": "^3.1.0",
+    "opticss": "file:../../../opticss/packages/opticss",
+    "postcss": "^6.0.19",
+    "walk-sync": "^0.3.2"
+  }
+}

packages/broccoli-css-blocks/src/index.ts

@@ -0,0 +1,62 @@
+import * as fs from "fs";
+import * as path from "path";
+import { promisify } from "util";
+
+import { TemplateTypes } from "@opticss/template-api";
+import { Analyzer } from "css-blocks";
+
+import { BroccoliPlugin } from "./utils";
+
+const readdirAsync = promisify(fs.readdirSync) as (path: string) => Promise<string[]>;
+const symlinkAsync = promisify(fs.symlinkSync) as (from: string, to: string) => Promise<void>;
+
+interface BroccoliOptions {
+  entry: string[];
+  analyzer: Analyzer<keyof TemplateTypes>;
+}
+
+class BroccoliCSSBlocks extends BroccoliPlugin {
+
+  private analyzer: Analyzer<keyof TemplateTypes>;
+  private entry: string[];
+
+  // tslint:disable-next-line:prefer-whatever-to-any
+  constructor(inputNode: any, options: BroccoliOptions) {
+    super([inputNode], {
+      name: "broccoli-css-blocks",
+    });
+    this.analyzer = options.analyzer;
+    this.entry = options.entry;
+  }
+
+  async build() {
+
+    // This build step is just a pass-through of all files!
+    // We're just analyzing right now.
+    let files = await readdirAsync(this.inputPaths[0]);
+    for (let file of files) {
+      try {
+        await symlinkAsync(
+          path.join(this.inputPaths[0], file),
+          path.join(this.outputPath, file),
+        );
+      } catch (e) {
+        console.log("Error linking", path.join(this.inputPaths[0], file), "to output directory.");
+      }
+    }
+
+    // Oh hey look, we're analyzing.
+    await this.analyzer.analyze(...this.entry);
+
+    // Here we'd compile the blocks, optionally optimize our output,
+    // and inject the final CSS file into the tree. Then, attach our
+    // StyleMapping data to whatever shared memory data transport we
+    // have to pass to funnel rewrite data to our Rewriter.
+
+    return this.analyzer;
+
+  }
+
+}
+
+module.exports = BroccoliCSSBlocks;

packages/broccoli-css-blocks/src/utils.ts

@@ -0,0 +1,47 @@
+/**
+ * This file takes heavy inspiration from other Broccoli Plugins written in
+ * Typescript to provide sane typings for common Broccoli utilities.
+ */
+/* tslint:disable */
+export const BroccoliPlugin: BroccoliPlugin.Static = require("broccoli-plugin");
+export const walkSync: WalkSync = require("walk-sync");
+
+declare function require(id: string): any;
+
+export namespace BroccoliPlugin {
+  export interface PluginOptions {
+    name?: string;
+    annotation?: string;
+    persistentOutput?: boolean;
+  }
+
+  export interface Plugin {
+    inputPaths: string[];
+    outputPath: string;
+    cachePath: string;
+  }
+
+  export interface Static {
+    new(inputNodes: any[], options?: any): Plugin;
+  }
+}
+
+export interface WalkSync {
+  (path: string, options?: any): string[];
+  entries(path: string, options?: any): WalkSync.Entry[];
+}
+
+export namespace WalkSync {
+  export type Row = string | RegExp[];
+
+  export interface Entry {
+    relativePath: string;
+    basePath: string;
+    fullPath: string;
+    checksum: string;
+    mode: number;
+    size: number;
+    mtime: Date;
+    isDirectory(): boolean;
+  }
+}

packages/broccoli-css-blocks/test/plugin-test.ts

@@ -0,0 +1,7 @@
+import * as assert from "assert";
+
+describe("Broccoli Plugin Test", () => {
+  it("runs tests", () => {
+    assert.ok(1);
+  });
+});

packages/broccoli-css-blocks/tsconfig.build.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "include": [
+    "src"
+  ] 
+}

packages/broccoli-css-blocks/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "baseUrl": "dist"
+  },
+  "include": [
+    "src",
+    "test"
+  ],
+  "exclude": [
+    "sanity",
+    "dist",
+    "node_modules"
+  ]
+}

packages/broccoli-css-blocks/tslint.cli.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "http://json.schemastore.org/tslint",
+  "extends": "@css-blocks/code-style/configs/tslint.cli.json"
+}

packages/broccoli-css-blocks/tslint.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@css-blocks/code-style"
+}

packages/broccoli-css-blocks/tslint.release.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "http://json.schemastore.org/tslint",
+  "extends": "@css-blocks/code-style/configs/tslint.release.json"
+}