fix: update bundling config

Author: davejsdev

.changeset/tangy-singers-film.md

@@ -0,0 +1,5 @@
+---
+"cssom-gen": patch
+---
+
+fix ts config for cjs bundling

pnpm-lock.yaml

@@ -1,15 +1,12 @@
-// biome-ignore lint/suspicious/noTsIgnore: no types available for this package
-// @ts-ignore-next-line no-restricted-globals
-import Window from 'window';
-import type { CSSComment } from './CSSComment';
+import global from '../global.js';
+import type { CSSComment } from './CSSComment.js';
 
-const window = new Window();
-
-interface CSSStyleSheetInit extends Window.CSSStyleSheetInit {
+// TODO: figure out how to properly extend globalThis in a way that is compatible with both Node.js and the browser.
+interface CSSStyleSheetInit extends globalThis.CSSStyleSheetInit {
   nodes: CSSComment[];
 }
 
-export class CSSStyleSheet extends window.CSSStyleSheet {
+export class CSSStyleSheet extends global.CSSStyleSheet {
   nodes: CSSComment[];
 
   constructor(options: CSSStyleSheetInit) {

src/entities/CSSStyleSheet.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { CSSComment } from '../CSSComment';
+import { CSSComment } from '../CSSComment.js';
 
 describe('CSSComment', () => {
   it('should create a comment', () => {

src/entities/__tests__/CSSComment.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
-import { CSSComment } from '../CSSComment';
-import { CSSStyleSheet } from '../CSSStyleSheet';
+import { CSSComment } from '../CSSComment.js';
+import { CSSStyleSheet } from '../CSSStyleSheet.js';
 
 describe('CSSStyleSheet', () => {
   it('should create a stylesheet', () => {

src/entities/__tests__/CSSStyleSheet.test.ts

@@ -0,0 +1,8 @@
+// biome-ignore lint/suspicious/noTsIgnore: no types available for this package
+// @ts-ignore-next-line no-restricted-globals
+import Window from 'window';
+
+// TODO: figure out how to properly extend globalThis in a way that is compatible with both Node.js and the browser.
+const global: typeof globalThis = new Window();
+
+export default global;

src/global.ts

@@ -1,2 +1,2 @@
-export * from './entities/CSSComment';
-export * from './entities/CSSStyleSheet';
+export * from './entities/CSSComment.js';
+export * from './entities/CSSStyleSheet.js';

src/index.ts

@@ -4,8 +4,8 @@
     "declarationMap": true,
     "erasableSyntaxOnly": true,
     "lib": ["DOM", "ESNext"],
-    "module": "preserve",
-    "moduleResolution": "bundler",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "noFallthroughCasesInSwitch": true,
     "noUncheckedIndexedAccess": true,
     "noUnusedLocals": true,

tsconfig.json

@@ -1,5 +1,7 @@
 import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
-  test: {},
+  test: {
+    environment: 'node',
+  },
 });