@gxp-dev/tools 2.0.43 → 2.0.46

package/bin/gx-devtools.js

@@ -45,7 +45,10 @@ if (!isOneShot) {
   // TUI output is in project root's dist/tui, not bin/dist/tui
   const tuiPath = path.join(__dirname, '..', 'dist', 'tui', 'index.js');
 
-  if (fs.existsSync(tuiPath)) {
+  // Check if we're in an interactive terminal (TTY); fall back to CLI if not
+  const isTTY = process.stdout.isTTY && process.stdin.isTTY;
+
+  if (fs.existsSync(tuiPath) && isTTY) {
     // Use dynamic import() for ESM modules (ink v5 is ESM-only)
     (async () => {
       try {
@@ -71,11 +74,16 @@ if (!isOneShot) {
 
         startTUI({ autoStart, args: tuiArgs });
       } catch (err) {
-        // TUI dependencies not available, fall back to traditional CLI
-        console.error('TUI error:', err.message);
+        // TUI not available or no TTY — fall back to traditional CLI
+        if (err.message !== 'NO_TTY') {
+          console.error('TUI error:', err.message);
+        }
         require("./lib/cli");
       }
     })();
+  } else if (!isTTY) {
+    // Non-interactive shell — skip TUI and run directly
+    require("./lib/cli");
   } else {
     // TUI not compiled yet, use traditional CLI
     console.log('Note: TUI not yet available. Run "npm run build:tui" to enable interactive mode.');

package/bin/lib/constants.js

@@ -34,7 +34,7 @@ const REQUIRED_DEV_DEPENDENCIES = {
 
 // Default scripts for package.json
 const DEFAULT_SCRIPTS = {
-	dev: "gxdev dev --with-socket",
+	dev: "gxdev dev",
 	"dev-app": "gxdev dev",
 	"dev-http": "gxdev dev --no-https",
 	build: "gxdev build",

package/bin/lib/tui/index.tsx

@@ -26,17 +26,7 @@ export function startTUI(options: TUIOptions = {}) {
   // If stdin doesn't support raw mode, we need to handle it gracefully
   // Ink 5.x uses stdin by default and requires raw mode for input
   if (!stdinIsTTY) {
-    console.error('Warning: Terminal does not support interactive mode.');
-    console.error('The TUI requires an interactive terminal (TTY) to function.');
-    console.error('');
-    console.error('Try running the command directly from your terminal, not from a script or pipe.');
-    console.error('');
-    console.error('Alternatively, use the non-TUI commands:');
-    console.error('  npm run dev        # Start Vite dev server');
-    console.error('  npm run dev-http   # Start HTTP dev server');
-    console.error('  gxdev socket list   # List socket events');
-    process.exit(1);
-    return;
+    throw new Error('NO_TTY');
   }
 
   const { waitUntilExit } = render(

package/dist/tui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../bin/lib/tui/index.tsx"],"names":[],"mappings":";AAWA,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,wBAAgB,QAAQ,CAAC,OAAO,GAAE,UAAe,QAqChD;AASD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../bin/lib/tui/index.tsx"],"names":[],"mappings":";AAWA,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,wBAAgB,QAAQ,CAAC,OAAO,GAAE,UAAe,QA2BhD;AASD,eAAe,QAAQ,CAAC"}

package/dist/tui/index.js

@@ -18,17 +18,7 @@ export function startTUI(options = {}) {
     // If stdin doesn't support raw mode, we need to handle it gracefully
     // Ink 5.x uses stdin by default and requires raw mode for input
     if (!stdinIsTTY) {
-        console.error('Warning: Terminal does not support interactive mode.');
-        console.error('The TUI requires an interactive terminal (TTY) to function.');
-        console.error('');
-        console.error('Try running the command directly from your terminal, not from a script or pipe.');
-        console.error('');
-        console.error('Alternatively, use the non-TUI commands:');
-        console.error('  npm run dev        # Start Vite dev server');
-        console.error('  npm run dev-http   # Start HTTP dev server');
-        console.error('  gxdev socket list   # List socket events');
-        process.exit(1);
-        return;
+        throw new Error('NO_TTY');
     }
     const { waitUntilExit } = render(_jsx(App, { autoStart: options.autoStart, args: options.args }));
     waitUntilExit().then(() => {

package/dist/tui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../bin/lib/tui/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,mEAAmE;AACnE,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;AAO1D,MAAM,UAAU,QAAQ,CAAC,UAAsB,EAAE;IAC/C,qEAAqE;IACrE,sBAAsB;IACtB,+BAA+B;IAC/B,qCAAqC;IACrC,4BAA4B;IAC5B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC;IAExC,qEAAqE;IACrE,gEAAgE;IAChE,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,sDAAsD,CAAC,CAAC;QACtE,OAAO,CAAC,KAAK,CAAC,6DAA6D,CAAC,CAAC;QAC7E,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,iFAAiF,CAAC,CAAC;QACjG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC1D,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;QAC9D,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;QAC9D,OAAO,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;QAC5D,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChB,OAAO;IACT,CAAC;IAED,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAC9B,KAAC,GAAG,IACF,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,IAAI,EAAE,OAAO,CAAC,IAAI,GAClB,CACH,CAAC;IAEF,aAAa,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;QACxB,iDAAiD;QACjD,cAAc,CAAC,YAAY,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,kCAAkC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AACpC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrF,IAAI,MAAM,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../bin/lib/tui/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,mEAAmE;AACnE,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;AAO1D,MAAM,UAAU,QAAQ,CAAC,UAAsB,EAAE;IAC/C,qEAAqE;IACrE,sBAAsB;IACtB,+BAA+B;IAC/B,qCAAqC;IACrC,4BAA4B;IAC5B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC;IAExC,qEAAqE;IACrE,gEAAgE;IAChE,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAC9B,KAAC,GAAG,IACF,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,IAAI,EAAE,OAAO,CAAC,IAAI,GAClB,CACH,CAAC;IAEF,aAAa,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;QACxB,iDAAiD;QACjD,cAAc,CAAC,YAAY,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,kCAAkC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AACpC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrF,IAAI,MAAM,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gxp-dev/tools",
-  "version": "2.0.43",
+  "version": "2.0.46",
   "description": "Dev tools to create platform plugins",
   "type": "commonjs",
   "publishConfig": {

package/runtime/gxpStringsPlugin.js

@@ -35,7 +35,9 @@ import { watch } from "vue";
  * @param {Object} store - The GxP Pinia store instance
  * @returns {Object} Vue plugin
  */
-export function createGxpStringsPlugin(store) {
+export function createGxpStringsPlugin(store, options = {}) {
+	const devServerBaseUrl = (options.devServerBaseUrl || "").replace(/\/+$/, "");
+
 	return {
 		install(app) {
 			// Register the v-gxp-string directive
@@ -98,7 +100,7 @@ export function createGxpStringsPlugin(store) {
 					el._gxpSrcKey = key;
 
 					// Initial update
-					updateElementSrc(el, key, defaultSrc, store);
+					updateElementSrc(el, key, defaultSrc, store, devServerBaseUrl);
 
 					// Watch for changes in the appropriate store based on attributes
 					// Using deep: true to catch when entire object is replaced (async manifest load)
@@ -106,7 +108,7 @@ export function createGxpStringsPlugin(store) {
 						const watchSource = getSrcWatchSource(el, key, store);
 						if (watchSource) {
 							el._gxpSrcUnwatch = watch(watchSource, () => {
-								updateElementSrc(el, key, defaultSrc, store);
+								updateElementSrc(el, key, defaultSrc, store, devServerBaseUrl);
 							}, { deep: true });
 						}
 					}
@@ -118,7 +120,7 @@ export function createGxpStringsPlugin(store) {
 					if (!key) return;
 
 					const defaultSrc = el._gxpSrcDefault || el.getAttribute("src") || "";
-					updateElementSrc(el, key, defaultSrc, store);
+					updateElementSrc(el, key, defaultSrc, store, devServerBaseUrl);
 				},
 
 				// Cleanup when element is unmounted
@@ -139,7 +141,7 @@ export function createGxpStringsPlugin(store) {
 				mounted() {
 					this.$nextTick(() => {
 						processGxpStringAttributes(this.$el, store);
-						processGxpSrcAttributes(this.$el, store);
+						processGxpSrcAttributes(this.$el, store, devServerBaseUrl);
 					});
 
 					// Watch for manifest loading to re-process attributes
@@ -151,7 +153,7 @@ export function createGxpStringsPlugin(store) {
 								if (loaded) {
 									this.$nextTick(() => {
 										reprocessGxpStringAttributes(rootEl, store);
-										reprocessGxpSrcAttributes(rootEl, store);
+										reprocessGxpSrcAttributes(rootEl, store, devServerBaseUrl);
 									});
 								}
 							}
@@ -161,7 +163,7 @@ export function createGxpStringsPlugin(store) {
 				updated() {
 					this.$nextTick(() => {
 						processGxpStringAttributes(this.$el, store);
-						processGxpSrcAttributes(this.$el, store);
+						processGxpSrcAttributes(this.$el, store, devServerBaseUrl);
 					});
 				},
 				unmounted() {
@@ -260,11 +262,25 @@ function updateElementText(el, key, defaultValue, store) {
 	}
 }
 
+/**
+ * Resolve a default src path against the dev server base URL.
+ * Only applies to relative paths (starting with /) when a devServerBaseUrl is configured.
+ * Store-returned values are never prefixed — they are already absolute.
+ */
+function resolveDefaultSrc(defaultSrc, devServerBaseUrl) {
+	if (!devServerBaseUrl || !defaultSrc) return defaultSrc;
+	// Only prefix relative paths, not already-absolute URLs
+	if (defaultSrc.startsWith("/") && !defaultSrc.startsWith("//")) {
+		return devServerBaseUrl + defaultSrc;
+	}
+	return defaultSrc;
+}
+
 /**
  * Update element src attribute based on store value
  * Uses triggerState if gxp-state attribute is present, otherwise assetList
  */
-function updateElementSrc(el, key, defaultSrc, store) {
+function updateElementSrc(el, key, defaultSrc, store, devServerBaseUrl) {
 	if (!store) {
 		return;
 	}
@@ -279,7 +295,7 @@ function updateElementSrc(el, key, defaultSrc, store) {
 	if (srcUrl && srcUrl !== defaultSrc) {
 		el.setAttribute("src", srcUrl);
 	} else if (defaultSrc) {
-		el.setAttribute("src", defaultSrc);
+		el.setAttribute("src", resolveDefaultSrc(defaultSrc, devServerBaseUrl));
 	}
 }
 
@@ -343,7 +359,7 @@ function reprocessGxpStringAttributes(rootEl, store) {
  * Process all elements with gxp-src attribute in a subtree
  * This handles elements that use the raw attribute without the v- directive
  */
-function processGxpSrcAttributes(rootEl, store) {
+function processGxpSrcAttributes(rootEl, store, devServerBaseUrl) {
 	if (!rootEl || !store) return;
 
 	// Handle case where rootEl is a text node or comment
@@ -362,14 +378,14 @@ function processGxpSrcAttributes(rootEl, store) {
 		el._gxpSrcKey = key;
 
 		// Update src
-		updateElementSrc(el, key, el._gxpSrcDefault, store);
+		updateElementSrc(el, key, el._gxpSrcDefault, store, devServerBaseUrl);
 
 		// Set up watcher for this element (if not already watching)
 		if (!el._gxpSrcUnwatch) {
 			const watchSource = getSrcWatchSource(el, key, store);
 			if (watchSource) {
 				el._gxpSrcUnwatch = watch(watchSource, () => {
-					updateElementSrc(el, key, el._gxpSrcDefault, store);
+					updateElementSrc(el, key, el._gxpSrcDefault, store, devServerBaseUrl);
 				}, { deep: true });
 			}
 		}
@@ -380,7 +396,7 @@ function processGxpSrcAttributes(rootEl, store) {
  * Re-process all elements with gxp-src attribute in a subtree
  * This is called when manifest loads to update elements that were already processed
  */
-function reprocessGxpSrcAttributes(rootEl, store) {
+function reprocessGxpSrcAttributes(rootEl, store, devServerBaseUrl) {
 	if (!rootEl || !store) return;
 	if (!rootEl.querySelectorAll) return;
 
@@ -391,7 +407,7 @@ function reprocessGxpSrcAttributes(rootEl, store) {
 		if (!key) return;
 
 		const defaultSrc = el._gxpSrcDefault || el.getAttribute("src") || "";
-		updateElementSrc(el, key, defaultSrc, store);
+		updateElementSrc(el, key, defaultSrc, store, devServerBaseUrl);
 	});
 }
 
@@ -407,8 +423,8 @@ export function processGxpStrings(rootElement, store) {
  * Standalone function to process gxp-src attributes
  * Can be called manually if needed
  */
-export function processGxpSrcs(rootElement, store) {
-	processGxpSrcAttributes(rootElement, store);
+export function processGxpSrcs(rootElement, store, devServerBaseUrl) {
+	processGxpSrcAttributes(rootElement, store, devServerBaseUrl);
 }
 
 /**

package/runtime/main.js

@@ -24,7 +24,15 @@ async function init() {
 	app.use(pinia);
 
 	const gxpStore = useGxpStore();
-	app.use(createGxpStringsPlugin(gxpStore));
+
+	// Build the dev server base URL so gxp-src default paths resolve to the
+	// local dev server instead of the current domain (important when the app
+	// is injected into the cloud platform via browser extension).
+	const devProtocol = import.meta.env.VITE_USE_HTTPS !== "false" ? "https" : "http";
+	const devPort = import.meta.env.VITE_NODE_PORT || "3060";
+	const devServerBaseUrl = `${devProtocol}://localhost:${devPort}`;
+
+	app.use(createGxpStringsPlugin(gxpStore, { devServerBaseUrl }));
 
 	app.mount("#app");
 }

package/template/main.js

@@ -24,7 +24,15 @@ async function init() {
 	app.use(pinia);
 
 	const gxpStore = useGxpStore();
-	app.use(createGxpStringsPlugin(gxpStore));
+
+	// Build the dev server base URL so gxp-src default paths resolve to the
+	// local dev server instead of the current domain (important when the app
+	// is injected into the cloud platform via browser extension).
+	const devProtocol = import.meta.env.VITE_USE_HTTPS !== "false" ? "https" : "http";
+	const devPort = import.meta.env.VITE_NODE_PORT || "3060";
+	const devServerBaseUrl = `${devProtocol}://localhost:${devPort}`;
+
+	app.use(createGxpStringsPlugin(gxpStore, { devServerBaseUrl }));
 
 	app.mount("#app");
 }