atlassian-labs · Dec 4, 2023 · Dec 5, 2023 · Dec 5, 2023 · Dec 5, 2023 · Dec 5, 2023
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -1,3 +1,3 @@
-* @JakeLane @pancaspe87 @liamqma @dddlr
+* @JakeLane @pancaspe87 @liamqma @dddlr @zerosicx
 **/package.json
 yarn.lock
diff --git a/fixtures/resolver-webpack/CHANGELOG.md b/fixtures/resolver-webpack/CHANGELOG.md
@@ -0,0 +1,7 @@
+# @compiled-private/resolver-webpack
+
+## 0.1.0
+
+### Minor Changes
+
+- 809cc389: Add resolver fixture
diff --git a/fixtures/resolver-webpack/index.js b/fixtures/resolver-webpack/index.js
@@ -0,0 +1,11 @@
+const { join } = require('path');
+
+module.exports = {
+  resolveSync(_, request) {
+    if (request === 'test') {
+      return join(__dirname, 'main.js');
+    }
+
+    throw new Error('Unreachable code');
+  },
+};
diff --git a/fixtures/resolver-webpack/main.js b/fixtures/resolver-webpack/main.js
@@ -0,0 +1 @@
+export const primary = 'very-very red color';
diff --git a/fixtures/resolver-webpack/package.json b/fixtures/resolver-webpack/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "@compiled-private/resolver-webpack",
+  "version": "0.1.0",
+  "private": true,
+  "main": "index.js"
+}
diff --git a/package.json b/package.json
@@ -141,7 +141,7 @@
     },
     {
       "path": "./packages/react/dist/browser/runtime/style.js",
-      "limit": "475B",
+      "limit": "480B",
       "import": "CS",
       "ignore": [
         "react"

diff --git a/packages/babel-plugin-strip-runtime/CHANGELOG.md b/packages/babel-plugin-strip-runtime/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @compiled/babel-plugin-strip-runtime
 
+## 0.26.2
+
+### Patch Changes
+
+- 3bb89ef9: Reverting jsx pragma fix which is causing runtime errors
+- Updated dependencies [3bb89ef9]
+  - @compiled/utils@0.9.1
+
 ## 0.25.0
 
 ### Minor Changes

diff --git a/packages/babel-plugin-strip-runtime/package.json b/packages/babel-plugin-strip-runtime/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@compiled/babel-plugin-strip-runtime",
-  "version": "0.25.0",
+  "version": "0.26.2",
   "description": "A familiar and performant compile time CSS-in-JS library for React.",
   "homepage": "https://compiledcssinjs.com/docs/pkg-babel-plugin-strip-runtime",
   "bugs": "https://github.com/atlassian-labs/compiled/issues/new?assignees=&labels=bug&template=bug_report.md",
@@ -25,7 +25,7 @@
     "@babel/traverse": "^7.23.2",
     "@babel/types": "^7.21.5",
     "@compiled/css": "^0.12.1",
-    "@compiled/utils": "^0.9.0"
+    "@compiled/utils": "^0.9.1"
   },
   "devDependencies": {
     "@compiled/babel-plugin": "*",

diff --git a/packages/babel-plugin-strip-runtime/src/__tests__/strip-runtime-source-code.test.ts b/packages/babel-plugin-strip-runtime/src/__tests__/strip-runtime-source-code.test.ts
@@ -247,194 +247,6 @@ describe('babel-plugin-strip-runtime using source code', () => {
         );
       });
     });
