react-godot-shader-preview 0.5.8 → 0.6.0

package/dist/GodotMaterialPreview.css

@@ -41,7 +41,6 @@
   position: relative;
   overflow: hidden;
   border: 1px solid var(--rgs-b);
-  border-radius: 6px;
   background: #000;
   aspect-ratio: 1;
   height: 100%;

package/dist/style.css

@@ -41,7 +41,6 @@
   position: relative;
   overflow: hidden;
   border: 1px solid var(--rgs-b);
-  border-radius: 6px;
   background: #000;
   aspect-ratio: 1;
   height: 100%;

package/godot/index.html

@@ -11,7 +11,7 @@
         h1 { margin: 0 0 16px 0; font-size: 1.5rem; color: #c6c6c6; }
         .viewer-row { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 16px; min-height: 400px; }
         .viewer-code { flex: 1; min-width: 0; display: flex; flex-direction: column; }
-        .viewer-code .code-wrap { flex: 1; min-height: 360px; position: relative; border: 1px solid #444; border-radius: 6px; overflow: hidden; background: #1a1a1a; }
+        .viewer-code .code-wrap { flex: 1; min-height: 360px; position: relative; border: 1px solid #444; overflow: hidden; background: #1a1a1a; }
         .code-wrap textarea { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 12px 14px; resize: none; border: none; background: transparent; color: transparent; caret-color: #c6c6c6; font: 14px/1.5 'Consolas', 'Monaco', monospace; outline: none; z-index: 2; }
         .code-wrap pre { margin: 0; padding: 12px 14px; overflow: auto; font: 14px/1.5 'Consolas', 'Monaco', monospace; white-space: pre; word-wrap: normal; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: transparent; color: #c6c6c6; }
         .code-wrap pre code { font: inherit; background: transparent; }
@@ -38,13 +38,12 @@
         .validation-bar.has-error .validation-message { color: #e07c6e; }
         .validation-bar .validation-meta { display: flex; align-items: center; gap: 12px; color: #888; flex-shrink: 0; }
         .validation-bar .validation-meta span { white-space: nowrap; }
-        .viewer-code .code-wrap { border-radius: 6px 6px 0 0; }
         .viewer-code .toolbar { display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
         .viewer-code .toolbar button { background: #4a9eff; color: white; border: none; padding: 8px 16px; font-size: 14px; cursor: pointer; border-radius: 4px; }
         .viewer-code .toolbar button:disabled { opacity: 0.5; cursor: not-allowed; }
         .viewer-code .toolbar button:hover { background: #3a8eef; }
         .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; }
+        .viewer-preview { width: 100%; padding-bottom: 100%; height: 0; position: relative; overflow: hidden; border: 1px solid #444; 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; }
         .status { padding: 8px 12px; border-radius: 4px; font-size: 13px; margin-top: 8px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-godot-shader-preview",
-  "version": "0.5.8",
+  "version": "0.6.0",
   "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",

package/scripts/copy-embed.mjs

@@ -5,27 +5,31 @@ 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';
+const embedFolderName = '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);
+const publicDir = path.join(projectRoot, 'public');
+const destDir = path.join(publicDir, embedFolderName);
 
 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 });
+if (fs.existsSync(destDir)) {
+  fs.rmSync(destDir, { recursive: true });
 }
 
+fs.mkdirSync(publicDir, { recursive: true });
+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 });
+      fs.mkdirSync(destPath, { recursive: true });
       copyRecursive(srcPath, destPath);
     } else {
       fs.copyFileSync(srcPath, destPath);
@@ -34,4 +38,4 @@ function copyRecursive(src, dest) {
 }
 
 copyRecursive(sourceDir, destDir);
-console.log(`[react-godot-shader-preview] Copied godot export to ${embedFolder}/`);
+console.log(`[react-godot-shader-preview] Copied godot export to public/${embedFolderName}/`);