@copilotkitnext/web-inspector 1.51.4-next.7 → 1.51.4-next.8

package/src/lib/context-helpers.ts

@@ -1,4 +1,4 @@
-import type { Anchor, ContextState, Position, Size } from './types';
+import type { Anchor, ContextState, Position, Size } from "./types";
 
 export function updateSizeFromElement(
   state: ContextState,
@@ -34,8 +34,14 @@ export function constrainToViewport(
   viewport: Size,
   edgeMargin: number,
 ): Position {
-  const maxX = Math.max(edgeMargin, viewport.width - state.size.width - edgeMargin);
-  const maxY = Math.max(edgeMargin, viewport.height - state.size.height - edgeMargin);
+  const maxX = Math.max(
+    edgeMargin,
+    viewport.width - state.size.width - edgeMargin,
+  );
+  const maxY = Math.max(
+    edgeMargin,
+    viewport.height - state.size.height - edgeMargin,
+  );
 
   return {
     x: clamp(position.x, edgeMargin, maxX),
@@ -48,7 +54,12 @@ export function keepPositionWithinViewport(
   viewport: Size,
   edgeMargin: number,
 ): void {
-  state.position = constrainToViewport(state, state.position, viewport, edgeMargin);
+  state.position = constrainToViewport(
+    state,
+    state.position,
+    viewport,
+    edgeMargin,
+  );
 }
 
 export function centerContext(
@@ -74,23 +85,39 @@ export function updateAnchorFromPosition(
   const centerX = state.position.x + state.size.width / 2;
   const centerY = state.position.y + state.size.height / 2;
 
-  const horizontal: Anchor['horizontal'] = centerX < viewport.width / 2 ? 'left' : 'right';
-  const vertical: Anchor['vertical'] = centerY < viewport.height / 2 ? 'top' : 'bottom';
+  const horizontal: Anchor["horizontal"] =
+    centerX < viewport.width / 2 ? "left" : "right";
+  const vertical: Anchor["vertical"] =
+    centerY < viewport.height / 2 ? "top" : "bottom";
 
   state.anchor = { horizontal, vertical };
 
-  const maxHorizontalOffset = Math.max(edgeMargin, viewport.width - state.size.width - edgeMargin);
-  const maxVerticalOffset = Math.max(edgeMargin, viewport.height - state.size.height - edgeMargin);
+  const maxHorizontalOffset = Math.max(
+    edgeMargin,
+    viewport.width - state.size.width - edgeMargin,
+  );
+  const maxVerticalOffset = Math.max(
+    edgeMargin,
+    viewport.height - state.size.height - edgeMargin,
+  );
 
   state.anchorOffset = {
     x:
-      horizontal === 'left'
+      horizontal === "left"
         ? clamp(state.position.x, edgeMargin, maxHorizontalOffset)
-        : clamp(viewport.width - state.position.x - state.size.width, edgeMargin, maxHorizontalOffset),
+        : clamp(
+            viewport.width - state.position.x - state.size.width,
+            edgeMargin,
+            maxHorizontalOffset,
+          ),
     y:
-      vertical === 'top'
+      vertical === "top"
         ? clamp(state.position.y, edgeMargin, maxVerticalOffset)
-        : clamp(viewport.height - state.position.y - state.size.height, edgeMargin, maxVerticalOffset),
+        : clamp(
+            viewport.height - state.position.y - state.size.height,
+            edgeMargin,
+            maxVerticalOffset,
+          ),
   };
 }
 
@@ -99,19 +126,33 @@ export function applyAnchorPosition(
   viewport: Size,
   edgeMargin: number,
 ): Position {
-  const maxHorizontalOffset = Math.max(edgeMargin, viewport.width - state.size.width - edgeMargin);
-  const maxVerticalOffset = Math.max(edgeMargin, viewport.height - state.size.height - edgeMargin);
-
-  const horizontalOffset = clamp(state.anchorOffset.x, edgeMargin, maxHorizontalOffset);
-  const verticalOffset = clamp(state.anchorOffset.y, edgeMargin, maxVerticalOffset);
+  const maxHorizontalOffset = Math.max(
+    edgeMargin,
+    viewport.width - state.size.width - edgeMargin,
+  );
+  const maxVerticalOffset = Math.max(
+    edgeMargin,
+    viewport.height - state.size.height - edgeMargin,
+  );
+
+  const horizontalOffset = clamp(
+    state.anchorOffset.x,
+    edgeMargin,
+    maxHorizontalOffset,
+  );
+  const verticalOffset = clamp(
+    state.anchorOffset.y,
+    edgeMargin,
+    maxVerticalOffset,
+  );
 
   const x =
-    state.anchor.horizontal === 'left'
+    state.anchor.horizontal === "left"
       ? horizontalOffset
       : viewport.width - state.size.width - horizontalOffset;
 
   const y =
-    state.anchor.vertical === 'top'
+    state.anchor.vertical === "top"
       ? verticalOffset
       : viewport.height - state.size.height - verticalOffset;
 

package/src/lib/persistence.ts

@@ -1,4 +1,4 @@
-import type { Anchor, DockMode, Position, Size } from './types';
+import type { Anchor, DockMode, Position, Size } from "./types";
 
 export type PersistedContextState = {
   anchor?: Anchor;
@@ -8,7 +8,7 @@ export type PersistedContextState = {
 };
 
 export type PersistedState = {
-  button?: Omit<PersistedContextState, 'size'>;
+  button?: Omit<PersistedContextState, "size">;
   window?: PersistedContextState;
   isOpen?: boolean;
   dockMode?: DockMode;
@@ -36,7 +36,9 @@ export function loadInspectorState(storageKey: string): PersistedState | null {
   // Backwards compatibility: try to read the legacy cookie and migrate it
   if (typeof document !== "undefined") {
     const prefix = `${storageKey}=`;
-    const entry = document.cookie.split("; ").find((cookie) => cookie.startsWith(prefix));
+    const entry = document.cookie
+      .split("; ")
+      .find((cookie) => cookie.startsWith(prefix));
     if (entry) {
       const legacyRaw = entry.substring(prefix.length);
       try {
@@ -53,7 +55,10 @@ export function loadInspectorState(storageKey: string): PersistedState | null {
   return null;
 }
 
-export function saveInspectorState(storageKey: string, state: PersistedState): void {
+export function saveInspectorState(
+  storageKey: string,
+  state: PersistedState,
+): void {
   if (typeof window === "undefined") {
     return;
   }
@@ -66,19 +71,19 @@ export function saveInspectorState(storageKey: string, state: PersistedState): v
 }
 
 export function isValidAnchor(value: unknown): value is Anchor {
-  if (!value || typeof value !== 'object') {
+  if (!value || typeof value !== "object") {
     return false;
   }
 
   const candidate = value as Anchor;
   return (
-    (candidate.horizontal === 'left' || candidate.horizontal === 'right') &&
-    (candidate.vertical === 'top' || candidate.vertical === 'bottom')
+    (candidate.horizontal === "left" || candidate.horizontal === "right") &&
+    (candidate.vertical === "top" || candidate.vertical === "bottom")
   );
 }
 
 export function isValidPosition(value: unknown): value is Position {
-  if (!value || typeof value !== 'object') {
+  if (!value || typeof value !== "object") {
     return false;
   }
 
@@ -87,7 +92,7 @@ export function isValidPosition(value: unknown): value is Position {
 }
 
 export function isValidSize(value: unknown): value is Size {
-  if (!value || typeof value !== 'object') {
+  if (!value || typeof value !== "object") {
     return false;
   }
 
@@ -96,9 +101,9 @@ export function isValidSize(value: unknown): value is Size {
 }
 
 export function isFiniteNumber(value: unknown): value is number {
-  return typeof value === 'number' && Number.isFinite(value);
+  return typeof value === "number" && Number.isFinite(value);
 }
 
 export function isValidDockMode(value: unknown): value is DockMode {
-  return value === 'floating' || value === 'docked-left';
+  return value === "floating" || value === "docked-left";
 }

package/src/lib/types.ts

@@ -1,15 +1,15 @@
 export type Position = { x: number; y: number };
 
 export type Anchor = {
-  horizontal: 'left' | 'right';
-  vertical: 'top' | 'bottom';
+  horizontal: "left" | "right";
+  vertical: "top" | "bottom";
 };
 
 export type Size = { width: number; height: number };
 
-export type ContextKey = 'button' | 'window';
+export type ContextKey = "button" | "window";
 
-export type DockMode = 'floating' | 'docked-left';
+export type DockMode = "floating" | "docked-left";
 
 export type ContextState = {
   position: Position;

package/tsup.config.ts

@@ -1,15 +1,15 @@
-import { defineConfig } from 'tsup';
+import { defineConfig } from "tsup";
 
 export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['cjs', 'esm'],
+  entry: ["src/index.ts"],
+  format: ["cjs", "esm"],
   dts: true,
   sourcemap: true,
   clean: true,
-  target: 'es2022',
-  outDir: 'dist',
+  target: "es2022",
+  outDir: "dist",
   loader: {
-    '.css': 'text',
-    '.svg': 'dataurl',
+    ".css": "text",
+    ".svg": "dataurl",
   },
 });

package/.turbo/turbo-build$colon$css.log

@@ -1,7 +0,0 @@
-
-> @copilotkitnext/web-inspector@1.51.4-next.7 build:css /home/runner/work/CopilotKit/CopilotKit/src/v2.x/packages/web-inspector
-> npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./src/styles/generated.css -m
-
-≈ tailwindcss v4.1.18
-
-Done in 152ms

package/.turbo/turbo-build.log

@@ -1,36 +0,0 @@
-
-> @copilotkitnext/web-inspector@1.51.4-next.7 build /home/runner/work/CopilotKit/CopilotKit/src/v2.x/packages/web-inspector
-> pnpm run build:ts && rollup -c rollup.config.mjs && pnpm run build:css
-
-
-> @copilotkitnext/web-inspector@1.51.4-next.7 build:ts /home/runner/work/CopilotKit/CopilotKit/src/v2.x/packages/web-inspector
-> tsup
-
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.1
-CLI Using tsup config: /home/runner/work/CopilotKit/CopilotKit/src/v2.x/packages/web-inspector/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-ESM dist/index.mjs     149.99 KB
-ESM dist/index.mjs.map 217.56 KB
-ESM ⚡️ Build success in 172ms
-CJS dist/index.js     152.17 KB
-CJS dist/index.js.map 217.59 KB
-CJS ⚡️ Build success in 185ms
-DTS Build start
-DTS ⚡️ Build success in 5128ms
-DTS dist/index.d.ts  6.30 KB
-DTS dist/index.d.mts 6.30 KB
-
-src/index.ts → dist/index.umd.js...
-created dist/index.umd.js in 21.4s
-
-> @copilotkitnext/web-inspector@1.51.4-next.7 build:css /home/runner/work/CopilotKit/CopilotKit/src/v2.x/packages/web-inspector
-> npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./src/styles/generated.css -m
-
-≈ tailwindcss v4.1.18
-
-Done in 96ms