@bonsae/nrg 0.5.0 → 0.5.2

package/build/vite/index.js

@@ -1843,10 +1843,22 @@ function buildPlugin(options) {
         const tsconfigsToCheck = [serverTsconfig, clientTsconfig].filter(
           (p) => fs11.existsSync(p)
         );
-        for (const tsconfig of tsconfigsToCheck) {
-          execSync(`npx tsc -p ${tsconfig} --noEmit`, { stdio: "inherit" });
+        try {
+          for (const tsconfig of tsconfigsToCheck) {
+            execSync(`npx tsc -p ${tsconfig} --noEmit`, {
+              stdio: ["inherit", "pipe", "pipe"],
+              encoding: "utf-8"
+            });
+          }
+          logger.stopSpinner("Type checked");
+        } catch (e) {
+          logger.stopSpinner("Type check failed");
+          const output = (e.stdout || "") + (e.stderr || "");
+          if (output) {
+            console.error(output);
+          }
+          throw new BuildError("type-check", e);
         }
-        logger.stopSpinner("Type checked");
         logger.startSpinner("Cleaning");
         cleanDir(buildContext.outDir);
         logger.stopSpinner("Cleaned");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonsae/nrg",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "NRG framework — build Node-RED nodes with Vue 3, TypeScript, and JSON Schema",
   "author": "Allan Oricil <allanoricil@duck.com>",
   "license": "MIT",

package/src/core/client/components/node-red-editor-input.vue

@@ -8,14 +8,16 @@
         :required="required"
       />
     </slot>
-    <button
-      ref="expand-button"
-      class="red-ui-button red-ui-button-small expand-button"
-      @click="onClickExpand"
-    >
-      <i class="fa fa-expand"></i>
-    </button>
-    <div :id="editorId" ref="editor"></div>
+    <div class="editor-wrapper">
+      <button
+        ref="expand-button"
+        class="red-ui-button red-ui-button-small expand-button"
+        @click="onClickExpand"
+      >
+        <i class="fa fa-expand"></i>
+      </button>
+      <div :id="editorId" ref="editor"></div>
+    </div>
     <div v-show="error" class="node-red-vue-input-error-message">
       {{ error }}
     </div>
@@ -290,7 +292,7 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.container {
+.editor-wrapper {
   position: relative;
 }
 

package/src/core/server/index.ts

@@ -32,9 +32,19 @@ function serveNrgResources(RED: RED): void {
   httpAdmin.use(function (req: any, res: any, next: any) {
     const prefix = "/nrg/assets/";
     if (!(req.path as string).startsWith(prefix)) return next();
-    const reqPath = (req.path as string)
+    let reqPath = (req.path as string)
       .slice(prefix.length)
       .replace(/\.\./g, "");
+    // Serve the Vue dev build in development for devtools support
+    if (
+      reqPath === "vue.esm-browser.prod.js" &&
+      process.env.NODE_ENV !== "production"
+    ) {
+      const devPath = path.resolve(clientDir, "vue.esm-browser.js");
+      if (fs.existsSync(devPath)) {
+        reqPath = "vue.esm-browser.js";
+      }
+    }
     const filePath = path.resolve(clientDir, reqPath);
     if (!filePath.startsWith(clientDir)) return next();
     if (!fs.existsSync(filePath) || !fs.statSync(filePath).isFile())

package/src/vite/plugins/build.ts

@@ -37,10 +37,22 @@ function buildPlugin(options: BuildPluginOptions): Plugin {
         const tsconfigsToCheck = [serverTsconfig, clientTsconfig].filter((p) =>
           fs.existsSync(p),
         );
-        for (const tsconfig of tsconfigsToCheck) {
-          execSync(`npx tsc -p ${tsconfig} --noEmit`, { stdio: "inherit" });
+        try {
+          for (const tsconfig of tsconfigsToCheck) {
+            execSync(`npx tsc -p ${tsconfig} --noEmit`, {
+              stdio: ["inherit", "pipe", "pipe"],
+              encoding: "utf-8",
+            });
+          }
+          logger.stopSpinner("Type checked");
+        } catch (e: any) {
+          logger.stopSpinner("Type check failed");
+          const output = (e.stdout || "") + (e.stderr || "");
+          if (output) {
+            console.error(output);
+          }
+          throw new BuildError("type-check", e);
         }
-        logger.stopSpinner("Type checked");
 
         logger.startSpinner("Cleaning");
         cleanDir(buildContext.outDir);