Use Node.js package exports

facebook · Sep 26, 2024 · 1f8bc95 · 1f8bc95
1 parent 9049dc2
commit 1f8bc95
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 33 deletions.
diff --git a/apps/examples/babel.config.js b/apps/examples/babel.config.js
@@ -6,7 +6,7 @@
  */
 
 const stylexPlugin = require('@stylexjs/babel-plugin');
-const rsdPlugin = require('react-strict-dom/babel');
+const reactStrictPlugin = require('react-strict-dom/babel');
 
 function getPlatform(caller) {
   return caller && caller.platform;
@@ -30,7 +30,7 @@ module.exports = function (api) {
   const plugins = [];
 
   if (platform === 'web') {
-    plugins.push([rsdPlugin, { debug: true }]);
+    plugins.push([reactStrictPlugin, { debug: true }]);
     plugins.push([
       stylexPlugin,
       {

diff --git a/packages/react-strict-dom/babel/index.js b/packages/react-strict-dom/babel/index.js
@@ -20,7 +20,7 @@ function createShortFilename(absolutePath, baseDir = process.cwd()) {
 
 module.exports = function ({ types: t }, options = {}) {
   const packageName = 'react-strict-dom';
-  const packageRuntime = 'react-strict-dom/dist/dom/runtime';
+  const packageRuntime = 'react-strict-dom/runtime';
   const findImportDeclaration = (body, sourceValue) =>
     body.filter(
       (node) =>

diff --git a/packages/react-strict-dom/index.js b/packages/react-strict-dom/index.js
diff --git a/packages/react-strict-dom/native.js b/packages/react-strict-dom/native.js
diff --git a/packages/react-strict-dom/package.json b/packages/react-strict-dom/package.json
@@ -2,9 +2,15 @@
   "name": "react-strict-dom",
   "version": "0.0.27",
   "description": "React Strict DOM",
-  "main": "./dist/dom/index.js",
-  "module": "./dist/dom/index.js",
-  "react-native": "./dist/native/index.js",
+  "exports": {
+    ".": {
+      "react-native": "./dist/native/index.js",
+      "default": "./dist/dom/index.js"
+    },
+    "./babel": "./babel/index.js",
+    "./runtime": "./dist/dom/runtime.js",
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
   "files": [
     "*",

diff --git a/packages/react-strict-dom/tests/__snapshots__/babel-test.node.js.snap-node b/packages/react-strict-dom/tests/__snapshots__/babel-test.node.js.snap-node
@@ -2,7 +2,7 @@
 
 exports[`react-strict-dom/babel [transform] <html.*> elements aliased imports 1`] = `
 "import * as _stylex from "@stylexjs/stylex";
-import { defaultStyles as _defaultStyles } from "react-strict-dom/dist/dom/runtime";
+import { defaultStyles as _defaultStyles } from "react-strict-dom/runtime";
 import { html as h } from 'react-strict-dom';
 function App() {
   return <div {..._stylex.props(_defaultStyles.div, styles.root)} />;
@@ -12,7 +12,7 @@ function App() {
 
 exports[`react-strict-dom/babel [transform] <html.*> elements basic element 1`] = `
 "import * as _stylex from "@stylexjs/stylex";
-import { defaultStyles as _defaultStyles } from "react-strict-dom/dist/dom/runtime";
+import { defaultStyles as _defaultStyles } from "react-strict-dom/runtime";
 import { html } from 'react-strict-dom';
 function App() {
   return <div {..._stylex.props(_defaultStyles.div)} />;
@@ -22,7 +22,7 @@ function App() {
 
 exports[`react-strict-dom/babel [transform] <html.*> elements debug mode 1`] = `
 "import * as _stylex from "@stylexjs/stylex";
-import { defaultStyles as _defaultStyles } from "react-strict-dom/dist/dom/runtime";
+import { defaultStyles as _defaultStyles } from "react-strict-dom/runtime";
 import { html as h } from 'react-strict-dom';
 function App() {
   return <div data-react-src="bar/baz.js:5" {..._stylex.props(_defaultStyles.div)} />;
@@ -32,7 +32,7 @@ function App() {
 
 exports[`react-strict-dom/babel [transform] <html.*> elements other props 1`] = `
 "import * as _stylex from "@stylexjs/stylex";
-import { defaultStyles as _defaultStyles } from "react-strict-dom/dist/dom/runtime";
+import { defaultStyles as _defaultStyles } from "react-strict-dom/runtime";
 import { html } from 'react-strict-dom';
 function App() {
   return <div role="presentation" {..._stylex.props(_defaultStyles.div)}>
@@ -50,7 +50,7 @@ function App() {
 
 exports[`react-strict-dom/babel [transform] <html.*> elements repeated imports 1`] = `
 "import * as _stylex from "@stylexjs/stylex";
-import { defaultStyles as _defaultStyles } from "react-strict-dom/dist/dom/runtime";
+import { defaultStyles as _defaultStyles } from "react-strict-dom/runtime";
 import { html } from 'react-strict-dom';
 import { html as h } from 'react-strict-dom';
 function App() {
@@ -63,7 +63,7 @@ function App() {
 
 exports[`react-strict-dom/babel [transform] <html.*> elements styled elements: array 1`] = `
 "import * as _stylex from "@stylexjs/stylex";
-import { defaultStyles as _defaultStyles } from "react-strict-dom/dist/dom/runtime";
+import { defaultStyles as _defaultStyles } from "react-strict-dom/runtime";
 import { html } from 'react-strict-dom';
 function App() {
   return <div {..._stylex.props(_defaultStyles.div, styles.one, styles.two)} />;
@@ -73,7 +73,7 @@ function App() {
 
 exports[`react-strict-dom/babel [transform] <html.*> elements styled elements: simple 1`] = `
 "import * as _stylex from "@stylexjs/stylex";
-import { defaultStyles as _defaultStyles } from "react-strict-dom/dist/dom/runtime";
+import { defaultStyles as _defaultStyles } from "react-strict-dom/runtime";
 import { html } from 'react-strict-dom';
 function App() {
   return <div {..._stylex.props(_defaultStyles.div, styles.one)} />;