feat: embedded mode

src/client/components/NavBar.vue

@@ -1,24 +1,27 @@
 <script setup lang="ts">
-import {
-  toggleDark,
-} from '../logic'
+import { toggleDark } from '../logic'
+import { usePayloadStore } from '../stores/payload'
+
+const payload = usePayloadStore()
 </script>
 
 <template>
   <nav h-54px flex="~ none gap-2" border="b main" pl-4 pr-4 font-light children:my-auto>
     <slot />
     <slot name="actions">
-      <div mx1 h-full w-0 border="r main" />
-      <a
-        text-lg icon-btn
-        href="https://github.com/antfu/vite-plugin-inspect"
-        target="_blank"
-      >
-        <div i-carbon-logo-github />
-      </a>
-      <button class="text-lg icon-btn" title="Toggle Dark Mode" @click="toggleDark()">
-        <span i-carbon-sun dark:i-carbon-moon />
-      </button>
+      <template v-if="!payload.metadata.embedded">
+        <div mx1 h-full w-0 border="r main" />
+        <a
+          text-lg icon-btn
+          href="https://github.com/antfu/vite-plugin-inspect"
+          target="_blank"
+        >
+          <div i-carbon-logo-github />
+        </a>
+        <button class="text-lg icon-btn" title="Toggle Dark Mode" @click="toggleDark()">
+          <span i-carbon-sun dark:i-carbon-moon />
+        </button>
+      </template>
     </slot>
   </nav>
 </template>

src/client/vite.config.ts

@@ -63,7 +63,9 @@ export default defineConfig({
       dts: join(__dirname, 'components.d.ts'),
     }),
     Unocss(),
-    Inspect(),
+    Inspect({
+      // embedded: true,
+    }),
     AutoImport({
       dts: join(__dirname, 'auto-imports.d.ts'),
       imports: [

src/node/context.ts

@@ -36,6 +36,7 @@ export class InspectContext {
               }),
           ),
         })),
+      embedded: this.options.embedded,
     }
   }
 

src/node/options.ts

@@ -51,16 +51,25 @@ export interface ViteInspectOptions {
    * @default false
    */
   silent?: boolean
+
   /**
    * Automatically open inspect page
    *
    * @default false
    */
   open?: boolean
+
   /**
    * Remove version query `?v=xxx` and treat them as the same module
    *
    * @default true
    */
   removeVersionQuery?: boolean
+
+  /**
+   * Enable embedded mode
+   *
+   * @default false
+   */
+  embedded?: boolean
 }

src/types.ts

@@ -98,6 +98,7 @@ export interface InstanceInfo {
 
 export interface Metadata {
   instances: InstanceInfo[]
+  embedded?: boolean
 }
 
 export interface RpcFunctions {