@bardioc/create-bardioc-app 0.5.3 → 0.5.5

package/templates/vue/src/bardioc-sdk.ts

@@ -4,20 +4,20 @@ import { inject, type InjectionKey } from 'vue';
 export const BARDIOC_BRIDGE_KEY: InjectionKey<HostBridge> = Symbol('bardiocBridge');
 
 export function createAppSdkBridge(appId: string): HostBridge {
-	return createHostBridge({ appId });
+  return createHostBridge({ appId });
 }
 
 export function useBardiocBridge(): HostBridge {
-	const bridge = inject(BARDIOC_BRIDGE_KEY);
-	if (!bridge) {
-		throw new Error('useBardiocBridge() must be used after providing BARDIOC_BRIDGE_KEY');
-	}
-	return bridge;
+  const bridge = inject(BARDIOC_BRIDGE_KEY);
+  if (!bridge) {
+    throw new Error('useBardiocBridge() must be used after providing BARDIOC_BRIDGE_KEY');
+  }
+  return bridge;
 }
 
 export function useNotify() {
-	const bridge = useBardiocBridge();
-	return (message: string, level?: NotifyLevel) => {
-		bridge.notify(message, level);
-	};
-}
+  const bridge = useBardiocBridge();
+  return (message: string, level?: NotifyLevel) => {
+    bridge.notify(message, level);
+  };
+}

package/templates/vue/src/index.css

@@ -1,76 +1,79 @@
 @import 'tailwindcss';
 
 * {
-  box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 html,
 body,
 #app {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
 }
 
 :root {
-  --background: oklch(17.88% 0.0075 229.38);
-  --foreground: oklch(98.69% 0.0093 99.98);
-  --muted-foreground: oklch(86.03% 0.0056 95.11);
-  --border: oklch(1 0 0 / 10%);
-  --primary: oklch(97.02% 0 0);
-  --primary-foreground: oklch(36.94% 0.0053 236.64);
-  --destructive: oklch(68.04% 0.1386 21.38);
-  --ring: oklch(79.43% 0.0084 98.91);
+    --background: oklch(17.88% 0.0075 229.38);
+    --foreground: oklch(98.69% 0.0093 99.98);
+    --muted-foreground: oklch(86.03% 0.0056 95.11);
+    --border: oklch(1 0 0 / 10%);
+    --primary: oklch(97.02% 0 0);
+    --primary-foreground: oklch(36.94% 0.0053 236.64);
+    --destructive: oklch(68.04% 0.1386 21.38);
+    --ring: oklch(79.43% 0.0084 98.91);
 }
 
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: system-ui, -apple-system, sans-serif;
+    background: var(--background);
+    color: var(--foreground);
+    font-family:
+        system-ui,
+        -apple-system,
+        sans-serif;
 }
 
 code {
-  font-family: inherit;
+    font-family: inherit;
 }
 
 .bg-background {
-  background-color: var(--background);
+    background-color: var(--background);
 }
 
 .text-foreground {
-  color: var(--foreground);
+    color: var(--foreground);
 }
 
 .text-muted-foreground {
-  color: var(--muted-foreground);
+    color: var(--muted-foreground);
 }
 
 .border-border {
-  border-color: var(--border);
+    border-color: var(--border);
 }
 
 .bg-primary {
-  background-color: var(--primary);
+    background-color: var(--primary);
 }
 
 .text-primary-foreground {
-  color: var(--primary-foreground);
+    color: var(--primary-foreground);
 }
 
 .text-destructive {
-  color: var(--destructive);
+    color: var(--destructive);
 }
 
 .focus\:ring-ring:focus {
-  --tw-ring-color: var(--ring);
+    --tw-ring-color: var(--ring);
 }
 
 .hover\:bg-primary\/90:hover {
-  background-color: oklch(from var(--primary) calc(l * 0.9) c h);
+    background-color: oklch(from var(--primary) calc(l * 0.9) c h);
 }
 
 .hover\:text-foreground:hover {
-  color: var(--foreground);
+    color: var(--foreground);
 }

package/templates/vue/src/main.ts

@@ -1,43 +1,27 @@
-import {
-  ensureDevAuthSession,
-  installDevBridge,
-  isDevStandalone,
-  isInsideIframe,
-} from '@bardioc/app-sdk/dev';
+import { installDevBridge, isDevStandalone, isInsideIframe } from '@bardioc/app-sdk/dev';
 import { createApp } from 'vue';
 import App from './App.vue';
 import { BARDIOC_BRIDGE_KEY, createAppSdkBridge } from './bardioc-sdk';
 import './index.css';
 
 const APP_NAME = import.meta.env.VITE_APP_NAME?.trim();