-
-    describe('with jsx pragma', () => {
-      it('work with classic jsx pragma', () => {
-        const codeWithPragma = `
-          /** @jsx myJsx */
-          import { css, jsx as myJsx } from '@compiled/react';
-
-          const Component = () => (
-            <div css={{ fontSize: 12, color: 'blue' }}>
-              hello world 2
-            </div>
-          );
-
-          const Component2 = () => (
-            <div css={css({ fontSize: 12, color: 'pink' })}>
-              hello world 2
-            </div>
-          );
-        `;
-
-        const actual = transform(codeWithPragma, {
-          run: 'both',
-          runtime: 'classic',
-        });
-
-        expect(actual).toMatchInlineSnapshot(`
-          "/* app.tsx generated by @compiled/babel-plugin v0.0.0 */
-          import * as React from 'react';
-          import { ax, ix } from '@compiled/react/runtime';
-          const Component = () =>
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: ax(['_1wyb1fwx _syaz13q2']),
-              },
-              'hello world 2'
-            );
-          const Component2 = () =>
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: ax(['_1wyb1fwx _syaz32ev']),
-              },
-              'hello world 2'
-            );
-          "
-        `);
-      });
-
-      it('work with automatic jsx pragma', () => {
-        const codeWithPragma = `
-          /** @jsxImportSource @compiled/react */
-          import { css } from '@compiled/react';
-
-          const Component = () => (
-            <div css={{ fontSize: 12, color: 'blue' }}>
-              hello world 2
-            </div>
-          );
-
-          const Component2 = () => (
-            <div css={css({ fontSize: 12, color: 'pink' })}>
-              hello world 2
-            </div>
-          );
-        `;
-
-        const actual = transform(codeWithPragma, {
-          run: 'both',
-          runtime: 'automatic',
-        });
-
-        expect(actual).toMatchInlineSnapshot(`
-          "/* app.tsx generated by @compiled/babel-plugin v0.0.0 */
-          import { ax, ix } from '@compiled/react/runtime';
-          import { jsxs as _jsxs } from '@compiled/react/jsx-runtime';
-          import { jsx as _jsx } from '@compiled/react/jsx-runtime';
-          /** @jsxImportSource @compiled/react */
-
-          const Component = () =>
-            _jsx('div', {
-              className: ax(['_1wyb1fwx _syaz13q2']),
-              children: 'hello world 2',
-            });
-          const Component2 = () =>
-            _jsx('div', {
-              className: ax(['_1wyb1fwx _syaz32ev']),
-              children: 'hello world 2',
-            });
-          "
-        `);
-      });
-
-      it('work with classic jsx pragma with extractStylesToDirectory', () => {
-        const codeWithPragma = `
-          /** @jsx myJsx */
-          import { css, jsx as myJsx } from '@compiled/react';
-
-          const Component = () => (
-            <div css={{ fontSize: 12, color: 'blue' }}>
-              hello world 2
-            </div>
-          );
-
-          const Component2 = () => (
-            <div css={css({ fontSize: 12, color: 'pink' })}>
-              hello world 2
-            </div>
-          );
-        `;
-
-        const actual = transform(codeWithPragma, {
-          run: 'both',
-          runtime: 'classic',
-          extractStylesToDirectory: { source: 'src/', dest: 'dist/' },
-        });
-
-        expect(actual).toMatchInlineSnapshot(`
-          "/* app.tsx generated by @compiled/babel-plugin v0.0.0 */
-          import './app.compiled.css';
-          import * as React from 'react';
-          import { ax, ix } from '@compiled/react/runtime';
-          const Component = () =>
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: ax(['_1wyb1fwx _syaz13q2']),
-              },
-              'hello world 2'
-            );
-          const Component2 = () =>
-            /*#__PURE__*/ React.createElement(
-              'div',
-              {
-                className: ax(['_1wyb1fwx _syaz32ev']),
-              },
-              'hello world 2'
-            );
-          "
-        `);
-      });
-
-      it('work with automatic jsx pragma with extractStylesToDirectory', () => {
-        const codeWithPragma = `
-          /** @jsxImportSource @compiled/react */
-          import { css } from '@compiled/react';
-
-          const Component = () => (
-            <div css={{ fontSize: 12, color: 'blue' }}>
-              hello world 2
-            </div>
-          );
-
-          const Component2 = () => (
-            <div css={css({ fontSize: 12, color: 'pink' })}>
-              hello world 2
-            </div>
-          );
-        `;
-
-        const actual = transform(codeWithPragma, {
-          run: 'both',
-          runtime: 'automatic',
-          extractStylesToDirectory: { source: 'src/', dest: 'dist/' },
-        });
-
-        expect(actual).toMatchInlineSnapshot(`
-          "/* app.tsx generated by @compiled/babel-plugin v0.0.0 */
-          import './app.compiled.css';
-          import { ax, ix } from '@compiled/react/runtime';
-          import { jsxs as _jsxs } from '@compiled/react/jsx-runtime';
-          import { jsx as _jsx } from '@compiled/react/jsx-runtime';
-          /** @jsxImportSource @compiled/react */
-
-          const Component = () =>
-            _jsx('div', {
-              className: ax(['_1wyb1fwx _syaz13q2']),
-              children: 'hello world 2',
-            });
-          const Component2 = () =>
-            _jsx('div', {
-              className: ax(['_1wyb1fwx _syaz32ev']),
-              children: 'hello world 2',
-            });
-          "
-        `);
-      });
-    });
   });
 
   describe('when run in subsequent steps', () => {
@@ -445,13 +257,14 @@ describe('babel-plugin-strip-runtime using source code', () => {
         const baked = transform(code, { run: 'bake', runtime });
         const actual = transform(baked, { run: 'extract', runtime });
 
+        // TODO: This is missing the PURE pragma in the Component return. Fix this.
         expect(actual).toMatchInlineSnapshot(`
           "/* app.tsx generated by @compiled/babel-plugin v0.0.0 */
           import { ax, ix } from '@compiled/react/runtime';
           import { jsxs as _jsxs } from 'react/jsx-runtime';
           import { jsx as _jsx } from 'react/jsx-runtime';
           const Component = () =>
-            /*#__PURE__*/ _jsx('div', {
+            _jsx('div', {
               className: ax(['_1wyb1fwx _syaz13q2']),
               children: 'hello world',
             });

diff --git a/packages/babel-plugin-strip-runtime/src/__tests__/strip-runtime-transpiled-code.test.ts b/packages/babel-plugin-strip-runtime/src/__tests__/strip-runtime-transpiled-code.test.ts
@@ -96,7 +96,7 @@ describe('babel-plugin-strip-runtime using transpiled code', () => {
 
       expect(actual.split('var Component = ')[1]).toMatchInlineSnapshot(`
         "() =>
-          /*#__PURE__*/ (0, _jsxRuntime.jsx)('div', {
+          (0, _jsxRuntime.jsx)('div', {
             className: (0, _runtime.ax)(['_1wyb1fwx _syaz13q2']),
             children: 'hello world',
           });
@@ -114,7 +114,7 @@ describe('babel-plugin-strip-runtime using transpiled code', () => {
         import { jsxs as _jsxs } from 'react/jsx-runtime';
         import { jsx as _jsx } from 'react/jsx-runtime';
         var Component = () =>
-          /*#__PURE__*/ _jsx('div', {
+          _jsx('div', {
             className: ax(['_1wyb1fwx _syaz13q2']),
             children: 'hello world',
           });
@@ -150,7 +150,7 @@ describe('babel-plugin-strip-runtime using transpiled code', () => {
 
       expect(actual.split('var Component = ')[1]).toMatchInlineSnapshot(`
         "() =>
-          /*#__PURE__*/ React.createElement(
+          React.createElement(
             'div',
             {
               className: (0, _runtime.ax)(['_1wyb1fwx _syaz13q2']),
@@ -169,7 +169,7 @@ describe('babel-plugin-strip-runtime using transpiled code', () => {
         import * as React from 'react';
         import { ax, ix } from '@compiled/react/runtime';
         var Component = () =>
-          /*#__PURE__*/ React.createElement(
+          React.createElement(
             'div',
             {
               className: ax(['_1wyb1fwx _syaz13q2']),