Introduce glimmer-local-class-transform package

Author: dfreeman

packages/glimmer-local-class-transform/.eslintrc

@@ -0,0 +1,11 @@
+{
+  "plugins": ["prettier"],
+  "extends": ["eslint:recommended", "plugin:prettier/recommended"],
+  "env": {
+    "node": true
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  }
+}

packages/glimmer-local-class-transform/.gitignore

@@ -0,0 +1 @@
+dist/

packages/glimmer-local-class-transform/.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "printWidth": 100
+}

packages/glimmer-local-class-transform/README.md

@@ -0,0 +1,3 @@
+# `glimmer-local-class-transform`
+
+Fill me out later.

packages/glimmer-local-class-transform/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "glimmer-local-class-transform",
+  "version": "1.0.0-alpha.0",
+  "description": "Support for `local-class` attributes in Glimmer templates",
+  "license": "MIT",
+  "author": "Dan Freeman",
+  "homepage": "https://github.com/salsify/ember-css-modules/tree/master/packages/glimmer-local-class-transform",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://[email protected]/salsify/ember-css-modules.git",
+    "directory": "packages/glimmer-local-class-transform"
+  },
+  "type": "module",
+  "exports": {
+    ".": "./dist/transform.js",
+    "./-runtime": "./dist/runtime.js"
+  },
+  "scripts": {
+    "prepare": "tsc --project tsconfig.build.json",
+    "test": "vitest run"
+  },
+  "files": [
+    "README.md",
+    "dist/**/!(*.test.*)"
+  ],
+  "devDependencies": {
+    "@glimmer/syntax": "^0.84.3",
+    "babel-plugin-ember-template-compilation": "~2.3.0",
+    "eslint": "^8.22.0",
+    "prettier": "^3.2.5",
+    "typescript": "^5.4.5",
+    "vitest": "^1.6.0"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
+}

packages/glimmer-local-class-transform/src/runtime.test.ts

@@ -0,0 +1,16 @@
+import { describe, test, expect } from 'vitest';
+import { join, classNames } from './runtime.js';
+
+describe('Runtime helpers', () => {
+  test('classNames', () => {
+    expect(classNames({}, 'foo')).toBe('foo');
+    expect(classNames({ foo: 'bar' }, 'foo')).toBe('bar');
+    expect(classNames({ foo: 'bar' }, '  foo    baz ')).toBe('bar baz');
+  });
+
+  test('join', () => {
+    expect(join()).toBe('');
+    expect(join('foo')).toBe('foo');
+    expect(join('foo', 'bar')).toBe('foobar');
+  });
+});

packages/glimmer-local-class-transform/src/runtime.ts

@@ -0,0 +1,11 @@
+export function classNames(mapping: Record<string, string>, classes: string): string {
+  return classes
+    .trim()
+    .split(/\s+/)
+    .map((className) => mapping[className] ?? className)
+    .join(' ');
+}
+
+export function join(...parts: Array<string>): string {
+  return parts.join('');
+}