@stylexswc/jest 0.6.2-rc.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Vladislav Buinovski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,142 @@
+# @stylexswc/jest
+
+Jest transformer that enables StyleX SWC integration for JavaScript and TypeScript testing with Jest.
+
+## Overview
+
+The `@stylexswc/jest` package provides a Jest transformer that integrates with
+the StyleX RS compiler. This allows to transform source code using
+StyleX during Jest tests, ensuring that styles are correctly processed and
+applied.
+
+## Installation
+
+To install the package, run the following command:
+
+```bash
+npm install --save-dev @stylexswc/jest
+```
+
+## Configuration
+
+To use the transformer, add it to Jest configuration. Here is an example
+configuration:
+
+```javascript
+// jest.config.js
+const path = require('path');
+
+module.exports = {
+  transform: {
+    '^.+\\.(ts|tsx|js|jsx|mjs|cjs|html)$': [
+      '@stylexswc/jest',
+      {
+        rsOptions: {
+          aliases: {
+            '@/*': [path.join(__dirname, '*')],
+          },
+          unstable_moduleResolution: {
+            type: 'commonJS',
+          },
+        },
+      },
+    ],
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  testEnvironment: 'jsdom',
+};
+```
+
+## Options
+
+### `rsOptions`
+
+- Type: `Partial<StyleXOptions>`
+- Optional
+- Description: StyleX compiler options that will be passed to the transformer.
+  See
+  [StyleX configuration docs](https://stylexjs.com/docs/api/configuration/babel-plugin/)
+  for details.
+
+## Example
+
+Here is an example of how to use `@swc/jest` with other transformers:
+
+```javascript
+// jest.config.js
+const nextJest = require('next/jest');
+const path = require('path');
+
+const createJestConfig = nextJest({
+  dir: process.cwd(),
+});
+
+const customJestConfig = {
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(ts|tsx|js|jsx|mjs|cjs|html)$': [
+      'jest-chain-transform',
+      {
+        transformers: [
+          [
+            '@stylexswc/jest',
+            {
+              rsOptions: {
+                aliases: {
+                  '@/*': [path.join(__dirname, '*')],
+                },
+                unstable_moduleResolution: {
+                  type: 'commonJS',
+                },
+              },
+            },
+          ],
+          [
+            '@swc/jest',
+            {
+              $schema: 'https://json.schemastore.org/swcrc',
+              jsc: {
+                parser: {
+                  syntax: 'typescript',
+                  tsx: true,
+                  dynamicImport: true,
+                  decorators: true,
+                  dts: true,
+                },
+                transform: {
+                  react: {
+                    useBuiltins: true,
+                    runtime: 'automatic',
+                  },
+                },
+                target: 'esnext',
+                loose: false,
+                externalHelpers: false,
+                keepClassNames: true,
+                baseUrl: './',
+                paths: {
+                  '@/*': ['./*'],
+                },
+              },
+              module: {
+                type: 'es6',
+              },
+              minify: false,
+            },
+          ],
+        ],
+      },
+    ],
+  },
+};
+
+module.exports = customJestConfig;
+```
+
+Real example can be found in the [@stylexswc/next-example](../../apps/nextjs-example/jest.config.js)
+
+## License
+
+This project is licensed under the MIT License. See the [LICENSE](../../LICENSE)
+file for details.

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import type { StyleXOptions } from '@stylexswc/rs-compiler';
+import type { TransformerCreator, SyncTransformer } from '@jest/transform';
+import type { Config } from '@jest/types';
+type TransformerConfig = Config.TransformerConfig[1];
+export interface JestTransformerConfig extends TransformerConfig {
+    rsOptions?: StyleXOptions;
+}
+declare const _default: {
+    createTransformer: TransformerCreator<SyncTransformer<JestTransformerConfig>, JestTransformerConfig>;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAErD,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;;;;AAyCD,wBAAqC"}

package/dist/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rs_compiler_1 = require("@stylexswc/rs-compiler");
+const crypto_1 = require("crypto");
+const process = function process(sourceText, sourcePath, options) {
+    const { code } = (0, rs_compiler_1.transform)(sourcePath, sourceText, options.transformerConfig.rsOptions ?? {});
+    return { code };
+};
+const processAsync = async function processAsync(sourceText, sourcePath, options) {
+    return process(sourceText, sourcePath, options);
+};
+const getCacheKey = function getCacheKey(sourceText, sourcePath, options) {
+    return (0, crypto_1.createHash)('sha256')
+        .update(sourceText)
+        .update(sourcePath)
+        .update(JSON.stringify(options.transformerConfig))
+        .digest('hex');
+};
+const createTransformer = () => {
+    return {
+        process,
+        processAsync,
+        getCacheKey,
+    };
+};
+module.exports = { createTransformer };
+exports.default = { createTransformer };

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@stylexswc/jest",
+  "description": "Jest transformer for Stylex SWC",
+  "version": "0.6.2-rc.4",
+  "config": {
+    "scripty": {
+      "path": "../../scripts/packages"
+    }
+  },
+  "devDependencies": {
+    "@babel/types": "^7.23.9",
+    "@jest/transform": "^29.7.0",
+    "@jest/types": "^29.5.14",
+    "@stylexswc/eslint-config": "0.6.2-rc.4",
+    "@stylexswc/rs-compiler": "0.6.2-rc.4",
+    "@stylexswc/typescript-config": "0.6.2-rc.4"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "jest",
+    "stylex",
+    "swc"
+  ],
+  "license": "MIT",
+  "main": "dist/index.js",
+  "peerDependencies": {
+    "next": ">=14.0.0"
+  },
+  "private": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "repository": "https://github.com/Dwlad90/stylex-swc-plugin",
+  "sideEffects": false,
+  "scripts": {
+    "build": "scripty --ts",
+    "check:artifacts": "scripty",
+    "clean": "del-cli dist",
+    "lint": "eslint . --color",
+    "lint:check": "eslint . --color --format json --output-file dist/eslint_report.json",
+    "precommit": "lint-staged",
+    "prepush": "lint-prepush",
+    "test": "echo \"Error: no test specified\" && exit 0",
+    "typecheck": "scripty"
+  }
+}