-const APP_ID = import.meta.env.VITE_APP_ID?.trim();
-const standaloneDevAuthEnabled = import.meta.env.DEV && import.meta.env.VITE_ENABLE_DEV_AUTH === 'true';
 
 if (!APP_NAME) {
   throw new Error('Missing VITE_APP_NAME for runtime');
 }
 
 const insideIframe = isInsideIframe();
-const devStandalone = standaloneDevAuthEnabled && isDevStandalone();
+const devStandalone = isDevStandalone();
 const useSdkProvider = insideIframe || devStandalone;
 
-if (useSdkProvider && !APP_ID) {
-  throw new Error('Missing VITE_APP_ID for SDK runtime');
+if (devStandalone) {
+  installDevBridge({ debug: false });
 }
 
-async function bootstrap() {
-  if (devStandalone) {
-    await ensureDevAuthSession({ appId: APP_ID, appName: APP_NAME });
-    installDevBridge({ appId: APP_ID, appName: APP_NAME, debug: false });
-  }
+const app = createApp(App);
 
-  const app = createApp(App);
-  
-  if (useSdkProvider) {
-    app.provide(BARDIOC_BRIDGE_KEY, createAppSdkBridge(APP_ID!));
-  }
-
-  app.mount('#app');
+if (useSdkProvider) {
+  app.provide(BARDIOC_BRIDGE_KEY, createAppSdkBridge(APP_NAME));
 }
 
-bootstrap();
+app.mount('#app');

package/templates/vue/src/vite-env.d.ts

@@ -1,13 +1,11 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly VITE_APP_NAME: string
-  readonly VITE_APP_ID: string
-  readonly VITE_ENABLE_DEV_AUTH?: string
+  readonly VITE_APP_NAME: string;
 }
 
 interface ImportMeta {
-  readonly env: ImportMetaEnv
+  readonly env: ImportMetaEnv;
 }
 
 declare module '*.vue' {

package/templates/nextjs/app/proxy/route.ts

@@ -1,85 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server';
-
-type ProxyPayload = {
-  path?: string;
-  method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
-  body?: unknown;
-  contentType?: string;
-  scopeId?: string | null;
-  scopePolicy?: 'none' | 'optional' | 'required';
-  sessionKey?: string;
-  hostUrl?: string;
-};
-
-const APP_ID = process.env.NEXT_PUBLIC_APP_ID?.trim();
-const DEV_AUTH_HOST_URL =
-  process.env.NEXT_PUBLIC_DEV_AUTH_HOST_URL?.trim() ?? process.env.DEV_AUTH_HOST_URL?.trim();
-const DEV_SESSION_KEY =
-  process.env.NEXT_PUBLIC_DEV_SESSION_KEY?.trim() ?? process.env.DEV_SESSION_KEY?.trim();
-
-export async function POST(request: NextRequest) {
-  const payload = (await request.json().catch(() => null)) as ProxyPayload | null;
-
-  if (!payload?.path) {
-    return NextResponse.json(
-      { error: 'invalid_payload' },
-      { status: 400, headers: noStoreHeaders() }
-    );
-  }
-
-  const hostUrl = payload.hostUrl ?? DEV_AUTH_HOST_URL;
-  const sessionKey = payload.sessionKey ?? DEV_SESSION_KEY;
-
-  if (!hostUrl || !sessionKey) {
-    return NextResponse.json(
-      { error: 'missing_dev_session' },
-      { status: 400, headers: noStoreHeaders() }
-    );
-  }
-
-  if (!APP_ID) {
-    return NextResponse.json(
-      { error: 'missing_app_id' },
-      { status: 500, headers: noStoreHeaders() }
-    );
-  }
-
-  try {
-    const transportResponse = await fetch(`${hostUrl.replace(/\/$/, '')}/api/transport`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'X-Dev-Session-Key': sessionKey,
-      },
-      body: JSON.stringify({
-        appId: APP_ID,
-        path: payload.path,
-        method: payload.method ?? 'GET',
-        body: payload.body,
-        contentType: payload.contentType,
-        scopePolicy: payload.scopePolicy,
-        scopeId: payload.scopeId ?? null,
-      }),
-      cache: 'no-store',
-    });
-
-    const responseText = await transportResponse.text();
-
-    return new NextResponse(responseText, {
-      status: transportResponse.status,
-      headers: {
-        'Cache-Control': 'no-store',
-        'Content-Type': transportResponse.headers.get('content-type') ?? 'application/json',
-      },
-    });
-  } catch {
-    return NextResponse.json(
-      { error: 'host_transport_failed' },
-      { status: 502, headers: noStoreHeaders() }
-    );
-  }
-}
-
-function noStoreHeaders(): HeadersInit {
-  return { 'Cache-Control': 'no-store' };
-}