我正在尝试构建一个简单的Storybook插件,该插件可以在常规文本和伪本地化文本(例如Account Settings
==> [!!! Àççôûñţ Šéţţîñĝš !!!]
)之间切换呈现的字符串。
我已经拥有(1)一个将伪本地化应用于任何字符串的程序包; (2)基于this example的包含状态的POC故事书插件。
我不清楚的是:故事书运行时如何将面板的状态传递给myComponent.stories.js
?基本上,我需要一些故事来侦听isPseudoLoc
面板状态布尔值是切换为true
还是false
,然后将某些字符串呈现为常规或伪本地化内容。
// myComponent.stories.js
import { makePseudoLoc } from "myaddon" // a function that knows isPseudoLoc state (?)
export const MyComponent = () => (
<p>{makePseudoLoc("Account Settings")}</p> // panel button should toggle this value between normal and pseudo loc text
)
FWIW我已经阅读并重新阅读了writing custom addons上的文档,因此无法理解。