feat: transpilePackages

daangn · Aug 6, 2024 · 71198a9 · 71198a9
1 parent b780cd5
commit 71198a9
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 41 deletions.
diff --git a/.yarn/cache/@stackflow-plugin-basic-ui-npm-1.7.0-canary.0-1580a74ffe-193b2937db.zip b/.yarn/cache/@stackflow-plugin-basic-ui-npm-1.7.0-canary.0-1580a74ffe-193b2937db.zip
diff --git a/.yarn/cache/ts-pattern-npm-4.3.0-0f6c90aeac-f5167f6f72.zip b/.yarn/cache/ts-pattern-npm-4.3.0-0f6c90aeac-f5167f6f72.zip
diff --git a/component-docs/activities/AlertDialogActivity.tsx b/component-docs/activities/AlertDialogActivity.tsx
@@ -1,8 +1,9 @@
 import * as React from "react";
+
 import { AppScreen } from "@stackflow/plugin-basic-ui";
 import { type ActivityComponentType, useStepFlow, useStack } from "@stackflow/react/future";
-import { BoxButton } from "@/seed-design/ui/box-button";
 
+import { BoxButton } from "@/seed-design/ui/box-button";
 import { AlertDialog as UIAlertDialog } from "@/seed-design/ui/alert-dialog";
 
 declare module "@stackflow/config" {

diff --git a/component-docs/next.config.js b/component-docs/next.config.js
@@ -14,6 +14,11 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
+
+  /**
+   * @stackflow/plugin-basic-ui 패키지 내부 코드를 강제로 cjs로 변환합니다.
+   */
+  transpilePackages: ["@stackflow/plugin-basic-ui"],
 };
 
 export default withNextra(nextConfig);
diff --git a/examples/stackflow-spa/package.json b/examples/stackflow-spa/package.json
@@ -14,11 +14,11 @@
     "@seed-design/react-text-field": "0.0.0",
     "@seed-design/recipe": "0.0.0",
     "@seed-design/stylesheet": "1.0.4",
-    "@stackflow/core": "^1.0.8",
-    "@stackflow/plugin-basic-ui": "1.7.0-canary.0",
-    "@stackflow/plugin-history-sync": "^1.3.13",
-    "@stackflow/plugin-renderer-basic": "^1.1.5",
-    "@stackflow/react": "^1.1.9",
+    "@stackflow/core": "^1.0.13",
+    "@stackflow/plugin-basic-ui": "^1.8.4",
+    "@stackflow/plugin-history-sync": "^1.6.0",
+    "@stackflow/plugin-renderer-basic": "^1.1.11",
+    "@stackflow/react": "^1.2.1",
     "clsx": "^2.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/yarn.lock b/yarn.lock
@@ -7774,11 +7774,11 @@ __metadata:
     "@seed-design/react-text-field": 0.0.0
     "@seed-design/recipe": 0.0.0
     "@seed-design/stylesheet": 1.0.4
-    "@stackflow/core": ^1.0.8
-    "@stackflow/plugin-basic-ui": 1.7.0-canary.0
-    "@stackflow/plugin-history-sync": ^1.3.13
-    "@stackflow/plugin-renderer-basic": ^1.1.5
-    "@stackflow/react": ^1.1.9
+    "@stackflow/core": ^1.0.13
+    "@stackflow/plugin-basic-ui": ^1.8.4
+    "@stackflow/plugin-history-sync": ^1.6.0
+    "@stackflow/plugin-renderer-basic": ^1.1.11
+    "@stackflow/react": ^1.2.1
     "@types/react": ^18.3.3
     "@types/react-dom": ^18.3.0
     "@vitejs/plugin-legacy": ^5.3.1
@@ -7919,7 +7919,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stackflow/core@npm:^1.0.13, @stackflow/core@npm:^1.0.8":
+"@stackflow/core@npm:^1.0.13":
   version: 1.0.13
   resolution: "@stackflow/core@npm:1.0.13"
   dependencies:
@@ -7928,24 +7928,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stackflow/plugin-basic-ui@npm:1.7.0-canary.0":
-  version: 1.7.0-canary.0
-  resolution: "@stackflow/plugin-basic-ui@npm:1.7.0-canary.0"
-  dependencies:
-    "@vanilla-extract/css": ^1.7.2
-    "@vanilla-extract/dynamic": ^2.0.2
-    "@vanilla-extract/private": ^1.0.3
-    "@vanilla-extract/recipes": ^0.2.5
-    ts-pattern: ^4.0.5
-  peerDependencies:
-    "@stackflow/core": ^1
-    "@stackflow/react": ^1
-    "@types/react": ">=16.8.0"
-    react: ">=16.8.0"
-  checksum: 193b2937dbddc8ad0f459eb4122240d2680543531f23c0c4168c74e5b7e60aa6016bf68d3c8cdf7abedbd6cdf706bef228ec24efde576504a796995c79f9cc5c
-  languageName: node
-  linkType: hard
-
 "@stackflow/plugin-basic-ui@npm:^1.8.4":
   version: 1.8.4
   resolution: "@stackflow/plugin-basic-ui@npm:1.8.4"
@@ -7963,7 +7945,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stackflow/plugin-history-sync@npm:^1.3.13, @stackflow/plugin-history-sync@npm:^1.6.0":
+"@stackflow/plugin-history-sync@npm:^1.6.0":
   version: 1.6.0
   resolution: "@stackflow/plugin-history-sync@npm:1.6.0"
   dependencies:
@@ -7979,7 +7961,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stackflow/plugin-renderer-basic@npm:^1.1.11, @stackflow/plugin-renderer-basic@npm:^1.1.5":
+"@stackflow/plugin-renderer-basic@npm:^1.1.11":
   version: 1.1.11
   resolution: "@stackflow/plugin-renderer-basic@npm:1.1.11"
   peerDependencies:
@@ -7991,7 +7973,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stackflow/react@npm:^1.1.9, @stackflow/react@npm:^1.2.1":
+"@stackflow/react@npm:^1.2.1":
   version: 1.2.1
   resolution: "@stackflow/react@npm:1.2.1"
   dependencies:
@@ -10403,7 +10385,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/dynamic@npm:^2.0.2, @vanilla-extract/dynamic@npm:^2.1.1":
+"@vanilla-extract/dynamic@npm:^2.1.1":
   version: 2.1.1
   resolution: "@vanilla-extract/dynamic@npm:2.1.1"
   dependencies:
@@ -30327,13 +30309,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-pattern@npm:^4.0.5":
-  version: 4.3.0
-  resolution: "ts-pattern@npm:4.3.0"
-  checksum: f5167f6f721212c1e22f8590bb1fc21e27fd591d6fc5af0e467778f8e5b2dc1ae490cf5c633c83a3021a61283a671a53faf250b081c17c0f025e73eb775e5fe3
-  languageName: node
-  linkType: hard
-
 "ts-pattern@npm:^5.2.0":
   version: 5.2.0
   resolution: "ts-pattern@npm:5.2.0"