database-devtools 0.1.4 → 0.1.5

package/dist/index.d.cts

@@ -3,7 +3,7 @@ export { BroadcastMessage, BrowserConnectionInfo, ClientMessage, DEFAULT_DEVTOOL
 export { A as AdapterCapabilities, D as DATABASE_DEVTOOLS_KIND, a as DatabaseKind, I as InspectorCapabilities, S as SNAPSHOT_KIND_HEADER, b as SNAPSHOT_MIME_HEADER, c as SNAPSHOT_NAME_HEADER, d as SQLITE_SNAPSHOT_MIME_TYPE, e as SnapshotExport, r as readDatabaseKindMarker } from './snapshot-Dknp_qP1.cjs';
 import { D as DatabaseAdapter } from './adapter-DQyQ5ycj.cjs';
 export { E as EditableDatabaseAdapter, W as WritableDatabaseAdapter, a as WriteResult, i as isEditableDatabaseAdapter, b as isWritableDatabaseAdapter } from './adapter-DQyQ5ycj.cjs';
-export { D as DatabaseDevTools, a as DatabaseDevToolsProps, b as DatabaseDialect, F as FloatingButtonPosition } from './DatabaseDevTools-sw1wX5nW.cjs';
+export { D as DatabaseDevTools, a as DatabaseDevToolsProps, b as DatabaseDialect, F as FloatingButtonPosition } from './DatabaseDevTools-CZmvO9uq.cjs';
 export { C as ColumnInfo, D as DatabaseInspector, I as InspectorDefinition, Q as QueryError, a as QueryResult, S as SchemaTable, T as TableInfo, b as TablePageRequest, c as TablePageResult } from './types-BQHZtFwx.cjs';
 export { D as DeleteOperation, I as InsertOperation, U as UpdateOperation, W as WriteCellValue, a as WriteOperation } from './write-C3toEIMs.cjs';
 export { A as AdapterDefinition, R as ResolveAdapterOptions } from './types-gT3gDw_T.cjs';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { BroadcastMessage, BrowserConnectionInfo, ClientMessage, DEFAULT_DEVTOOL
 export { A as AdapterCapabilities, D as DATABASE_DEVTOOLS_KIND, a as DatabaseKind, I as InspectorCapabilities, S as SNAPSHOT_KIND_HEADER, b as SNAPSHOT_MIME_HEADER, c as SNAPSHOT_NAME_HEADER, d as SQLITE_SNAPSHOT_MIME_TYPE, e as SnapshotExport, r as readDatabaseKindMarker } from './snapshot-Dknp_qP1.js';
 import { D as DatabaseAdapter } from './adapter-cIF5P6qI.js';
 export { E as EditableDatabaseAdapter, W as WritableDatabaseAdapter, a as WriteResult, i as isEditableDatabaseAdapter, b as isWritableDatabaseAdapter } from './adapter-cIF5P6qI.js';
-export { D as DatabaseDevTools, a as DatabaseDevToolsProps, b as DatabaseDialect, F as FloatingButtonPosition } from './DatabaseDevTools-CdpQJBqG.js';
+export { D as DatabaseDevTools, a as DatabaseDevToolsProps, b as DatabaseDialect, F as FloatingButtonPosition } from './DatabaseDevTools-CQXd9NST.js';
 export { C as ColumnInfo, D as DatabaseInspector, I as InspectorDefinition, Q as QueryError, a as QueryResult, S as SchemaTable, T as TableInfo, b as TablePageRequest, c as TablePageResult } from './types-6nco_RRp.js';
 export { D as DeleteOperation, I as InsertOperation, U as UpdateOperation, W as WriteCellValue, a as WriteOperation } from './write-C3toEIMs.js';
 export { A as AdapterDefinition, R as ResolveAdapterOptions } from './types-DkVlU6t-.js';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { DatabaseDevTools, handleBeginTransaction, handleCommitTransaction, handleExecuteWrite, handleRollbackTransaction, isEditableDatabaseAdapter, isWritableDatabaseAdapter } from './chunk-KIQ3TEVO.js';
+export { DatabaseDevTools, handleBeginTransaction, handleCommitTransaction, handleExecuteWrite, handleRollbackTransaction, isEditableDatabaseAdapter, isWritableDatabaseAdapter } from './chunk-SFLXGLHQ.js';
 import './chunk-O6AO7KHA.js';
 export { fetchDeviceExportDatabase, fetchDeviceExportMeta, fetchDeviceExports, fetchProjectDatabase, fetchProjectDatabaseMeta, fetchProjectDatabases, resolveDeviceExportDatabaseMetaUrl, resolveDeviceExportDatabaseUrl, resolveDeviceExportsUrl, resolveProjectDatabaseMetaUrl, resolveProjectDatabaseUrl, resolveProjectDatabasesUrl } from './chunk-S4Z7A4TW.js';
 export { createDevToolsClient, fetchSnapshot, handleDeviceSnapshotUpload } from './chunk-UNVCJMJK.js';

package/dist/native.cjs

@@ -2494,9 +2494,12 @@ function isFloatingButtonTap(totalMovement) {
 }
 var DEFAULT_ICON_SIZE = 22;
 var DEFAULT_ICON_COLOR = "#f8fafc";
+var DEFAULT_BUTTON_COLOR = "#1e293b";
 function FloatingDevToolsButton({
   position = "bottom-right",
   iconStyle,
+  buttonColor,
+  iconColor,
   draggable = true,
   snapToEdges = true,
   floatingPosition,
@@ -2600,22 +2603,24 @@ function FloatingDevToolsButton({
   if (!renderedPosition) {
     return null;
   }
+  const resolvedButtonColor = buttonColor ?? DEFAULT_BUTTON_COLOR;
+  const resolvedIconColor = iconColor ?? reactNative.StyleSheet.flatten(iconStyle)?.color ?? DEFAULT_ICON_COLOR;
+  const buttonStyle = { backgroundColor: resolvedButtonColor };
+  const statusDotStyle = {
+    backgroundColor: getConnectionDotColor(connectionState),
+    borderColor: resolvedButtonColor
+  };
   const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MaterialCommunityIcons__default.default,
       {
-        color: DEFAULT_ICON_COLOR,
+        color: resolvedIconColor,
         name: "database",
         size: DEFAULT_ICON_SIZE,
         style: iconStyle
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactNative.View,
-      {
-        style: [styles4.statusDot, { backgroundColor: getConnectionDotColor(connectionState) }]
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles4.statusDot, statusDotStyle] })
   ] });
   if (!draggable) {
     const positionStyle = position === "bottom-left" ? styles4.bottomLeft : styles4.bottomRight;
@@ -2625,7 +2630,11 @@ function FloatingDevToolsButton({
         accessibilityLabel: "Open Database DevTools",
         accessibilityRole: "button",
         onPress: openLauncher,
-        style: ({ pressed }) => [styles4.button, pressed && styles4.buttonPressed],
+        style: ({ pressed }) => [
+          styles4.button,
+          buttonStyle,
+          pressed && styles4.buttonPressed
+        ],
         children: buttonContent
       }
     ) });
@@ -2650,7 +2659,7 @@ function FloatingDevToolsButton({
           accessibilityHint: "Drag to move. Tap to open DevTools launcher.",
           accessibilityLabel: "Open Database DevTools",
           accessibilityRole: "button",
-          style: [styles4.button, dragPosition && styles4.buttonDragging],
+          style: [styles4.button, buttonStyle, dragPosition && styles4.buttonDragging],
           children: buttonContent
         }
       )
@@ -2679,7 +2688,6 @@ var styles4 = reactNative.StyleSheet.create({
     width: FLOATING_BUTTON_SIZE,
     height: FLOATING_BUTTON_SIZE,
     borderRadius: FLOATING_BUTTON_SIZE / 2,
-    backgroundColor: "#1e293b",
     alignItems: "center",
     justifyContent: "center",
     shadowColor: "#000",
@@ -2702,8 +2710,7 @@ var styles4 = reactNative.StyleSheet.create({
     width: 10,
     height: 10,
     borderRadius: 5,
-    borderWidth: 2,
-    borderColor: "#1e293b"
+    borderWidth: 2
   }
 });
 var explorerColors = {
@@ -3846,6 +3853,8 @@ function DatabaseDevTools({
   floatingPosition,
   onFloatingPositionChange,
   style,
+  buttonColor,
+  iconColor,
   onConnectionStateChange
 }) {
   if (!isDevToolsEnabled(enabled)) {
@@ -3863,8 +3872,10 @@ function DatabaseDevTools({
         /* @__PURE__ */ jsxRuntime.jsx(
           FloatingDevToolsButton,
           {
+            buttonColor,
             draggable,
             floatingPosition,
+            iconColor,
             iconStyle: style,
             onFloatingPositionChange,
             position,