checkpoint

ava.config.js

@@ -1,5 +1,10 @@
 export default {
-  extensions: ['ts'],
   files: ['!**/fixtures/**', '!**/helpers/**', '!**/rewiremock.js'],
-  require: ['ts-node/register', './test/rewiremock.js']
+  require: ['./test/rewiremock.cjs'],
+  typescript: {
+    rewritePaths: {
+      'src/': 'dist/'
+    },
+    compile: false
+  }
 };

package.json

@@ -31,7 +31,7 @@
     "prepare": "husky",
     "prepublishOnly": "pnpm lint && pnpm build",
     "security": "pnpm audit --audit-level=high --prod",
-    "test": "ava test/numeric.ts"
+    "test": "pnpm build && ava test/numeric.ts"
   },
   "files": [
     "dist",
@@ -62,6 +62,7 @@
     "quote-unquote": "^1.0.0"
   },
   "devDependencies": {
+    "@ava/typescript": "^6.0.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
     "@types/color-name": "^2.0.0",
     "@types/css-tree": "^2.3.10",

src/index.ts

@@ -29,10 +29,10 @@
 // - bare parens have their own node type (upstream; css-tree)
 // - comparison operators are not spec compliant and not supported. e.g. `(width < 1px)`, `(width < 1px) and (width < 2px)`
 
-import { parse } from './parser';
-import { stringify } from './stringify';
+import { parse } from './parser.js';
+import { stringify } from './stringify.js';
 
-export { registerWalkers } from './walker';
+export { registerWalkers } from './walker.js';
 
 interface Builder {
   (part: string, node?: Node, type?: 'start' | 'end'): void;

src/nodes/Container.ts

@@ -10,8 +10,8 @@
 */
 import { Input, Container as PostCssContainer } from 'postcss';
 
-import { stringify } from '../stringify';
-import { Node, NodeOptions } from './Node';
+import { stringify } from '../stringify.js';
+import { Node, NodeOptions } from './Node.js';
 
 export class Container extends PostCssContainer {
   public readonly value: string = '';

src/nodes/Func.ts

@@ -10,8 +10,8 @@
 */
 import { FunctionNode } from 'css-tree';
 
-import { Container } from './Container';
-import { NodeOptions } from './Node';
+import { Container } from './Container.js';
+import { NodeOptions } from './Node.js';
 
 const reColorFunctions = /^(hsla?|hwb|lab|lch|rgba?)$/i;
 const reVar = /^var$/i;
@@ -20,6 +20,7 @@ export class Func extends Container {
   readonly isColor: boolean = false;
   readonly isVar: boolean = false;
   readonly name: string = '<unknown>';
+  declare type: string;
   constructor(options: NodeOptions) {
     super(options);
     this.name = (options.node as FunctionNode).name;

src/nodes/Node.ts

@@ -11,7 +11,7 @@
 import { CssNode } from 'css-tree';
 import { Input, Node as PostCssNode } from 'postcss';
 
-import { stringify } from '../stringify';
+import { stringify } from '../stringify.js';
 
 export interface NodeOptions {
   node: CssNode;

src/nodes/Numeric.ts

@@ -10,14 +10,17 @@
 */
 import { NumberNode } from 'css-tree';
 
-import { Node, NodeOptions } from './Node';
+import { Node, NodeOptions } from './Node.js';
 
 export class Numeric extends Node {
-  readonly unit: string;
+  readonly unit: string = '';
+  readonly numericValue: number = 0;
+  declare type: string;
   constructor(options: NodeOptions) {
     super(options);
     this.type = 'numeric';
     this.unit = options.node.type === 'Dimension' ? options.node.unit : '';
-    (this as any).value = (options.node as NumberNode).value;
+    (this as any).value = String((options.node as NumberNode).value);
+    (this as any).numericValue = (options.node as NumberNode).value;
   }
 }

src/nodes/Operator.ts

@@ -8,14 +8,13 @@
   The above copyright notice and this permission notice shall be
   included in all copies or substantial portions of this Source Code Form.
 */
-import { Operator as OperatorNode } from 'css-tree';
 
-import { Node, NodeOptions } from './Node';
+import { Node, NodeOptions } from './Node.js';
 
 export class Operator extends Node {
+  declare type: string;
   constructor(options: NodeOptions) {
     super(options);
     this.type = 'operator';
-    (this as any).value = (options.node as OperatorNode).value;
   }
 }