mirror of
https://github.com/bendtherules/ts-transformer-visualizer.git
synced 2026-08-19 00:35:13 +00:00
example - App - show moduleName on UI
This commit is contained in:
+8
-3
@@ -19,10 +19,10 @@ export default function App({
|
|||||||
moduleName: ModuleNames;
|
moduleName: ModuleNames;
|
||||||
timeDelayMs?: number;
|
timeDelayMs?: number;
|
||||||
}) {
|
}) {
|
||||||
// Create sourceFile and reset on route change
|
|
||||||
useEffect(() => {
|
|
||||||
const { sourceCodeString, transformer } = moduleMap[moduleName];
|
const { sourceCodeString, transformer } = moduleMap[moduleName];
|
||||||
|
|
||||||
|
// Create sourceFile and reset on route change
|
||||||
|
useEffect(() => {
|
||||||
// 1. Create sourceFile and pass it to visualizer
|
// 1. Create sourceFile and pass it to visualizer
|
||||||
const mainFile = ts.createSourceFile(
|
const mainFile = ts.createSourceFile(
|
||||||
"/test",
|
"/test",
|
||||||
@@ -44,5 +44,10 @@ export default function App({
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
return <ASTVisualizer />;
|
return (
|
||||||
|
<div>
|
||||||
|
<ASTVisualizer />
|
||||||
|
<h2>{moduleName}</h2>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user