@griffel/transform 3.0.5 → 3.0.6

package/src/utils/convertESMtoCJS.test.mts

@@ -1,159 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { convertESMtoCJS } from './convertESMtoCJS.mjs';
-
-describe('convertESMtoCJS', () => {
-  it('throws on parse errors', () => {
-    expect(() => convertESMtoCJS('for (const key of ) {}', '/test.js')).toThrowError(
-      /convertESMtoCJS: failed to parse/,
-    );
-  });
-
-  it('returns CJS code unchanged', () => {
-    const code = 'const x = require("foo");\nmodule.exports = x;';
-    expect(convertESMtoCJS(code, '/test.js')).toBe(code);
-  });
-
-  it('converts side-effect import', () => {
-    expect(convertESMtoCJS('import "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      require("./foo");"
-    `);
-  });
-
-  it('converts named import', () => {
-    expect(convertESMtoCJS('import { foo } from "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const { foo } = require("./foo");"
-    `);
-  });
-
-  it('converts aliased named import', () => {
-    expect(convertESMtoCJS('import { foo as bar } from "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const { foo: bar } = require("./foo");"
-    `);
-  });
-
-  it('converts default import', () => {
-    expect(convertESMtoCJS('import foo from "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const _require$foo = require("./foo");
-      const foo = _require$foo.__esModule ? _require$foo.default : _require$foo;"
-    `);
-  });
-
-  it('converts namespace import', () => {
-    expect(convertESMtoCJS('import * as foo from "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const foo = require("./foo");"
-    `);
-  });
-
-  it('converts default + named imports', () => {
-    expect(convertESMtoCJS('import foo, { bar } from "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const _require$foo = require("./foo");
-      const foo = _require$foo.__esModule ? _require$foo.default : _require$foo;
-      const { bar } = _require$foo;"
-    `);
-  });
-
-  it('converts export const', () => {
-    expect(convertESMtoCJS('export const x = 1;', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const x = 1;
-      exports.x = x;"
-    `);
-  });
-
-  it('converts export const with destructuring', () => {
-    expect(convertESMtoCJS('export const { a, b } = obj;', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const { a, b } = obj;
-      exports.a = a;
-      exports.b = b;"
-    `);
-  });
-
-  it('converts export function', () => {
-    expect(convertESMtoCJS('export function foo() {}', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      function foo() {}
-      exports.foo = foo;"
-    `);
-  });
-
-  it('defers export var assignment for TS enum IIFE pattern', () => {
-    const code = [
-      'export var Depths;',
-      '(function (Depths) {',
-      '    Depths.depth4 = "shadow";',
-      '})(Depths || (Depths = {}));',
-    ].join('\n');
-
-    expect(convertESMtoCJS(code, '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      var Depths;
-      (function (Depths) {
-          Depths.depth4 = "shadow";
-      })(Depths || (Depths = {}));
-      exports.Depths = Depths;"
-    `);
-  });
-
-  it('converts export { name }', () => {
-    expect(convertESMtoCJS('const x = 1;\nexport { x };', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      const x = 1;
-      exports["x"] = x;"
-    `);
-  });
-
-  it('converts re-export from another module', () => {
-    expect(convertESMtoCJS('export { foo } from "./bar";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      exports["foo"] = require("./bar")["foo"];"
-    `);
-  });
-
-  it('converts export default expression', () => {
-    expect(convertESMtoCJS('export default 42;', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      exports.default = 42;"
-    `);
-  });
-
-  it('converts export default named function', () => {
-    expect(convertESMtoCJS('export default function foo() {}', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      function foo() {}
-      exports.default = foo;"
-    `);
-  });
-
-  it('converts export * from', () => {
-    expect(convertESMtoCJS('export * from "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      Object.assign(exports, require("./foo"));"
-    `);
-  });
-
-  it('converts export * as name from', () => {
-    expect(convertESMtoCJS('export * as ns from "./foo";', '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      exports["ns"] = require("./foo");"
-    `);
-  });
-
-  it('handles "use strict" directive with ESM exports', () => {
-    const code = '"use strict";\nexport const foo = 1;\nexport class Bar {}';
-    expect(convertESMtoCJS(code, '/test.js')).toMatchInlineSnapshot(`
-      "Object.defineProperty(exports, "__esModule", { value: true });
-      "use strict";
-      const foo = 1;
-      class Bar {}
-      exports.foo = foo;
-      exports.Bar = Bar;"
-    `);
-  });
-});

package/src/utils/dedupeCSSRules.mts

@@ -1,25 +0,0 @@
-import type { CSSRulesByBucket, CSSBucketEntry } from '@griffel/core';
-
-/**
- * Rules that are returned by `resolveStyles()` are not deduplicated.
- * It's critical to filter out duplicates for build-time transform to avoid duplicated rules in a bundle.
- */
-export function dedupeCSSRules(cssRulesByBucket: CSSRulesByBucket): CSSRulesByBucket {
-  return Object.fromEntries(
-    Object.entries(cssRulesByBucket).map(([styleBucketName, cssBucketEntries]) => {
-      if (styleBucketName === 'm') {
-        const seen = new Map<string, CSSBucketEntry>();
-
-        for (const entry of cssBucketEntries) {
-          if (!seen.has(entry[0])) {
-            seen.set(entry[0], entry);
-          }
-        }
-
-        return [styleBucketName, Array.from(seen.values())];
-      }
-
-      return [styleBucketName, Array.from(new Set(cssBucketEntries))];
-    }),
-  );
-}

package/src/utils/dedupeCSSRules.test.mts

@@ -1,39 +0,0 @@
-import type { CSSRulesByBucket } from '@griffel/core';
-import { expect, it, describe } from 'vitest';
-
-import { dedupeCSSRules } from './dedupeCSSRules.mjs';
-
-describe('dedupeCSSRules', () => {
-  it('dedupes simple rules', () => {
-    const rules: CSSRulesByBucket = {
-      d: ['.foo { color: red; }', '.foo { color: red; }', '.baz { color: pink }'],
-    };
-
-    expect(dedupeCSSRules(rules)).toMatchObject({
-      d: ['.foo { color: red; }', '.baz { color: pink }'],
-    });
-  });
-
-  it('dedupes rules with metadata', () => {
-    const rules: CSSRulesByBucket = {
-      m: [
-        ['@media (min-width: 480px) { .foo { color: red; } }', { m: '(min-width: 480px)' }],
-        ['@media (min-width: 480px) { .baz { color: pink; } }', { m: '(min-width: 480px)' }],
-
-        ['@media (min-width: 600px) { .foo { color: red; } }', { m: '(min-width: 600px)' }],
-        ['@media (min-width: 600px) { .foo { color: red; } }', { m: '(min-width: 600px)' }],
-        ['@media (min-width: 600px) { .baz { color: pink; } }', { m: '(min-width: 600px)' }],
-      ],
-    };
-
-    expect(dedupeCSSRules(rules)).toMatchObject({
-      m: [
-        ['@media (min-width: 480px) { .foo { color: red; } }', { m: '(min-width: 480px)' }],
-        ['@media (min-width: 480px) { .baz { color: pink; } }', { m: '(min-width: 480px)' }],
-
-        ['@media (min-width: 600px) { .foo { color: red; } }', { m: '(min-width: 600px)' }],
-        ['@media (min-width: 600px) { .baz { color: pink; } }', { m: '(min-width: 600px)' }],
-      ],
-    });
-  });
-});

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "target": "ES2022"
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,30 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "types": ["node", "environment"]
-  },
-  "exclude": [
-    "__fixtures__/**/*",
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "jest.config.ts",
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.test.mts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx"
-  ],
-  "include": ["**/*.mts"]
-}

package/tsconfig.spec.json

@@ -1,24 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "typeRoots": ["../../node_modules", "../../node_modules/@types", "../../typings"],
-    "types": ["vitest/importMeta", "vite/client", "node", "vitest", "environment"]
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.test.mts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts"
-  ]
-}

package/vitest.config.mts

@@ -1,18 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-
-export default defineConfig({
-  root: __dirname,
-  cacheDir: '../../node_modules/.vite/packages/transform',
-  plugins: [nxViteTsPaths()],
-  test: {
-    watch: false,
-    environment: 'node',
-    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    reporters: ['default'],
-    coverage: {
-      reportsDirectory: '../../coverage/packages/transform',
-      provider: 'v8',
-    },
-  },
-});