promptlineapp 1.8.0 → 1.9.0

package/bin/cli.js

@@ -2187,15 +2187,15 @@ function getApiKey() {
   return localStorage.getItem(API_KEY_STORAGE) || ''
 }
 
-// Convert PromptLine URLs to use local proxy
-function toProxyUrl(endpointId) {
-  return '/api/promptline/' + endpointId
+// Get proxy path based on environment (local vs prod)
+function getProxyPath(env) {
+  return env === 'local' ? '/api/promptline-local' : '/api/promptline'
 }
 
 // Call PromptLine API
-async function callPromptLineAPI(endpointId, apiKey, input, variables = {}) {
-  const proxyUrl = toProxyUrl(endpointId)
-  const fullUrl = proxyUrl + '?mode=sync'
+async function callPromptLineAPI(epData, apiKey, input, variables = {}) {
+  const proxyPath = getProxyPath(epData.env)
+  const fullUrl = proxyPath + '/' + epData.id + '?mode=sync'
 
   const res = await fetch(fullUrl, {
     method: 'POST',
@@ -2239,13 +2239,17 @@ export function usePromptLine(bindingName) {
   const context = useContext(PromptLineContext)
   const [isLoading, setIsLoading] = useState(false)
 
-  const endpointId = useMemo(() => {
+  const epData = useMemo(() => {
     const config = getConfig()
-    return config[bindingName] || null
+    const data = config[bindingName]
+    // Handle both new format { id, env } and legacy string format
+    if (!data) return null
+    if (typeof data === 'string') return { id: data, env: 'prod' }
+    return data
   }, [bindingName])
 
   const execute = async (input, variables = {}) => {
-    if (!endpointId) {
+    if (!epData?.id) {
       console.warn(\`[PromptLine] Binding "\${bindingName}" not configured. Go to /_dev\`)
       return {
         response: \`[Not Configured] Binding "\${bindingName}" not set. Go to /_dev to configure it.\`,
@@ -2263,7 +2267,7 @@ export function usePromptLine(bindingName) {
 
     setIsLoading(true)
     try {
-      const result = await callPromptLineAPI(endpointId, apiKey, input, variables)
+      const result = await callPromptLineAPI(epData, apiKey, input, variables)
       return result
     } catch (err) {
       console.error(\`[PromptLine] Error calling "\${bindingName}":\`, err)
@@ -2276,7 +2280,7 @@ export function usePromptLine(bindingName) {
   return {
     execute,
     isLoading,
-    isConfigured: !!endpointId,
+    isConfigured: !!epData?.id,
     config: context?.config || {},
     user: context?.user || {},
     // Aliases for compatibility
@@ -2294,11 +2298,13 @@ export const sdk = {
   ai: {
     call: async (bindingName, input) => {
       const config = getConfig()
-      const endpointId = config[bindingName]
-      if (!endpointId) {
+      const data = config[bindingName]
+      // Handle both new format { id, env } and legacy string format
+      const epData = !data ? null : (typeof data === 'string' ? { id: data, env: 'prod' } : data)
+      if (!epData?.id) {
         throw new Error(\`Binding "\${bindingName}" not configured\`)
       }
-      return callPromptLineAPI(endpointId, getApiKey(), input)
+      return callPromptLineAPI(epData, getApiKey(), input)
     }
   },
   collections: {
@@ -2332,14 +2338,29 @@ import { availableBindings } from './sdk-mock'
 const STORAGE_KEY = 'promptline_endpoints_config'
 const API_KEY_STORAGE = 'promptline_api_key'
 
-// Helper to extract endpoint ID from URL or return as-is
-function extractEndpointId(value) {
-  if (!value) return ''
-  // If it's a full URL, extract the endpoint ID
+// Helper to extract endpoint ID and environment from URL
+function parseEndpointUrl(value) {
+  if (!value) return { id: '', env: 'prod' }
+
+  // Detect environment from URL
+  let env = 'prod'
+  if (value.includes('app.local.promptlineops.com')) {
+    env = 'local'
+  } else if (value.includes('app.promptlineops.com')) {
+    env = 'prod'
+  }
+
+  // Extract endpoint ID from URL
   const match = value.match(/\\/api\\/v1\\/live\\/([^?/]+)/) || value.match(/\\/live\\/([^?/]+)/)
-  if (match) return match[1]
-  // If it starts with ep_ or similar, use as-is
-  return value
+  if (match) return { id: match[1], env }
+
+  // If it starts with ep_ or similar, use as-is with prod default
+  return { id: value.trim(), env }
+}
+
+// Get the proxy path for a given environment
+function getProxyPath(env) {
+  return env === 'local' ? '/api/promptline-local' : '/api/promptline'
 }
 
 export default function DevAdmin() {
@@ -2363,14 +2384,18 @@ export default function DevAdmin() {
   }, [])
 
   const save = () => {
-    // Clean endpoint values (extract IDs from URLs)
-    const cleanedEndpoints = {}
+    // Parse endpoint values (extract IDs and environments from URLs)
+    const parsedEndpoints = {}
     Object.entries(endpoints).forEach(([key, value]) => {
-      cleanedEndpoints[key] = extractEndpointId(value)
+      if (typeof value === 'string') {
+        parsedEndpoints[key] = parseEndpointUrl(value)
+      } else {
+        parsedEndpoints[key] = value // Already parsed
+      }
     })
-    setEndpoints(cleanedEndpoints)
+    setEndpoints(parsedEndpoints)
     localStorage.setItem(API_KEY_STORAGE, apiKey)
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(cleanedEndpoints))
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(parsedEndpoints))
     setSaved(true)
     setTimeout(() => setSaved(false), 2000)
   }
@@ -2381,8 +2406,10 @@ export default function DevAdmin() {
 
   // Check if endpoint is alive
   const checkIsAlive = async (bindingName) => {
-    const endpointId = extractEndpointId(endpoints[bindingName])
-    if (!endpointId) {
+    const epData = typeof endpoints[bindingName] === 'string'
+      ? parseEndpointUrl(endpoints[bindingName])
+      : endpoints[bindingName]
+    if (!epData?.id) {
       setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], alive: false, error: 'No endpoint ID' } }))
       return
     }
@@ -2390,7 +2417,8 @@ export default function DevAdmin() {
     setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], loading: 'alive' } }))
 
     try {
-      const res = await fetch('/api/promptline/' + endpointId + '/isAlive', {
+      const proxyPath = getProxyPath(epData.env)
+      const res = await fetch(proxyPath + '/' + epData.id + '/isAlive', {
         method: 'GET',
         headers: apiKey ? { 'X-API-Key': apiKey } : {}
       })
@@ -2401,7 +2429,8 @@ export default function DevAdmin() {
           ...prev[bindingName],
           alive: res.ok && data.alive === true,
           loading: null,
-          error: res.ok ? null : (data.detail || res.statusText)
+          error: res.ok ? null : (data.detail || res.statusText),
+          env: epData.env
         }
       }))
     } catch (err) {
@@ -2414,8 +2443,10 @@ export default function DevAdmin() {
 
   // Get endpoint info
   const fetchInfo = async (bindingName) => {
-    const endpointId = extractEndpointId(endpoints[bindingName])
-    if (!endpointId) {
+    const epData = typeof endpoints[bindingName] === 'string'
+      ? parseEndpointUrl(endpoints[bindingName])
+      : endpoints[bindingName]
+    if (!epData?.id) {
       setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], error: 'No endpoint ID' } }))
       return
     }
@@ -2423,7 +2454,8 @@ export default function DevAdmin() {
     setEndpointStatus(prev => ({ ...prev, [bindingName]: { ...prev[bindingName], loading: 'info' } }))
 
     try {
-      const res = await fetch('/api/promptline/' + endpointId + '/info', {
+      const proxyPath = getProxyPath(epData.env)
+      const res = await fetch(proxyPath + '/' + epData.id + '/info', {
         method: 'GET',
         headers: apiKey ? { 'X-API-Key': apiKey } : {}
       })
@@ -2434,7 +2466,8 @@ export default function DevAdmin() {
           ...prev[bindingName],
           info: res.ok ? data : null,
           loading: null,
-          error: res.ok ? null : (data.detail || res.statusText)
+          error: res.ok ? null : (data.detail || res.statusText),
+          env: epData.env
         }
       }))
     } catch (err) {
@@ -2446,8 +2479,10 @@ export default function DevAdmin() {
   }
 
   const testEndpoint = async () => {
-    const endpointId = extractEndpointId(endpoints[testBinding])
-    if (!testBinding || !endpointId) {
+    const epData = typeof endpoints[testBinding] === 'string'
+      ? parseEndpointUrl(endpoints[testBinding])
+      : endpoints[testBinding]
+    if (!testBinding || !epData?.id) {
       setTestResult('Error: Endpoint not configured')
       return
     }
@@ -2460,7 +2495,8 @@ export default function DevAdmin() {
     setTestResult('Calling API...')
 
     try {
-      const res = await fetch('/api/promptline/' + endpointId + '?mode=sync', {
+      const proxyPath = getProxyPath(epData.env)
+      const res = await fetch(proxyPath + '/' + epData.id + '?mode=sync', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -2537,6 +2573,10 @@ export default function DevAdmin() {
           <tbody>
             {availableBindings.map(b => {
               const status = endpointStatus[b.name] || {}
+              const epValue = endpoints[b.name]
+              const displayValue = typeof epValue === 'object' ? epValue?.id || '' : epValue || ''
+              const epEnv = typeof epValue === 'object' ? epValue?.env : (status.env || null)
+              const hasValue = !!(typeof epValue === 'object' ? epValue?.id : epValue)
               return (
                 <tr key={b.name} style={{ borderBottom: '1px solid #f3f4f6' }}>
                   <td style={{ padding: 8 }}>
@@ -2546,11 +2586,24 @@ export default function DevAdmin() {
                   <td style={{ padding: 8 }}>
                     <input
                       type="text"
-                      value={endpoints[b.name] || ''}
+                      value={displayValue}
                       onChange={e => updateEndpoint(b.name, e.target.value)}
-                      placeholder="ep_... or full URL"
+                      placeholder="Paste full endpoint URL (app.local or app)"
                       style={{ width: '100%', padding: 8, border: '1px solid #d1d5db', borderRadius: 4, fontSize: 12 }}
                     />
+                    {epEnv && (
+                      <span style={{
+                        display: 'inline-block',
+                        marginTop: 4,
+                        padding: '2px 6px',
+                        fontSize: 10,
+                        borderRadius: 4,
+                        background: epEnv === 'local' ? '#dbeafe' : '#dcfce7',
+                        color: epEnv === 'local' ? '#1d4ed8' : '#166534'
+                      }}>
+                        {epEnv === 'local' ? 'LOCAL' : 'PROD'}
+                      </span>
+                    )}
                   </td>
                   <td style={{ padding: 8, textAlign: 'center' }}>
                     <button
@@ -2577,7 +2630,7 @@ export default function DevAdmin() {
                         width: 12,
                         height: 12,
                         borderRadius: '50%',
-                        background: status.alive === true ? '#22c55e' : status.alive === false ? '#ef4444' : (endpoints[b.name] ? '#fbbf24' : '#d1d5db')
+                        background: status.alive === true ? '#22c55e' : status.alive === false ? '#ef4444' : (hasValue ? '#fbbf24' : '#d1d5db')
                       }}
                       title={status.error || (status.alive ? 'Alive' : status.alive === false ? 'Not responding' : 'Not checked')}
                     />
@@ -2691,6 +2744,14 @@ export default function DevAdmin() {
   viteProxyConfig: `
     // PromptLine API Proxy (added by npx promptlineapp get)
     proxy: {
+      // Local dev: app.local.promptlineops.com (more specific path first)
+      '/api/promptline-local': {
+        target: 'https://app.local.promptlineops.com',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\\/api\\/promptline-local/, '/api/v1/live'),
+        secure: true
+      },
+      // Production: app.promptlineops.com
       '/api/promptline': {
         target: 'https://app.promptlineops.com',
         changeOrigin: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "promptlineapp",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Create PromptLine applications with ease",
   "author": "PromptLine <support@promptlineops.com>",
   "license": "MIT",