From 121b26f900c10035a2f5817be374d9fb39c07409 Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@gmail.com>
Date: Fri, 13 Mar 2026 16:23:52 +0900
Subject: [PATCH] Fix Text with box shadow

---
 src/codegen/__tests__/__snapshots__/codegen.test.ts.snap | 4 ----
 src/codegen/props/effect.ts                              | 8 +++++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap b/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap
index 83a6105..c2b342b 100644
--- a/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap
+++ b/src/codegen/__tests__/__snapshots__/codegen.test.ts.snap
@@ -392,7 +392,6 @@ exports[`Codegen renders text node with ellipsis props 1`] = `
 
 exports[`Codegen renders text node with single drop shadow 1`] = `
 "<Text
-  boxShadow="2px 4px 6px 0 #00000080"
   boxSize="100%"
   color="#F00"
   fontFamily="Arial"
@@ -408,7 +407,6 @@ exports[`Codegen renders text node with single drop shadow 1`] = `
 
 exports[`Codegen renders text node with multiple drop shadows 1`] = `
 "<Text
-  boxShadow="1px 2px 3px 0 #F00, 4px 5px 6px 0 #0F0C"
   boxSize="100%"
   color="#F00"
   fontFamily="Arial"
@@ -3331,7 +3329,6 @@ exports[`render real world component real world $ 99`] = `
   return (
     <Text
       WebkitTextStroke="3px #FFF"
-      boxShadow="0 0 12px 0 #7C70FF"
       color="#4C05FF"
       fontFamily="Jalnan 2 TTF"
       fontSize="38px"
@@ -3394,7 +3391,6 @@ exports[`render real world component real world $ 102`] = `
   return (
     <Text
       WebkitTextStroke="2px #FFF"
-      boxShadow="0 0 12px 0 #7C70FF, 0 10px 24px 0 #FFC9FE66"
       color="transparent"
       fontFamily="Jalnan Gothic TTF"
       fontSize="64px"
diff --git a/src/codegen/props/effect.ts b/src/codegen/props/effect.ts
index b556639..d998f0c 100644
--- a/src/codegen/props/effect.ts
+++ b/src/codegen/props/effect.ts
@@ -6,7 +6,13 @@ export function getEffectProps(
   node: SceneNode,
 ): Record<string, string> | undefined {
   if ('effects' in node && node.effects.length > 0) {
-    return node.effects.reduce(
+    // TEXT nodes use textShadow for DROP_SHADOW (handled by text-shadow.ts)
+    const effects =
+      node.type === 'TEXT'
+        ? node.effects.filter((e) => e.type !== 'DROP_SHADOW')
+        : node.effects
+    if (effects.length === 0) return
+    return effects.reduce(
       (acc, effect) => {
         const props = _getEffectPropsFromEffect(effect)
         for (const [key, value] of Object.entries(props)) {