@bonsae/nrg 0.5.0 → 0.5.1

package/build/server/resources/nrg-client.js

@@ -1,5 +1,5 @@
-(function(){var s=document.createElement("style");s.textContent="[data-v-5e87f030] .node-red-vue-input-error-message{color:var(--red-ui-text-color-error)}[data-v-5e87f030] .form-row input[type=text],[data-v-5e87f030] .form-row input[type=number],[data-v-5e87f030] .form-row input[type=password]{height:34px;padding:0 8px;box-sizing:border-box}.nrg-label[data-v-9ffd05ad]{display:inline-block;width:100%;cursor:default}.nrg-label i[data-v-9ffd05ad]{margin-right:5px}.nrg-required[data-v-9ffd05ad]{color:var(--red-ui-text-color-error);margin-left:2px}.container[data-v-be13a2a5]{position:relative}.expand-button[data-v-be13a2a5]{position:absolute;top:-23px;right:0;z-index:10;transition:color .3s ease;cursor:pointer}\n";document.head.appendChild(s);})();
-import { defineComponent as Oe, resolveComponent as me, openBlock as Q, createElementBlock as re, Fragment as Ge, createElementVNode as pe, createVNode as Ve, createCommentVNode as ue, normalizeClass as bs, renderSlot as Ce, createTextVNode as Es, toDisplayString as qe, createBlock as $e, withDirectives as Ss, vShow as Ps, renderList as mr, createApp as Ns } from "/nrg/assets/vue.esm-browser.prod.js";
+(function(){var s=document.createElement("style");s.textContent="[data-v-5e87f030] .node-red-vue-input-error-message{color:var(--red-ui-text-color-error)}[data-v-5e87f030] .form-row input[type=text],[data-v-5e87f030] .form-row input[type=number],[data-v-5e87f030] .form-row input[type=password]{height:34px;padding:0 8px;box-sizing:border-box}.nrg-label[data-v-9ffd05ad]{display:inline-block;width:100%;cursor:default}.nrg-label i[data-v-9ffd05ad]{margin-right:5px}.nrg-required[data-v-9ffd05ad]{color:var(--red-ui-text-color-error);margin-left:2px}.editor-wrapper[data-v-4077a6c2]{position:relative}.expand-button[data-v-4077a6c2]{position:absolute;top:-23px;right:0;z-index:10;transition:color .3s ease;cursor:pointer}\n";document.head.appendChild(s);})();
+import { defineComponent as Oe, resolveComponent as me, openBlock as Q, createElementBlock as re, Fragment as Ge, createElementVNode as le, createVNode as Ve, createCommentVNode as ue, normalizeClass as bs, renderSlot as Ce, createTextVNode as Es, toDisplayString as qe, createBlock as $e, withDirectives as Ss, vShow as Ps, renderList as mr, createApp as Ns } from "/nrg/assets/vue.esm-browser.prod.js";
 function Os() {
 }
 function Rs(e) {
@@ -2226,18 +2226,18 @@ function Ze() {
     D instanceof i.Name && R.assign((0, i._)`${I}.props`, D), C instanceof i.Name && R.assign((0, i._)`${I}.items`, C);
   }
   function ne(R, I, D, C) {
-    const { gen: G, schema: Z, data: ae, allErrors: ge, opts: le, self: fe } = R, { RULES: oe } = fe;
-    if (Z.$ref && (le.ignoreKeywordsWithRef || !(0, y.schemaHasRulesButRef)(Z, oe))) {
+    const { gen: G, schema: Z, data: ae, allErrors: ge, opts: fe, self: pe } = R, { RULES: oe } = pe;
+    if (Z.$ref && (fe.ignoreKeywordsWithRef || !(0, y.schemaHasRulesButRef)(Z, oe))) {
       G.block(() => F(R, "$ref", oe.all.$ref.definition));
       return;
     }
-    le.jtd || ee(R, I), G.block(() => {
+    fe.jtd || ee(R, I), G.block(() => {
       for (const ye of oe.rules)
         Te(ye);
       Te(oe.post);
     });
     function Te(ye) {
-      (0, r.shouldUseGroup)(Z, ye) && (ye.type ? (G.if((0, s.checkDataType)(ye.type, ae, le.strictNumbers)), se(R, ye), I.length === 1 && I[0] === ye.type && D && (G.else(), (0, s.reportTypeError)(R)), G.endIf()) : se(R, ye), ge || G.if((0, i._)`${m.default.errors} === ${C || 0}`));
+      (0, r.shouldUseGroup)(Z, ye) && (ye.type ? (G.if((0, s.checkDataType)(ye.type, ae, fe.strictNumbers)), se(R, ye), I.length === 1 && I[0] === ye.type && D && (G.else(), (0, s.reportTypeError)(R)), G.endIf()) : se(R, ye), ge || G.if((0, i._)`${m.default.errors} === ${C || 0}`));
     }
   }
   function se(R, I) {
@@ -2362,15 +2362,15 @@ function Ze() {
         if (C.length) {
           if (!(D instanceof i.Name))
             throw new Error("ajv implementation error");
-          const le = Array.isArray(C) ? C : [C];
-          return (0, i._)`${(0, s.checkDataTypes)(le, D, Z.opts.strictNumbers, s.DataType.Wrong)}`;
+          const fe = Array.isArray(C) ? C : [C];
+          return (0, i._)`${(0, s.checkDataTypes)(fe, D, Z.opts.strictNumbers, s.DataType.Wrong)}`;
         }
         return i.nil;
       }
       function ge() {
         if (G.validateSchema) {
-          const le = I.scopeValue("validate$data", { ref: G.validateSchema });
-          return (0, i._)`!${le}(${D})`;
+          const fe = I.scopeValue("validate$data", { ref: G.validateSchema });
+          return (0, i._)`!${fe}(${D})`;
         }
         return i.nil;
       }
@@ -2406,27 +2406,27 @@ function Ze() {
         throw new Error(`Invalid JSON-pointer: ${R}`);
       G = R, Z = m.default.rootData;
     } else {
-      const fe = B.exec(R);
-      if (!fe)
+      const pe = B.exec(R);
+      if (!pe)
         throw new Error(`Invalid JSON-pointer: ${R}`);
-      const oe = +fe[1];
-      if (G = fe[2], G === "#") {
+      const oe = +pe[1];
+      if (G = pe[2], G === "#") {
         if (oe >= I)
-          throw new Error(le("property/index", oe));
+          throw new Error(fe("property/index", oe));
         return C[I - oe];
       }
       if (oe > I)
-        throw new Error(le("data", oe));
+        throw new Error(fe("data", oe));
       if (Z = D[I - oe], !G)
         return Z;
     }
     let ae = Z;
     const ge = G.split("/");
-    for (const fe of ge)
-      fe && (Z = (0, i._)`${Z}${(0, i.getProperty)((0, y.unescapeJsonPointer)(fe))}`, ae = (0, i._)`${ae} && ${Z}`);
+    for (const pe of ge)
+      pe && (Z = (0, i._)`${Z}${(0, i.getProperty)((0, y.unescapeJsonPointer)(pe))}`, ae = (0, i._)`${ae} && ${Z}`);
     return ae;
-    function le(fe, oe) {
-      return `Cannot access ${fe} ${oe} levels up, current level is ${I}`;
+    function fe(pe, oe) {
+      return `Cannot access ${pe} ${oe} levels up, current level is ${I}`;
     }
   }
   return we.getData = J, we;
@@ -3089,7 +3089,7 @@ function na() {
       unicode: '"minLength"/"maxLength" account for unicode characters by default.'
     }, n = 200;
     function d(z) {
-      var j, k, O, l, E, A, F, V, B, J, R, I, D, C, G, Z, ae, ge, le, fe, oe, Te, ye, Ut, Kt;
+      var j, k, O, l, E, A, F, V, B, J, R, I, D, C, G, Z, ae, ge, fe, pe, oe, Te, ye, Ut, Kt;
       const Fe = z.strict, Ht = (j = z.code) === null || j === void 0 ? void 0 : j.optimize, pr = Ht === !0 || Ht === void 0 ? 1 : Ht || 0, hr = (O = (k = z.code) === null || k === void 0 ? void 0 : k.regExp) !== null && O !== void 0 ? O : v, ws = (l = z.uriResolver) !== null && l !== void 0 ? l : c.default;
       return {
         strictSchema: (A = (E = z.strictSchema) !== null && E !== void 0 ? E : Fe) !== null && A !== void 0 ? A : !0,
@@ -3102,8 +3102,8 @@ function na() {
         loopEnum: (Z = z.loopEnum) !== null && Z !== void 0 ? Z : n,
         meta: (ae = z.meta) !== null && ae !== void 0 ? ae : !0,
         messages: (ge = z.messages) !== null && ge !== void 0 ? ge : !0,
-        inlineRefs: (le = z.inlineRefs) !== null && le !== void 0 ? le : !0,
-        schemaId: (fe = z.schemaId) !== null && fe !== void 0 ? fe : "$id",
+        inlineRefs: (fe = z.inlineRefs) !== null && fe !== void 0 ? fe : !0,
+        schemaId: (pe = z.schemaId) !== null && pe !== void 0 ? pe : "$id",
         addUsedSchema: (oe = z.addUsedSchema) !== null && oe !== void 0 ? oe : !0,
         validateSchema: (Te = z.validateSchema) !== null && Te !== void 0 ? Te : !0,
         validateFormats: (ye = z.validateFormats) !== null && ye !== void 0 ? ye : !0,
@@ -5445,7 +5445,7 @@ function co(e, t, r, s, h, o) {
           Ge,
           { key: 0 },
           [
-            pe("input", {
+            le("input", {
               id: `node-input-validateInput-${e.localNode.id}`,
               type: "checkbox",
               checked: e.localNode.validateInput,
@@ -5464,7 +5464,7 @@ function co(e, t, r, s, h, o) {
           Ge,
           { key: 1 },
           [
-            pe("input", {
+            le("input", {
               id: `node-input-validateOutput-${e.localNode.id}`,
               type: "checkbox",
               checked: e.localNode.validateOutput,
@@ -5480,7 +5480,7 @@ function co(e, t, r, s, h, o) {
           /* STABLE_FRAGMENT */
         )) : ue("v-if", !0)
       ])) : ue("v-if", !0),
-      pe("div", uo, [
+      le("div", uo, [
         Ve(i, {
           node: e.localNode,
           schema: e.schema,
@@ -5607,7 +5607,7 @@ function $o(e, t, r, s, h, o) {
         required: e.required
       }, null, 8, ["label", "icon", "required"])) : ue("v-if", !0)
     ]),
-    pe("input", {
+    le("input", {
       ref: "inputField",
       type: e.type,
       value: e.internalValue,
@@ -5752,7 +5752,7 @@ function No(e, t, r, s, h, o) {
         required: e.required
       }, null, 8, ["label", "icon", "required"])) : ue("v-if", !0)
     ]),
-    pe(
+    le(
       "input",
       So,
       null,
@@ -5837,7 +5837,7 @@ function ko(e, t, r, s, h, o) {
         required: e.required
       }, null, 8, ["label", "icon", "required"])) : ue("v-if", !0)
     ]),
-    pe("input", {
+    le("input", {
       id: e.inputId,
       type: "text",
       style: { width: "100%" }
@@ -5935,7 +5935,7 @@ function Mo(e, t, r, s, h, o) {
         required: e.required
       }, null, 8, ["label", "icon", "required"])) : ue("v-if", !0)
     ]),
-    pe(
+    le(
       "input",
       To,
       null,
@@ -6175,8 +6175,8 @@ const ys = /* @__PURE__ */ Re(qo, [["render", Mo]]), zo = Oe({
 }), Vo = {
   ref: "container",
   class: "container"
-}, Co = ["id"];
-function Fo(e, t, r, s, h, o) {
+}, Co = { class: "editor-wrapper" }, Fo = ["id"];
+function Lo(e, t, r, s, h, o) {
   const a = me("NodeRedInputLabel");
   return Q(), re(
     "div",
@@ -6190,30 +6190,32 @@ function Fo(e, t, r, s, h, o) {
           required: e.required
         }, null, 8, ["label", "icon", "required"])) : ue("v-if", !0)
       ], !0),
-      pe(
-        "button",
-        {
-          ref: "expand-button",
-          class: "red-ui-button red-ui-button-small expand-button",
-          onClick: t[0] || (t[0] = (...i) => e.onClickExpand && e.onClickExpand(...i))
-        },
-        [...t[1] || (t[1] = [
-          pe(
-            "i",
-            { class: "fa fa-expand" },
-            null,
-            -1
-            /* CACHED */
-          )
-        ])],
-        512
-        /* NEED_PATCH */
-      ),
-      pe("div", {
-        id: e.editorId,
-        ref: "editor"
-      }, null, 8, Co),
-      Ss(pe(
+      le("div", Co, [
+        le(
+          "button",
+          {
+            ref: "expand-button",
+            class: "red-ui-button red-ui-button-small expand-button",
+            onClick: t[0] || (t[0] = (...i) => e.onClickExpand && e.onClickExpand(...i))
+          },
+          [...t[1] || (t[1] = [
+            le(
+              "i",
+              { class: "fa fa-expand" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])],
+          512
+          /* NEED_PATCH */
+        ),
+        le("div", {
+          id: e.editorId,
+          ref: "editor"
+        }, null, 8, Fo)
+      ]),
+      Ss(le(
         "div",
         { class: "node-red-vue-input-error-message" },
         qe(e.error),
@@ -6227,7 +6229,7 @@ function Fo(e, t, r, s, h, o) {
     /* NEED_PATCH */
   );
 }
-const gs = /* @__PURE__ */ Re(zo, [["render", Fo], ["__scopeId", "data-v-be13a2a5"]]), Lo = /* @__PURE__ */ new Set([
+const gs = /* @__PURE__ */ Re(zo, [["render", Lo], ["__scopeId", "data-v-4077a6c2"]]), Uo = /* @__PURE__ */ new Set([
   "id",
   "type",
   "x",
@@ -6240,16 +6242,16 @@ const gs = /* @__PURE__ */ Re(zo, [["render", Fo], ["__scopeId", "data-v-be13a2a
   "validateInput",
   "validateOutput"
 ]);
-function Uo(e) {
+function Ko(e) {
   return e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()).trim();
 }
-function Ko(e) {
+function Ho(e) {
   var t, r;
   return e.type === "object" && !!((t = e.properties) != null && t.value) && !!((r = e.properties) != null && r.type);
 }
 function zn(e, t, r) {
   var i;
-  const s = t.title || Uo(e), h = t["x-nrg-form"] ?? {}, o = h.icon || "";
+  const s = t.title || Ko(e), h = t["x-nrg-form"] ?? {}, o = h.icon || "";
   if (t["x-nrg-node-type"])
     return {
       key: e,
@@ -6259,7 +6261,7 @@ function zn(e, t, r) {
       required: r,
       configType: t["x-nrg-node-type"]
     };
-  if (Ko(t))
+  if (Ho(t))
     return {
       key: e,
       label: s,
@@ -6350,7 +6352,7 @@ function zn(e, t, r) {
       };
   }
 }
-const Ho = Oe({
+const Bo = Oe({
   name: "NodeRedJsonSchemaForm",
   components: {
     NodeRedInputLabel: Ae,
@@ -6379,7 +6381,7 @@ const Ho = Oe({
       var t;
       if (!((t = this.schema) != null && t.properties)) return [];
       const e = new Set(this.schema.required ?? []);
-      return Object.entries(this.schema.properties).filter(([r]) => !Lo.has(r)).map(
+      return Object.entries(this.schema.properties).filter(([r]) => !Uo.has(r)).map(
         ([r, s]) => zn(r, s, e.has(r))
       );
     },
@@ -6398,11 +6400,11 @@ const Ho = Oe({
       });
     }
   }
-}), Bo = { key: 1 }, Go = ["checked", "onChange"], Jo = { key: 5 }, Wo = ["value", "onInput"], Yo = {
+}), Go = { key: 1 }, Jo = ["checked", "onChange"], Wo = { key: 5 }, Yo = ["value", "onInput"], Zo = {
   key: 0,
   class: "node-red-vue-input-error-message"
 };
-function Zo(e, t, r, s, h, o) {
+function Qo(e, t, r, s, h, o) {
   const a = me("NodeRedInput"), i = me("NodeRedInputLabel"), m = me("NodeRedSelectInput"), g = me("NodeRedTypedInput"), y = me("NodeRedConfigInput"), N = me("NodeRedEditorInput");
   return Q(), re("div", null, [
     (Q(!0), re(
@@ -6421,21 +6423,21 @@ function Zo(e, t, r, s, h, o) {
           required: c.required,
           error: e.errors[`node.${c.key}`],
           "onUpdate:value": (v) => e.node[c.key] = v
-        }, null, 8, ["value", "type", "label", "icon", "required", "error", "onUpdate:value"])) : c.inputType === "boolean" ? (Q(), re("div", Bo, [
+        }, null, 8, ["value", "type", "label", "icon", "required", "error", "onUpdate:value"])) : c.inputType === "boolean" ? (Q(), re("div", Go, [
           Ve(i, {
             label: c.label,
             icon: c.icon,
             required: c.required,
             style: { width: "auto" }
           }, null, 8, ["label", "icon", "required"]),
-          pe("input", {
+          le("input", {
             type: "checkbox",
             checked: e.node[c.key],
             style: { width: "auto", margin: "0" },
             onChange: (v) => {
               e.node[c.key] = v.target.checked;
             }
-          }, null, 40, Go)
+          }, null, 40, Jo)
         ])) : c.inputType === "select" ? (Q(), $e(m, {
           key: 2,
           value: e.node[c.key],
@@ -6466,30 +6468,30 @@ function Zo(e, t, r, s, h, o) {
           required: c.required,
           error: e.errors[`node.${c.key}`],
           "onUpdate:value": (v) => e.node[c.key] = v
-        }, null, 8, ["value", "type", "node", "prop-name", "label", "icon", "required", "error", "onUpdate:value"])) : c.inputType === "array-text" ? (Q(), re("div", Jo, [
+        }, null, 8, ["value", "type", "node", "prop-name", "label", "icon", "required", "error", "onUpdate:value"])) : c.inputType === "array-text" ? (Q(), re("div", Wo, [
           Ve(i, {
             label: c.label,
             icon: c.icon,
             required: c.required
           }, null, 8, ["label", "icon", "required"]),
-          t[0] || (t[0] = pe(
+          t[0] || (t[0] = le(
             "span",
             { style: { display: "block", "font-size": "11px", color: "var(--red-ui-text-color-disabled, #999)", "margin-bottom": "4px" } },
             " One entry per line ",
             -1
             /* CACHED */
           )),
-          pe("textarea", {
+          le("textarea", {
             value: Array.isArray(e.node[c.key]) ? e.node[c.key].join(`
 `) : e.node[c.key] ?? "",
             rows: "4",
             style: { width: "100%", resize: "vertical", "font-family": "monospace", "font-size": "13px" },
             onInput: (v) => e.node[c.key] = v.target.value.split(`
 `).filter(Boolean)
-          }, null, 40, Wo),
+          }, null, 40, Yo),
           e.errors[`node.${c.key}`] ? (Q(), re(
             "span",
-            Yo,
+            Zo,
             qe(e.errors[`node.${c.key}`]),
             1
             /* TEXT */
@@ -6530,14 +6532,14 @@ function Zo(e, t, r, s, h, o) {
     ))
   ]);
 }
-const Vn = /* @__PURE__ */ Re(Ho, [["render", Zo]]), _s = {}, ir = {};
-function ti(e) {
+const Vn = /* @__PURE__ */ Re(Bo, [["render", Qo]]), _s = {}, ir = {};
+function ri(e) {
   Object.assign(_s, e);
 }
-function ri(e) {
+function ni(e) {
   Object.assign(ir, e);
 }
-function Qo(e, t, r, s) {
+function Xo(e, t, r, s) {
   const h = Ns(lo, {
     node: e,
     schema: r,
@@ -6545,8 +6547,8 @@ function Qo(e, t, r, s) {
   });
   return h.component("NodeRedInputLabel", Ae), h.component("NodeRedInput", ps), h.component("NodeRedTypedInput", hs), h.component("NodeRedConfigInput", ms), h.component("NodeRedSelectInput", ys), h.component("NodeRedEditorInput", gs), h.component("NodeRedJsonSchemaForm", Vn), h.component("NodeRedNodeForm", (t == null ? void 0 : t.component) ?? Vn), h.config.globalProperties.$i18n = (o) => e._(`${e.type}.${o}`), h;
 }
-function Xo(e, t, r, s, h) {
-  $(`#${h}`).empty(), e._newState = Ds(e), e._app = Qo(e._newState, t, r, s), e._app.mount(`#${h}`);
+function xo(e, t, r, s, h) {
+  $(`#${h}`).empty(), e._newState = Ds(e), e._app = Xo(e._newState, t, r, s), e._app.mount(`#${h}`);
 }
 function nr(e) {
   e._app && (e._app.unmount(), e._app = null);
@@ -6578,10 +6580,10 @@ function $s(e, t) {
     Array.isArray(s) ? e[r] = [...s] : s !== null && typeof s == "object" ? ((!e[r] || typeof e[r] != "object" || Array.isArray(e[r])) && (e[r] = {}), $s(e[r], s)) : e[r] = s;
   }
 }
-function ni(e) {
+function si(e) {
   return e;
 }
-async function xo(e) {
+async function ei(e) {
   const { type: t } = e;
   try {
     let r = function() {
@@ -6600,7 +6602,7 @@ async function xo(e) {
         hasInputSchema: !!a.inputSchema,
         hasOutputSchema: !!a.outputsSchema
       };
-      Xo(this, N, y, c, g);
+      xo(this, N, y, c, g);
     }, s = function() {
       var f;
       const y = this;
@@ -6696,17 +6698,17 @@ async function xo(e) {
     throw console.error(`Error while registering node type ${t}:`, r), r;
   }
 }
-async function si(e) {
+async function ai(e) {
   try {
-    console.log("Registering node types in parallel"), await Promise.all(e.map((t) => xo(t))), console.log("All node types registered in parallel");
+    console.log("Registering node types in parallel"), await Promise.all(e.map((t) => ei(t))), console.log("All node types registered in parallel");
   } catch (t) {
     throw console.error("Error registering node types:", t), t;
   }
 }
 export {
-  ri as __setForms,
-  ti as __setSchemas,
-  ni as defineNode,
-  xo as registerType,
-  si as registerTypes
+  ni as __setForms,
+  ri as __setSchemas,
+  si as defineNode,
+  ei as registerType,
+  ai as registerTypes
 };

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.1",
   "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/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);