react-godot-shader-preview 0.5.0 → 0.5.2

package/README.md

@@ -10,6 +10,8 @@ yarn add react-godot-shader-preview
 npm install react-godot-shader-preview
 ```
 
+On install, the package **postinstall** copies the Godot export from `node_modules/react-godot-shader-preview/godot` into your project root as **`react_godot_shader_preview_embed/`**. Serve that folder (e.g. as static assets) and pass its embed URL to the component (see `embedUrl` below). If you use a different path or host the embed elsewhere, pass that URL instead.
+
 ## Usage
 
 Import the component and styles:
@@ -45,6 +47,7 @@ function App() {
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
+| `embedUrl` | `string` | `"/react_godot_shader_preview_embed/embed.html"` | URL of the Godot embed page. After postinstall this path points to the copied folder; override if you serve the embed elsewhere. |
 | `previewWidth` | `number` | `512` | Preview width (px). |
 | `showMeshSwitch` | `boolean` | `true` | Show mesh switch (Circle/Plane). |
 | `allowMouseInteraction` | `boolean` | `true` | Allow mouse interaction with 3D view. |
@@ -74,10 +77,11 @@ function App() {
 | `validateShader` | function | Checks GDShader source before sending to Godot; <br/> Returns `{ valid, errors }`. Use for custom editor validation or before calling `loadShader`. |
 | `ValidationError` | type | One validation error: `{ line: number; message: string }`. |
 | `ValidationResult` | type | Return type of `validateShader`: `{ valid: boolean; errors: ValidationError[] }`. |
+| `RGS_EMBED_FOLDER` | const | `'react_godot_shader_preview_embed'` - folder name created by postinstall. |
 
 ## How the preview works
 
-1. The component renders an **iframe** whose `src` is **`/godot/embed.html`** (from the package **godot/** folder).
+1. The component renders an **iframe** whose `src` is the **`embedUrl`** you pass (default: `/react_godot_shader_preview_embed/embed.html` after postinstall).
 2. **embed.html** loads the Godot Web build (engine + exported game). When the game is ready, the Godot project assigns a bridge object to **`window.top.GodotShaderViewer`** - i.e. the parent page’s `window`, since the game runs inside the iframe. The React app therefore sees it on its own **`window.GodotShaderViewer`**.
 3. The component **polls** for `window.GodotShaderViewer` until it appears, then sets **`onSuccess`**, **`onError`**, and **`onShaderLoaded`** on that object (so Godot can call back) and uses **`loadShader`**, **`setParameter`**, **`setDisplayMode`** to drive the preview.
 

package/dist/GodotMaterialPreview.css

@@ -14,19 +14,33 @@
   display: flex;
   flex-direction: column;
   min-width: 0;
+  max-width: 100%;
+  height: 100%;
+  max-height: 100%;
+  min-height: 0;
 }
 
-.rgs-previewWrap { max-width: 100%; min-width: 0; }
+.rgs-previewWrap {
+  max-width: 100%;
+  min-width: 0;
+  flex: 1 1 0;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
 .rgs-preview {
-  width: 100%;
-  padding-bottom: 100%;
-  height: 0;
   position: relative;
   overflow: hidden;
   border: 1px solid var(--rgs-b);
   border-radius: 6px;
   background: #000;
+  aspect-ratio: 1;
+  height: 100%;
+  width: auto;
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .rgs-canvas {
@@ -41,15 +55,28 @@
 
 .rgs-mouseBlockOverlay { position: absolute; inset: 0; z-index: 5; pointer-events: auto; cursor: default; }
 
-/* Mode strip (sphere/plane) */
+/* Overlay layer: same size as preview so mode strip and loading overlay are positioned correctly */
+.rgs-previewOverlays {
+  position: absolute;
+  inset: 0;
+  z-index: 8;
+  pointer-events: none;
+  padding: 12px;
+  box-sizing: border-box;
+}
+
+.rgs-previewOverlays > * { pointer-events: auto; }
+
+/* Mode strip (sphere/plane): positioned inside overlay padding so it never gets clipped */
 .rgs-modeStrip {
   position: absolute;
   bottom: 8px;
   right: 8px;
+  left: auto;
+  top: auto;
   display: flex;
   gap: 4px;
   z-index: 10;
-  pointer-events: auto;
 }
 
 .rgs-modeStripButton {
@@ -81,8 +108,16 @@
   z-index: 10;
 }
 
-/* Status */
-.rgs-statusBar { display: flex; align-items: center; margin-top: 8px; min-height: 32px; }
+/* Status: fixed-height slot so canvas size does not change when status appears */
+.rgs-statusBarSlot {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  min-height: 32px;
+}
+
+.rgs-statusBar { display: flex; align-items: center; min-height: 32px; }
 .rgs-statusSuccess, .rgs-statusError { padding: 8px 12px; border-radius: 4px; font-size: 13px; }
 .rgs-statusSuccess { background: var(--rgs-ok); color: var(--rgs-ok-fg); }
 .rgs-statusError { background: var(--rgs-err); color: var(--rgs-err-fg); }

package/dist/GodotMaterialPreview.d.ts

@@ -1,3 +1,4 @@
 import type { GodotMaterialPreviewHandle, GodotMaterialPreviewProps } from './GodotMaterialPreview.types';
+export { RGS_EMBED_FOLDER } from './GodotMaterialPreview.types';
 export type { ShaderUniform, GodotMaterialPreviewHandle, ShaderLoadedPayload, DisplayMode, GodotMaterialPreviewProps } from './GodotMaterialPreview.types';
 export declare const GodotMaterialPreview: import("react").ForwardRefExoticComponent<GodotMaterialPreviewProps & import("react").RefAttributes<GodotMaterialPreviewHandle>>;

package/dist/GodotMaterialPreview.js

@@ -2,7 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { GodotMaterialPreviewView } from './GodotMaterialPreviewView';
 import { useGodotMaterialPreview } from './useGodotMaterialPreview';
+import { RGS_EMBED_FOLDER } from './GodotMaterialPreview.types';
+export { RGS_EMBED_FOLDER } from './GodotMaterialPreview.types';
 const DEFAULTS = {
+    embedUrl: `/${RGS_EMBED_FOLDER}/embed.html`,
     previewWidth: 512,
     showMeshSwitch: true,
     allowMouseInteraction: true,

package/dist/GodotMaterialPreview.types.d.ts

@@ -48,7 +48,12 @@ declare global {
         };
     }
 }
+/** Default folder name created by postinstall in the app root. */
+export declare const RGS_EMBED_FOLDER = "react_godot_shader_preview_embed";
 export interface GodotMaterialPreviewProps {
+    /** URL to the Godot embed page (e.g. `/react_godot_shader_preview_embed/embed.html` after postinstall).
+     * postinstall copies it to your project root as `react_godot_shader_preview_embed`. */
+    embedUrl?: string;
     previewWidth?: number;
     showMeshSwitch?: boolean;
     allowMouseInteraction?: boolean;

package/dist/GodotMaterialPreview.types.js

@@ -4,6 +4,8 @@ export const DEFAULT_SAMPLER_STATE = {
     gradient1d: { width: 256, stops: [[0, 0, 0, 0, 1], [1, 1, 1, 1, 1]] },
     gradient2d: { width: 256, height: 256, fill: 0, stops: [[0, 0, 0, 0, 1], [1, 1, 1, 1, 1]] },
 };
+/** Default folder name created by postinstall in the app root. */
+export const RGS_EMBED_FOLDER = 'react_godot_shader_preview_embed';
 export const STATUS_HIDE_MS = 3000;
 export const toPayload = (v) => v === null ? '' : typeof v === 'boolean' ? (v ? 'true' : 'false') : Array.isArray(v) ? JSON.stringify(v) : typeof v === 'string' ? v : String(v);
 export function rgbToHex(rgb) {

package/dist/GodotMaterialPreviewView.d.ts

@@ -1,6 +1,7 @@
 import type { DisplayMode, SamplerState, ShaderUniform } from './GodotMaterialPreview.types';
 export interface GodotMaterialPreviewViewProps {
     iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    embedUrl: string;
     previewWidth: number;
     showMeshSwitch: boolean;
     allowMouseInteraction: boolean;
@@ -19,4 +20,4 @@ export interface GodotMaterialPreviewViewProps {
     setParameter: (name: string, value: number | boolean | number[] | string | null) => void;
     className?: string;
 }
-export declare function GodotMaterialPreviewView({ iframeRef, previewWidth, showMeshSwitch, allowMouseInteraction, showParameters, status, godotLoading, uniforms, samplerState, displayMode, setDisplayMode, updateUniform, updateSampler, setParameter, className, }: GodotMaterialPreviewViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function GodotMaterialPreviewView({ iframeRef, embedUrl, previewWidth, showMeshSwitch, allowMouseInteraction, showParameters, status, godotLoading, uniforms, samplerState, displayMode, setDisplayMode, updateUniform, updateSampler, setParameter, className, }: GodotMaterialPreviewViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/GodotMaterialPreviewView.js

@@ -12,11 +12,13 @@ const cn = {
     preview: 'rgs-preview',
     canvas: 'rgs-canvas',
     mouseBlockOverlay: 'rgs-mouseBlockOverlay',
+    previewOverlays: 'rgs-previewOverlays',
     modeStrip: 'rgs-modeStrip',
     modeStripButton: 'rgs-modeStripButton',
     modeStripButtonActive: 'rgs-modeStripButtonActive',
     loadingOverlay: 'rgs-loadingOverlay',
     statusBar: 'rgs-statusBar',
+    statusBarSlot: 'rgs-statusBarSlot',
     statusSuccess: 'rgs-statusSuccess',
     statusError: 'rgs-statusError',
     paramsPanel: 'rgs-paramsPanel',
@@ -40,9 +42,8 @@ const cn = {
     paramSamplerGradient: 'rgs-paramSamplerGradient',
     paramSelect: 'rgs-paramSelect',
 };
-const GODOT_EMBED_URL = '/godot/embed.html';
-export function GodotMaterialPreviewView({ iframeRef, previewWidth, showMeshSwitch, allowMouseInteraction, showParameters, status, godotLoading, uniforms, samplerState, displayMode, setDisplayMode, updateUniform, updateSampler, setParameter, className, }) {
-    return (_jsxs("div", { className: `${cn.root} ${className ?? ''}`, style: { flex: `0 0 ${previewWidth}px` }, children: [_jsx("div", { className: cn.previewWrap, children: _jsxs("div", { className: cn.preview, children: [_jsx("iframe", { ref: iframeRef, src: GODOT_EMBED_URL, title: "Shader preview", className: cn.canvas }), !allowMouseInteraction && _jsx("div", { className: cn.mouseBlockOverlay, "aria-hidden": true }), showMeshSwitch && (_jsxs("div", { className: cn.modeStrip, role: "group", "aria-label": "Preview display mode", children: [_jsx("button", { type: "button", className: `${cn.modeStripButton} ${displayMode === 'Circle' ? cn.modeStripButtonActive : ''}`, onClick: () => setDisplayMode('Circle'), title: "Sphere", "aria-pressed": displayMode === 'Circle', "aria-label": "Sphere", children: _jsx(CircleIcon, {}) }), _jsx("button", { type: "button", className: `${cn.modeStripButton} ${displayMode === 'Plane' ? cn.modeStripButtonActive : ''}`, onClick: () => setDisplayMode('Plane'), title: "Plane", "aria-pressed": displayMode === 'Plane', "aria-label": "Plane", children: _jsx(DiamondIcon, {}) })] })), godotLoading && (_jsx("div", { className: cn.loadingOverlay, children: _jsx("div", { children: status?.message ?? 'Loading...' }) }))] }) }), status && !godotLoading && (_jsx("div", { className: cn.statusBar, children: _jsx("span", { className: status.error ? cn.statusError : cn.statusSuccess, children: status.message }) })), showParameters && (_jsxs("div", { className: cn.paramsPanel, children: [_jsx("div", { className: cn.paramsTitle, children: uniforms.length > 0 ? 'Shader parameters' : 'Parameters' }), uniforms.length > 0 ? (uniforms.map((u, i) => (_jsx(ParamRow, { u: u, i: i, samplerState: samplerState, updateUniform: updateUniform, updateSampler: updateSampler, setParameter: setParameter }, u.name)))) : (_jsx("p", { className: cn.paramsPlaceholder, children: "Load a shader with uniform variables to see and edit parameters here." }))] }))] }));
+export function GodotMaterialPreviewView({ iframeRef, embedUrl, previewWidth, showMeshSwitch, allowMouseInteraction, showParameters, status, godotLoading, uniforms, samplerState, displayMode, setDisplayMode, updateUniform, updateSampler, setParameter, className, }) {
+    return (_jsxs("div", { className: `${cn.root} ${className ?? ''}`, style: { flex: `0 0 ${previewWidth}px` }, children: [_jsx("div", { className: cn.previewWrap, children: _jsxs("div", { className: cn.preview, children: [_jsx("iframe", { ref: iframeRef, src: embedUrl, title: "Shader preview", className: cn.canvas }), !allowMouseInteraction && _jsx("div", { className: cn.mouseBlockOverlay, "aria-hidden": true }), _jsxs("div", { className: cn.previewOverlays, children: [showMeshSwitch && (_jsxs("div", { className: cn.modeStrip, role: "group", "aria-label": "Preview display mode", children: [_jsx("button", { type: "button", className: `${cn.modeStripButton} ${displayMode === 'Circle' ? cn.modeStripButtonActive : ''}`, onClick: () => setDisplayMode('Circle'), title: "Sphere", "aria-pressed": displayMode === 'Circle', "aria-label": "Sphere", children: _jsx(CircleIcon, {}) }), _jsx("button", { type: "button", className: `${cn.modeStripButton} ${displayMode === 'Plane' ? cn.modeStripButtonActive : ''}`, onClick: () => setDisplayMode('Plane'), title: "Plane", "aria-pressed": displayMode === 'Plane', "aria-label": "Plane", children: _jsx(DiamondIcon, {}) })] })), godotLoading && (_jsx("div", { className: cn.loadingOverlay, children: _jsx("div", { children: status?.message ?? 'Loading...' }) }))] })] }) }), _jsx("div", { className: cn.statusBarSlot, children: status && !godotLoading ? (_jsx("span", { className: status.error ? cn.statusError : cn.statusSuccess, children: status.message })) : null }), showParameters && (_jsxs("div", { className: cn.paramsPanel, children: [_jsx("div", { className: cn.paramsTitle, children: uniforms.length > 0 ? 'Shader parameters' : 'Parameters' }), uniforms.length > 0 ? (uniforms.map((u, i) => (_jsx(ParamRow, { u: u, i: i, samplerState: samplerState, updateUniform: updateUniform, updateSampler: updateSampler, setParameter: setParameter }, u.name)))) : (_jsx("p", { className: cn.paramsPlaceholder, children: "Load a shader with uniform variables to see and edit parameters here." }))] }))] }));
 }
 function ParamRow({ u, i, samplerState, updateUniform, updateSampler, setParameter }) {
     const state = samplerState[u.name] ?? DEFAULT_SAMPLER_STATE;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import './GodotMaterialPreview.css';
-export { GodotMaterialPreview } from './GodotMaterialPreview';
+export { GodotMaterialPreview, RGS_EMBED_FOLDER } from './GodotMaterialPreview';
 export type { GodotMaterialPreviewProps, GodotMaterialPreviewHandle, ShaderUniform, ShaderLoadedPayload, DisplayMode, } from './GodotMaterialPreview.types';
 export { validateShader, type ValidationError, type ValidationResult } from './lib';

package/dist/index.js

@@ -1,3 +1,3 @@
 import './GodotMaterialPreview.css';
-export { GodotMaterialPreview } from './GodotMaterialPreview';
+export { GodotMaterialPreview, RGS_EMBED_FOLDER } from './GodotMaterialPreview';
 export { validateShader } from './lib';

package/dist/style.css

@@ -14,19 +14,33 @@
   display: flex;
   flex-direction: column;
   min-width: 0;
+  max-width: 100%;
+  height: 100%;
+  max-height: 100%;
+  min-height: 0;
 }
 
-.rgs-previewWrap { max-width: 100%; min-width: 0; }
+.rgs-previewWrap {
+  max-width: 100%;
+  min-width: 0;
+  flex: 1 1 0;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
 .rgs-preview {
-  width: 100%;
-  padding-bottom: 100%;
-  height: 0;
   position: relative;
   overflow: hidden;
   border: 1px solid var(--rgs-b);
   border-radius: 6px;
   background: #000;
+  aspect-ratio: 1;
+  height: 100%;
+  width: auto;
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .rgs-canvas {
@@ -41,15 +55,28 @@
 
 .rgs-mouseBlockOverlay { position: absolute; inset: 0; z-index: 5; pointer-events: auto; cursor: default; }
 
-/* Mode strip (sphere/plane) */
+/* Overlay layer: same size as preview so mode strip and loading overlay are positioned correctly */
+.rgs-previewOverlays {
+  position: absolute;
+  inset: 0;
+  z-index: 8;
+  pointer-events: none;
+  padding: 12px;
+  box-sizing: border-box;
+}
+
+.rgs-previewOverlays > * { pointer-events: auto; }
+
+/* Mode strip (sphere/plane): positioned inside overlay padding so it never gets clipped */
 .rgs-modeStrip {
   position: absolute;
   bottom: 8px;
   right: 8px;
+  left: auto;
+  top: auto;
   display: flex;
   gap: 4px;
   z-index: 10;
-  pointer-events: auto;
 }
 
 .rgs-modeStripButton {
@@ -81,8 +108,16 @@
   z-index: 10;
 }
 
-/* Status */
-.rgs-statusBar { display: flex; align-items: center; margin-top: 8px; min-height: 32px; }
+/* Status: fixed-height slot so canvas size does not change when status appears */
+.rgs-statusBarSlot {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  min-height: 32px;
+}
+
+.rgs-statusBar { display: flex; align-items: center; min-height: 32px; }
 .rgs-statusSuccess, .rgs-statusError { padding: 8px 12px; border-radius: 4px; font-size: 13px; }
 .rgs-statusSuccess { background: var(--rgs-ok); color: var(--rgs-ok-fg); }
 .rgs-statusError { background: var(--rgs-err); color: var(--rgs-err-fg); }

package/godot/embed.html

@@ -6,8 +6,10 @@
   <title>React Godot Shader Preview</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
-    html, body { width: 100%; height: 100%; overflow: hidden; background: #000; }
-    #godot-canvas { display: block; width: 100%; height: 100%; object-fit: cover; cursor: grab; }
+    html, body { width: 100%; height: 100%; overflow: hidden; background: #000; display: flex; align-items: center; justify-content: center; }
+    #godot-canvas { display: block; max-width: 100%; max-height: 100%; width: 100% !important; height: 100% !important; object-fit: contain; cursor: grab;
+      /* Override Godot engine inline positioning/sizing so flex centering works */
+      position: relative !important; left: auto !important; top: auto !important; min-width: 0 !important; }
   </style>
 </head>
 <body>

package/godot/index.html

@@ -46,7 +46,7 @@
         .viewer-preview-wrap { flex: 0 0 320px; max-width: 100%; min-width: 0; }
         .viewer-preview { width: 100%; padding-bottom: 100%; height: 0; position: relative; overflow: hidden; border: 1px solid #444; border-radius: 6px; background: #000; }
         @media (max-width: 700px) { .viewer-row { flex-direction: column; } .viewer-preview-wrap { flex: 0 0 auto; width: 100%; max-width: 400px; } }
-        #godot-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: fill; }
+        #godot-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; }
         .status { padding: 8px 12px; border-radius: 4px; font-size: 13px; margin-top: 8px; }
         .status.success { background: #1e3a1e; color: #8fef8f; }
         .status.error { background: #3a1e1e; color: #ef8f8f; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-godot-shader-preview",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "React component for live Godot shader preview via WebAssembly. Load shader code, switch mesh (sphere/plane), edit uniforms and samplers.",
   "type": "module",
   "main": "./dist/index.js",
@@ -16,10 +16,15 @@
       "default": "./dist/style.css"
     }
   },
-  "files": ["dist", "godot"],
+  "files": [
+    "dist",
+    "godot",
+    "scripts"
+  ],
   "scripts": {
     "build": "tsc && node scripts/copy-css.mjs",
-    "prepublishOnly": "yarn build"
+    "prepublishOnly": "yarn build",
+    "postinstall": "node scripts/copy-embed.mjs"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -32,8 +37,20 @@
     "react-dom": "^19.0.0",
     "typescript": "~5.9.0"
   },
-  "keywords": ["godot", "shader", "gdshader", "webgl", "webassembly", "react", "preview"],
+  "keywords": [
+    "godot",
+    "shader",
+    "gdshader",
+    "webgl",
+    "webassembly",
+    "react",
+    "preview"
+  ],
   "author": "Daniil Pshegorlisnkii (https://github.com/nnoxnnox)",
   "license": "MIT",
-  "repository": { "type": "git", "url": "https://github.com/nnoxnnox/react-godot-shader-preview" }
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nnoxnnox/react-godot-shader-preview"
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/scripts/copy-css.mjs

@@ -0,0 +1,11 @@
+import { copyFileSync, mkdirSync, existsSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const root = join(__dirname, '..');
+const src = join(root, 'src', 'GodotMaterialPreview.css');
+const dist = join(root, 'dist');
+if (!existsSync(dist)) mkdirSync(dist, { recursive: true });
+copyFileSync(src, join(dist, 'GodotMaterialPreview.css'));
+copyFileSync(src, join(dist, 'style.css'));

package/scripts/copy-embed.mjs

@@ -0,0 +1,37 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const packageRoot = path.resolve(__dirname, '..');
+const sourceDir = path.join(packageRoot, 'godot');
+const embedFolder = 'react_godot_shader_preview_embed';
+// When installed as a dependency, cwd is the package dir; project root is two levels up.
+const projectRoot = path.resolve(packageRoot, '..', '..');
+const destDir = path.join(projectRoot, embedFolder);
+
+if (!fs.existsSync(sourceDir)) {
+  console.warn('[react-godot-shader-preview] postinstall: godot folder not found, skip copy');
+  process.exit(0);
+}
+
+if (!fs.existsSync(destDir)) {
+  fs.mkdirSync(destDir, { recursive: true });
+}
+
+function copyRecursive(src, dest) {
+  const entries = fs.readdirSync(src, { withFileTypes: true });
+  for (const e of entries) {
+    const srcPath = path.join(src, e.name);
+    const destPath = path.join(dest, e.name);
+    if (e.isDirectory()) {
+      if (!fs.existsSync(destPath)) fs.mkdirSync(destPath, { recursive: true });
+      copyRecursive(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+copyRecursive(sourceDir, destDir);
+console.log(`[react-godot-shader-preview] Copied godot export to ${embedFolder}/`);