@prisma/studio-core 0.0.0-dev.202505151603 → 0.0.0-dev.202505160133

package/dist/ui/index.css

@@ -694,21 +694,36 @@ video {
 .ps-mb-1 {
   margin-bottom: 0.25rem;
 }
+.ps-mb-4 {
+  margin-bottom: 1rem;
+}
 .ps-ml-1 {
   margin-left: 0.25rem;
 }
+.ps-ml-2 {
+  margin-left: 0.5rem;
+}
 .ps-ml-6 {
   margin-left: 1.5rem;
 }
 .ps-ml-auto {
   margin-left: auto;
 }
+.ps-mr-1 {
+  margin-right: 0.25rem;
+}
+.ps-mr-2 {
+  margin-right: 0.5rem;
+}
 .ps-mt-0 {
   margin-top: 0px;
 }
 .ps-mt-1 {
   margin-top: 0.25rem;
 }
+.ps-mt-2 {
+  margin-top: 0.5rem;
+}
 .ps-mt-4 {
   margin-top: 1rem;
 }
@@ -802,6 +817,9 @@ video {
 .ps-h-px {
   height: 1px;
 }
+.ps-max-h-10 {
+  max-height: 2.5rem;
+}
 .ps-max-h-32 {
   max-height: 8rem;
 }
@@ -853,6 +871,9 @@ video {
 .ps-w-28 {
   width: 7rem;
 }
+.ps-w-3 {
+  width: 0.75rem;
+}
 .ps-w-3\.5 {
   width: 0.875rem;
 }
@@ -1147,6 +1168,9 @@ video {
 .ps-overflow-clip {
   overflow: clip;
 }
+.ps-overflow-x-auto {
+  overflow-x: auto;
+}
 .ps-overflow-y-auto {
   overflow-y: auto;
 }
@@ -1167,6 +1191,9 @@ video {
 .ps-whitespace-nowrap {
   white-space: nowrap;
 }
+.ps-whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
 .ps-rounded-full {
   border-radius: 9999px;
 }
@@ -1182,6 +1209,9 @@ video {
 .ps-rounded-sm {
   border-radius: calc(var(--radius) - 4px);
 }
+.ps-rounded-xl {
+  border-radius: 0.75rem;
+}
 .ps-rounded-b-lg {
   border-bottom-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
@@ -1229,9 +1259,17 @@ video {
 .\!ps-border-\[hsl\(var\(--studio-border\)\)\] {
   border-color: hsl(var(--studio-border)) !important;
 }
+.ps-border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
+}
 .ps-border-border {
   border-color: hsl(var(--border));
 }
+.ps-border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
+}
 .ps-border-input {
   border-color: hsl(var(--input));
 }
@@ -1242,6 +1280,14 @@ video {
 .ps-border-primary {
   border-color: hsl(var(--primary));
 }
+.ps-border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
+}
+.ps-border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
 .ps-border-table-border {
   border-color: hsl(var(--table-border));
 }
@@ -1264,6 +1310,10 @@ video {
 .ps-bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
+.ps-bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
+}
 .ps-bg-border {
   background-color: hsl(var(--border));
 }
@@ -1303,6 +1353,10 @@ video {
 .ps-bg-primary {
   background-color: hsl(var(--primary));
 }
+.ps-bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+}
 .ps-bg-secondary {
   background-color: hsl(var(--secondary));
 }
@@ -1336,6 +1390,9 @@ video {
 .ps-p-2 {
   padding: 0.5rem;
 }
+.ps-p-3 {
+  padding: 0.75rem;
+}
 .ps-p-4 {
   padding: 1rem;
 }
@@ -1434,6 +1491,9 @@ video {
 .ps-pr-\[var\(--studio-cell-spacing\)\] {
   padding-right: var(--studio-cell-spacing);
 }
+.ps-pt-0 {
+  padding-top: 0px;
+}
 .ps-pt-3 {
   padding-top: 0.75rem;
 }
@@ -1532,6 +1592,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
+.ps-text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
 .ps-text-muted-foreground {
   color: hsl(var(--muted-foreground));
 }
@@ -1562,6 +1626,14 @@ video {
 .ps-text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
+.ps-text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
+.ps-text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
 .ps-text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }

package/dist/ui/index.d.cts

@@ -1,27 +1,79 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as Adapter } from '../adapter-Bt_0JnjE.cjs';
+import { A as Adapter, Q as Query, b as AdapterError } from '../query-Q-ZKX_Vr.cjs';
+import { UseQueryStateOptions, UseQueryStateReturn, Options, UseQueryStatesOptions, UseQueryStatesReturn, Parser } from 'nuqs';
+export * from 'nuqs';
+import 'kysely';
 
-type StudioTelemetryEvent = {
-    event: "studio_launched";
+type StudioLaunchedEventBase = {
+    name: "studio_launched";
     payload: {
-        event_id: string;
-        timestamp: string;
-        user_id?: string;
-        workspace_id?: string;
-        organization_id?: string;
-        embedding_type?: string;
-        vendor_id?: string;
-        table_count: number;
+        embeddingType?: string;
+        vendorId?: string;
+        tableCount: number;
     };
 };
+type StudioOperationErrorEventBase = {
+    name: "studio_operation_error";
+    payload: {
+        operation: string;
+        query: Query | undefined;
+        error: AdapterError;
+    };
+};
+type StudioOperationSuccessEventBase = {
+    name: "studio_operation_success";
+    payload: {
+        operation: string;
+        query: Query;
+        error: undefined;
+    };
+};
+type StudioOperationEventBase = StudioOperationSuccessEventBase | StudioOperationErrorEventBase;
+type StudioEventBase = StudioLaunchedEventBase | StudioOperationEventBase;
+type StudioEvent = StudioEventBase & {
+    eventId: string;
+    timestamp: string;
+};
 interface StudioProps {
     adapter: Adapter;
-    onError?: (error: Error) => void;
-    onTelemetryEvent?: (args: StudioTelemetryEvent) => void;
+    onEvent?: (error: StudioEvent) => void;
 }
 /**
  * Main Studio component that provides database visualization and management
  */
 declare function Studio(props: StudioProps): react_jsx_runtime.JSX.Element;
 
-export { Studio, type StudioProps };
+type StateKey = "pageIndex" | "pageSize" | "table" | "sort" | "schema" | "test" | "filter" | "view";
+type Exact<A, W> = (A extends unknown ? W extends A ? {
+    [K in keyof A]: Exact<A[K], W[K]>;
+} : W : never) | (A extends string | number | bigint | boolean | [] ? A : never);
+declare function keyMap<const Map extends Partial<Record<StateKey, any>>>(keyMap: Exact<Map, Partial<Record<StateKey, any>>>): BrandedKeyMap<Map>;
+declare function urlKeys<const Map extends Partial<Record<StateKey, string>>>(urlKeys: Exact<Map, Partial<Record<StateKey, string>>>): BrandedKeyMap<Map>;
+declare const _BRAND_SYMBOL: unique symbol;
+type BrandedKeyMap<Map> = Map & {
+    [K in typeof _BRAND_SYMBOL]: never;
+};
+/**
+ * @see {@link useQueryStateOriginal}
+ */
+declare function useQueryState<T>(key: StateKey, options: UseQueryStateOptions<T> & {
+    defaultValue: T;
+}): UseQueryStateReturn<NonNullable<ReturnType<typeof options.parse>>, typeof options.defaultValue>;
+declare function useQueryState<T>(key: StateKey, options: UseQueryStateOptions<T>): UseQueryStateReturn<NonNullable<ReturnType<typeof options.parse>>, undefined>;
+declare function useQueryState(key: StateKey, options: Options & {
+    defaultValue: string;
+}): UseQueryStateReturn<string, typeof options.defaultValue>;
+declare function useQueryState(key: StateKey, options: Pick<UseQueryStateOptions<string>, keyof Options>): UseQueryStateReturn<string, undefined>;
+declare function useQueryState(key: StateKey): UseQueryStateReturn<string, undefined>;
+type UseQueryStatesKeysMap<Map extends Partial<Record<StateKey, any>> = Partial<Record<StateKey, any>>> = {
+    [Key in keyof Map]: KeyMapValue<Map[Key]>;
+};
+type KeyMapValue<Type> = Parser<Type> & Options & {
+    defaultValue?: Type;
+};
+/**
+ * @see {@link useQueryStatesOriginal}
+ */
+declare function useQueryStates<KeyMap extends UseQueryStatesKeysMap>(keyMap: BrandedKeyMap<KeyMap>, options?: Partial<UseQueryStatesOptions<KeyMap>>): UseQueryStatesReturn<KeyMap>;
+
+export { type StateKey, Studio, type StudioProps, keyMap, urlKeys, useQueryState, useQueryStates };

package/dist/ui/index.d.ts

@@ -1,27 +1,79 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as Adapter } from '../adapter-Bt_0JnjE.js';
+import { A as Adapter, Q as Query, b as AdapterError } from '../query-Q-ZKX_Vr.js';
+import { UseQueryStateOptions, UseQueryStateReturn, Options, UseQueryStatesOptions, UseQueryStatesReturn, Parser } from 'nuqs';
+export * from 'nuqs';
+import 'kysely';
 
-type StudioTelemetryEvent = {
-    event: "studio_launched";
+type StudioLaunchedEventBase = {
+    name: "studio_launched";
     payload: {
-        event_id: string;
-        timestamp: string;
-        user_id?: string;
-        workspace_id?: string;
-        organization_id?: string;
-        embedding_type?: string;
-        vendor_id?: string;
-        table_count: number;
+        embeddingType?: string;
+        vendorId?: string;
+        tableCount: number;
     };
 };
+type StudioOperationErrorEventBase = {
+    name: "studio_operation_error";
+    payload: {
+        operation: string;
+        query: Query | undefined;
+        error: AdapterError;
+    };
+};
+type StudioOperationSuccessEventBase = {
+    name: "studio_operation_success";
+    payload: {
+        operation: string;
+        query: Query;
+        error: undefined;
+    };
+};
+type StudioOperationEventBase = StudioOperationSuccessEventBase | StudioOperationErrorEventBase;
+type StudioEventBase = StudioLaunchedEventBase | StudioOperationEventBase;
+type StudioEvent = StudioEventBase & {
+    eventId: string;
+    timestamp: string;
+};
 interface StudioProps {
     adapter: Adapter;
-    onError?: (error: Error) => void;
-    onTelemetryEvent?: (args: StudioTelemetryEvent) => void;
+    onEvent?: (error: StudioEvent) => void;
 }
 /**
  * Main Studio component that provides database visualization and management
  */
 declare function Studio(props: StudioProps): react_jsx_runtime.JSX.Element;
 
-export { Studio, type StudioProps };
+type StateKey = "pageIndex" | "pageSize" | "table" | "sort" | "schema" | "test" | "filter" | "view";
+type Exact<A, W> = (A extends unknown ? W extends A ? {
+    [K in keyof A]: Exact<A[K], W[K]>;
+} : W : never) | (A extends string | number | bigint | boolean | [] ? A : never);
+declare function keyMap<const Map extends Partial<Record<StateKey, any>>>(keyMap: Exact<Map, Partial<Record<StateKey, any>>>): BrandedKeyMap<Map>;
+declare function urlKeys<const Map extends Partial<Record<StateKey, string>>>(urlKeys: Exact<Map, Partial<Record<StateKey, string>>>): BrandedKeyMap<Map>;
+declare const _BRAND_SYMBOL: unique symbol;
+type BrandedKeyMap<Map> = Map & {
+    [K in typeof _BRAND_SYMBOL]: never;
+};
+/**
+ * @see {@link useQueryStateOriginal}
+ */
+declare function useQueryState<T>(key: StateKey, options: UseQueryStateOptions<T> & {
+    defaultValue: T;
+}): UseQueryStateReturn<NonNullable<ReturnType<typeof options.parse>>, typeof options.defaultValue>;
+declare function useQueryState<T>(key: StateKey, options: UseQueryStateOptions<T>): UseQueryStateReturn<NonNullable<ReturnType<typeof options.parse>>, undefined>;
+declare function useQueryState(key: StateKey, options: Options & {
+    defaultValue: string;
+}): UseQueryStateReturn<string, typeof options.defaultValue>;
+declare function useQueryState(key: StateKey, options: Pick<UseQueryStateOptions<string>, keyof Options>): UseQueryStateReturn<string, undefined>;
+declare function useQueryState(key: StateKey): UseQueryStateReturn<string, undefined>;
+type UseQueryStatesKeysMap<Map extends Partial<Record<StateKey, any>> = Partial<Record<StateKey, any>>> = {
+    [Key in keyof Map]: KeyMapValue<Map[Key]>;
+};
+type KeyMapValue<Type> = Parser<Type> & Options & {
+    defaultValue?: Type;
+};
+/**
+ * @see {@link useQueryStatesOriginal}
+ */
+declare function useQueryStates<KeyMap extends UseQueryStatesKeysMap>(keyMap: BrandedKeyMap<KeyMap>, options?: Partial<UseQueryStatesOptions<KeyMap>>): UseQueryStatesReturn<KeyMap>;
+
+export { type StateKey, Studio, type StudioProps, keyMap, urlKeys, useQueryState, useQueryStates };