@wix/origami-transforms 0.1.1 → 0.1.2

package/dist/transform/pipeline.d.ts

@@ -3,6 +3,22 @@ export function createTransformPipeline({ layout, jsxPlugins, cssPlugins }: {
     jsxPlugins?: readonly import("./types.js").JsxTransformPlugin[];
     cssPlugins?: readonly import("./types.js").CssTransformPlugin[];
 }): {
+    /** Whether any JSX transform selects this module (structure.jsx/.tsx by default).
+     * @param {string} id
+     * @param {{ ssr?: boolean | undefined }} [contextOptions] */
+    appliesTo: (id: string, { ssr }?: {
+        ssr?: boolean | undefined;
+    }) => boolean;
+    /** Run the shared checks with JSX and TypeScript preserved for the adapter's compiler.
+     * @param {string} code
+     * @param {string} id
+     * @param {{ ssr?: boolean | undefined }} [contextOptions] */
+    transformJsx: (code: string, id: string, { ssr }?: {
+        ssr?: boolean | undefined;
+    }) => Promise<{
+        code: any;
+        map: any;
+    }>;
     postcssPlugin: {
         postcssPlugin: string;
         Once(root: any, { result }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/origami-transforms",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Babel and PostCSS checks and transforms for Wix origami page files.",
   "main": "./src/index.js",
   "files": [
@@ -54,5 +54,5 @@
   },
   "type": "module",
   "types": "./dist/index.d.ts",
-  "falconPackageHash": "f8c86a6c866adc481be5b9391cc6d6aee64062877e89a73c69a386e9"
+  "falconPackageHash": "bfbe3e19687be417c93cd5eb07f45cc936aa654b83b1cb5958af7a59"
 }

package/src/transform/pipeline.js

@@ -1,4 +1,5 @@
 // Select and cache transform plugins by stage, file, and SSR context.
+import { transformAsync } from '@babel/core'
 import { cssPlugins as defaultCssPlugins } from '../cssPlugins/index.js'
 import { jsxPlugins as defaultJsxPlugins } from '../jsxPlugins/index.js'
 import { createContextFactory } from './context.js'
@@ -45,9 +46,41 @@ export const createTransformPipeline = ({ layout, jsxPlugins = defaultJsxPlugins
     /** @type {Map<string, Set<string>>} stylesheet whose last CSS run failed -> the files it declared */
     const cssFailures = new Map()
 
+    const babelOptionsFor = createBabelOptionsSelector({ contextFor, selectPlugins: selectFor('jsx') })
+
     return {
+        /** Whether any JSX transform selects this module (structure.jsx/.tsx by default).
+         * @param {string} id
+         * @param {{ ssr?: boolean | undefined }} [contextOptions] */
+        appliesTo: (id, { ssr = false } = {}) => selectFor('jsx')(contextFor(id, { ssr })).length > 0,
+
+        /** Run the shared checks with JSX and TypeScript preserved for the adapter's compiler.
+         * @param {string} code
+         * @param {string} id
+         * @param {{ ssr?: boolean | undefined }} [contextOptions] */
+        transformJsx: async (code, id, { ssr = false } = {}) => {
+            const filename = id.split('?', 1)[0]
+            const options = babelOptionsFor(id, { ssr })
+            const result = await transformAsync(code, {
+                ...options,
+                filename,
+                babelrc: false,
+                configFile: false,
+                sourceMaps: true,
+                parserOpts: {
+                    ...options.parserOpts,
+                    plugins: [...new Set([
+                        'jsx',
+                        ...(filename.endsWith('.tsx') ? ['typescript'] : []),
+                        ...(options.parserOpts?.plugins ?? []),
+                    ])],
+                },
+            })
+            return { code: result.code, map: result.map }
+        },
+
         postcssPlugin: createCssPostcssPlugin({ contextFor, selectPlugins: selectFor('css'), failures: cssFailures }),
-        babelOptionsFor: createBabelOptionsSelector({ contextFor, selectPlugins: selectFor('jsx') }),
+        babelOptionsFor,
 
         /** Whether a stylesheet whose last CSS run failed declared `file`, so an edit to it may fix the stylesheet. */
         failedStylesheetDependsOn: file => [...cssFailures.values()].some(files => files.has(file)),