@instantdb/components 0.0.1

package/.env

@@ -0,0 +1,2 @@
+VITE_INSTANT_APP_ID=5696faa0-af6b-4562-ade9-47ffb3b2b87b
+VITE_INSTANT_ADMIN_TOKEN=59cb9109-0e5c-4735-8775-4369d0486d0b

package/.turbo/turbo-build.log

@@ -0,0 +1,18 @@
+
+> @instantdb/components@0.0.0 build /Users/drew/programs/instant/client/packages/components
+> vite build
+
+vite v5.4.14 building for production...
+transforming...
+✓ 40 modules transformed.
+rendering chunks...
+
+[unplugin:dts] Start generate declaration files...
+computing gzip size...
+dist/style.css   58.51 kB │ gzip: 10.08 kB
+dist/index.js   368.85 kB │ gzip: 90.75 kB
+[unplugin:dts] Declaration files built in 6688ms.
+
+dist/style.css   58.51 kB │ gzip: 10.08 kB
+dist/index.cjs  253.31 kB │ gzip: 71.68 kB
+✓ built in 7.25s

package/README.md

@@ -0,0 +1,78 @@
+# InstantDB Component Library
+
+## Using the Explorer component
+
+```tsx
+import './App.css';
+import { Explorer, Toaster } from '../src/index';
+
+function App() {
+  return (
+    <>
+      <Explorer
+        className="h-full"
+        useShadowDOM
+        darkMode={false}
+        appId={import.meta.env.VITE_INSTANT_APP_ID}
+        adminToken={import.meta.env.VITE_INSTANT_ADMIN_TOKEN}
+      />
+      <Toaster position="top-right" />
+    </>
+  );
+}
+
+export default App;
+```
+
+# Styles
+
+### In www/
+
+The tailwind installation in www/ already scans `./node_modules/@instantdb/components/src/**/*.{js,ts,jsx,tsx,md}'`, so all styles should work out of the box.
+
+Most components are rexported in client/www/components/ui.tsx .
+
+### In projects that use tailwind
+
+Make sure you add `./node_modules/@instantdb/components/src/**/*.{js,ts,jsx,tsx,md}'` to the content field in your tailwind config.
+
+### In projects that don't use Tailwind
+
+To use the Explorer
+
+```tsx
+<Explorer
+  className="h-full"
+  useShadowDOM // this scopes and applies all styles with a shadow dom and script tag
+  darkMode={false}
+  apiURI={'http://localhost:8888'}
+  websocketURI={'ws://localhost:8888/runtime/session'}
+  appId="<your-app-id>"
+  adminToken="<your-admin-token>"
+/>
+```
+
+To use other components, you can wrap them in a <StyleMe> tag to mount them into a ShadowDOM.
+However, doing this for most components is not practical so you can also import the styles separately.
+
+```tsx
+import '@instantdb/components/style.css';
+```
+
+In projects that don't use Tailwind it's recommended to just use the Explorer component with ShadowDOM and none of the other components.
+
+# Development
+
+Running the Vite Demo
+`pnpm run dev:demo`
+
+Runs on port 5173
+
+## Environment Variables
+
+Create a `.env` file in client/packages/components/.env
+
+```
+VITE_INSTANT_APP_ID=<your app id>
+VITE_INSTANT_ADMIN_TOKEN=<your app id>
+```

package/app/App.css

@@ -0,0 +1,38 @@
+#root {
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}

package/app/App.tsx

@@ -0,0 +1,61 @@
+import { useState } from 'react';
+import './App.css';
+import { Explorer, Toaster } from '../src/index';
+
+function App() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <>
+      <div
+        style={{
+          minHeight: '40vh',
+          height: '40vh',
+        }}
+        className="min-h-[30vh] w-full"
+      >
+        <Explorer
+          className="h-full"
+          useShadowDOM
+          darkMode={false}
+          apiURI={'http://localhost:8888'}
+          websocketURI={'ws://localhost:8888/runtime/session'}
+          // @ts-expect-error
+          appId={import.meta.env.VITE_INSTANT_APP_ID}
+          // @ts-expect-error
+          adminToken={import.meta.env.VITE_INSTANT_ADMIN_TOKEN}
+        />
+      </div>
+      <div
+        style={{
+          minHeight: '40vh',
+          height: '40vh',
+        }}
+        className="dark min-h-[30vh] w-full"
+      >
+        <Explorer
+          className="h-full"
+          useShadowDOM
+          darkMode={true}
+          apiURI={'http://localhost:8888'}
+          websocketURI={'ws://localhost:8888/runtime/session'}
+          appId="5696faa0-af6b-4562-ade9-47ffb3b2b87b"
+          adminToken="59cb9109-0e5c-4735-8775-4369d0486d0b"
+        />
+      </div>
+      <h1>Vite + React</h1>
+      <div className="bg-blue-500">this should not be blue</div>
+      <div className="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count}
+        </button>
+        <p>
+          Edit <code>src/App.tsx</code> and save to test HMR
+        </p>
+      </div>
+      <Toaster position="top-right" />
+    </>
+  );
+}
+
+export default App;

package/app/index.css

@@ -0,0 +1,18 @@
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: red;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}

package/app/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import './index.css';
+import App from './App';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/dist/components/StyleMe.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, default as React } from 'react';
+/**
+ * Returns the shadow root container element for portaling components.
+ * This is the container div inside the shadow root that has the dark class applied.
+ */
+export declare function useShadowRoot(): HTMLDivElement | null;
+/**
+ * Returns the dark mode state from the shadow root context.
+ * Used by portaled components to apply dark mode styles.
+ */
+export declare function useShadowDarkMode(): boolean;
+export declare const StyleMe: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+//# sourceMappingURL=StyleMe.d.ts.map

package/dist/components/StyleMe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleMe.d.ts","sourceRoot":"","sources":["../../src/components/StyleMe.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B;;;GAGG;AACH,wBAAgB,aAAa,IAAI,cAAc,GAAG,IAAI,CAErD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAED,eAAO,MAAM,OAAO,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sBAoD5D,CAAC"}

package/dist/components/error-boundary.d.ts

@@ -0,0 +1,17 @@
+import { default as React, Component, ErrorInfo, ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private handleRetry;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}
+export default ErrorBoundary;
+//# sourceMappingURL=error-boundary.d.ts.map

package/dist/components/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/D,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,cAAM,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1C,KAAK,EAAE,KAAK,CAGjB;WAEY,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAKpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAI3D,OAAO,CAAC,WAAW,CAEjB;IAEK,MAAM;CAwCd;AAED,eAAe,aAAa,CAAC"}

package/dist/components/explorer/edit-namespace-dialog.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { InstantReactWebDatabase } from '@instantdb/react';
+import { SchemaNamespace } from '../../types';
+export declare function EditNamespaceDialog({ db, namespace, namespaces, onClose, isSystemCatalogNs, }: {
+    db: InstantReactWebDatabase<any>;
+    namespace: SchemaNamespace;
+    namespaces: SchemaNamespace[];
+    onClose: (p?: {
+        ok: boolean;
+    }) => void;
+    readOnly: boolean;
+    isSystemCatalogNs: boolean;
+}): React.JSX.Element;
+//# sourceMappingURL=edit-namespace-dialog.d.ts.map

package/dist/components/explorer/edit-namespace-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-namespace-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/edit-namespace-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAsC3D,OAAO,EAML,eAAe,EAChB,MAAM,YAAY,CAAC;AAkBpB,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,UAAU,EACV,OAAO,EACP,iBAAiB,GAClB,EAAE;IACD,EAAE,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IACjC,SAAS,EAAE,eAAe,CAAC;IAC3B,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;QAAE,EAAE,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,qBAoOA"}

package/dist/components/explorer/edit-row-dialog.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { InstantReactWebDatabase } from '@instantdb/react';
+import { SchemaNamespace } from '../../types';
+export declare function EditRowDialog({ db, namespace, item, onClose, }: {
+    db: InstantReactWebDatabase<any>;
+    namespace: SchemaNamespace;
+    item: Record<string, any>;
+    onClose: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=edit-row-dialog.d.ts.map

package/dist/components/explorer/edit-row-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-row-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/edit-row-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,uBAAuB,EAAM,MAAM,kBAAkB,CAAC;AAkBnE,OAAO,EAAc,eAAe,EAAsB,MAAM,YAAY,CAAC;AAyjB7E,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,IAAI,EACJ,OAAO,GACR,EAAE;IACD,EAAE,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IACjC,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,qBAwiBA"}

package/dist/components/explorer/expandable-deleted-attr.d.ts

@@ -0,0 +1,15 @@
+import { DBAttr } from '../../types';
+import { default as React } from 'react';
+type SoftDeletedAttr = DBAttr & {
+    'deletion-marked-at': string;
+};
+interface ExpandableDeletedAttrProps {
+    attr: SoftDeletedAttr;
+    gracePeriodDays: number;
+    onRestore: (attrId: string) => void;
+    isExpanded: boolean;
+    setIsExpanded: (state: boolean) => void;
+}
+export declare const ExpandableDeletedAttr: React.FC<ExpandableDeletedAttrProps>;
+export {};
+//# sourceMappingURL=expandable-deleted-attr.d.ts.map

package/dist/components/explorer/expandable-deleted-attr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-deleted-attr.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/expandable-deleted-attr.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,MAAM,EAGP,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,KAAK,eAAe,GAAG,MAAM,GAAG;IAC9B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,UAAU,0BAA0B;IAClC,IAAI,EAAE,eAAe,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+ItE,CAAC"}

package/dist/components/explorer/explorer-layout.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SchemaNamespace } from '../../types';
+import { useStableDB } from '../../hooks/useStableDB';
+export declare const ExplorerLayout: ({ namespaces, db, }: {
+    namespaces: SchemaNamespace[];
+    db: ReturnType<typeof useStableDB>;
+}) => React.JSX.Element;
+//# sourceMappingURL=explorer-layout.d.ts.map

package/dist/components/explorer/explorer-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"explorer-layout.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/explorer-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAM7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAWrD,eAAO,MAAM,cAAc,GAAI,qBAG5B;IACD,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,EAAE,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;CACpC,sBAkIA,CAAC"}

package/dist/components/explorer/index.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { HasDefault, WithDefaults, WithOptional } from '../../types';
+interface ExplorerProps {
+    appId: string;
+    adminToken: string;
+    apiURI: HasDefault<string>;
+    websocketURI: HasDefault<string>;
+    darkMode: HasDefault<boolean>;
+    className?: string;
+    explorerState: HasDefault<ExplorerNav | null | undefined>;
+    setExplorerState: HasDefault<React.Dispatch<React.SetStateAction<ExplorerNav | null>>>;
+    useShadowDOM: HasDefault<boolean>;
+}
+export declare const useExplorerProps: () => WithDefaults<ExplorerProps>;
+export declare const useExplorerState: () => {
+    explorerState: {
+        namespace: string;
+        where?: [string, any] | undefined;
+        sortAttr?: string | undefined;
+        sortAsc?: boolean | undefined;
+        filters?: [string, SearchFilterOp, any][] | undefined;
+        limit?: number | undefined;
+        page?: number | undefined;
+    };
+    history: {
+        push: (filter: React.SetStateAction<ExplorerNav>, replace?: boolean) => void;
+        pop: () => void;
+        items: ExplorerNav[];
+    };
+};
+export type SearchFilterOp = '=' | '$ilike' | '$like' | '$gt' | '$lt' | '$isNull';
+export type SearchFilter = [string, SearchFilterOp, any];
+export interface ExplorerNav {
+    namespace: string;
+    where?: [string, any];
+    sortAttr?: string;
+    sortAsc?: boolean;
+    filters?: SearchFilter[];
+    limit?: number;
+    page?: number;
+}
+export declare const Explorer: (_props: WithOptional<ExplorerProps>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/explorer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAOzE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,aAAa,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC1D,gBAAgB,EAAE,UAAU,CAC1B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CACzD,CAAC;IACF,YAAY,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CACnC;AAcD,eAAO,MAAM,gBAAgB,QAAO,YAAY,CAAC,aAAa,CAQ7D,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAgDhB,MAAM;gBACT,CAAC,MAAM,EAAE,GAAG,CAAC;mBACV,MAAM;kBACP,OAAO;;gBAET,MAAM;eACP,MAAM;;;cAzEL,CACJ,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACzC,OAAO,CAAC,EAAE,OAAO,KACd,IAAI;aACJ,MAAM,IAAI;eACR,WAAW,EAAE;;CAsBvB,CAAC;AA6BF,MAAM,MAAM,cAAc,GACtB,GAAG,GACH,QAAQ,GACR,OAAO,GACP,KAAK,GACL,KAAK,GACL,SAAS,CAAC;AAEd,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,GAAI,QAAQ,YAAY,CAAC,aAAa,CAAC,sBAmG3D,CAAC"}

package/dist/components/explorer/inner-explorer.d.ts

@@ -0,0 +1,16 @@
+import { InstantReactAbstractDatabase } from '@instantdb/react';
+import { default as React } from 'react';
+import { SchemaAttr, SchemaNamespace } from '../../types';
+export type TableColMeta = {
+    sortable?: boolean;
+    disablePadding: boolean;
+    isLink?: boolean;
+    attr: SchemaAttr;
+    copyable?: boolean;
+};
+export declare const InnerExplorer: React.FC<{
+    db: InstantReactAbstractDatabase<any, any>;
+    namespaces: SchemaNamespace[];
+}>;
+export declare function jsonFetch(input: RequestInfo, init: RequestInit | undefined): Promise<any>;
+//# sourceMappingURL=inner-explorer.d.ts.map

package/dist/components/explorer/inner-explorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inner-explorer.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/inner-explorer.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAehE,OAAO,KAMN,MAAM,OAAO,CAAC;AAyBf,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAazD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,EAAE,EAAE,4BAA4B,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC3C,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B,CAopCA,CAAC;AAsBF,wBAAsB,SAAS,CAC7B,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,WAAW,GAAG,SAAS,GAC5B,OAAO,CAAC,GAAG,CAAC,CAMd"}

package/dist/components/explorer/new-namespace-dialog.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { InstantReactWebDatabase } from '@instantdb/react';
+export declare function NewNamespaceDialog({ db, onClose, }: {
+    db: InstantReactWebDatabase<any>;
+    onClose: (p?: {
+        id: string;
+        name: string;
+    }) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=new-namespace-dialog.d.ts.map

package/dist/components/explorer/new-namespace-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-namespace-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/new-namespace-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAK/D,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,OAAO,GACR,EAAE;IACD,EAAE,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrD,qBAyCA"}

package/dist/components/explorer/query-inspector.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { InstantReactWebDatabase } from '@instantdb/react';
+import { DBAttr, SchemaNamespace } from '../../types';
+export declare function QueryInspector({ className, appId, db: baseDb, namespaces, attrs, }: {
+    className?: string;
+    appId: string;
+    db: InstantReactWebDatabase<any>;
+    namespaces: SchemaNamespace[] | null;
+    attrs: Record<string, DBAttr> | null;
+}): React.JSX.Element;
+//# sourceMappingURL=query-inspector.d.ts.map

package/dist/components/explorer/query-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-inspector.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/query-inspector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAQ,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAmErD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,EAAE,EAAE,MAAM,EACV,UAAU,EACV,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IACjC,UAAU,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACtC,qBAgTA"}

package/dist/components/explorer/recently-deleted.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { SchemaNamespace, DBAttr } from '../../types';
+import { InstantReactWebDatabase } from '@instantdb/react';
+import { useAttrNotes } from '../../hooks/useAttrNotes';
+export type SoftDeletedAttr = Omit<DBAttr, 'metadata'> & {
+    'deletion-marked-at': string;
+    metadata: {
+        soft_delete_snapshot?: {
+            is_indexed: boolean;
+            is_required: boolean;
+            id_attr_id: string;
+        };
+    };
+};
+type DeletedNamespace = {
+    idAttr: SoftDeletedAttr;
+    remainingCols: SoftDeletedAttr[];
+};
+export declare const useRecentlyDeletedAttrs: (appId: string) => import('swr').SWRResponse<{
+    attrs: SoftDeletedAttr[];
+    'grace-period-days': number;
+}, any, any>;
+export declare const useRecentlyDeletedNamespaces: (appId: string) => DeletedNamespace[];
+export declare function RecentlyDeletedNamespaces({ appId, db, }: {
+    db: InstantReactWebDatabase<any>;
+    appId: string;
+}): React.JSX.Element;
+export declare const RecentlyDeletedAttrs: React.FC<{
+    namespace: SchemaNamespace;
+    appId: string;
+    db: InstantReactWebDatabase<any>;
+    notes: ReturnType<typeof useAttrNotes>;
+}>;
+export declare const removeDeletedMarker: (s: string) => string;
+export {};
+//# sourceMappingURL=recently-deleted.d.ts.map

package/dist/components/explorer/recently-deleted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recently-deleted.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/recently-deleted.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAQvD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG;IACvD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE;QACR,oBAAoB,CAAC,EAAE;YACrB,UAAU,EAAE,OAAO,CAAC;YACpB,WAAW,EAAE,OAAO,CAAC;YACrB,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;CACH,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,aAAa,EAAE,eAAe,EAAE,CAAC;CAClC,CAAC;AAKF,eAAO,MAAM,uBAAuB,GAAI,OAAO,MAAM;WA2BxC,eAAe,EAAE;yBACH,MAAM;YAOhC,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,OAAO,MAAM,KACZ,gBAAgB,EAkBlB,CAAC;AAKF,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,EAAE,GACH,EAAE;IACD,EAAE,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,qBA2FA;AAKD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IACjC,KAAK,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;CACxC,CAoFA,CAAC;AA6BF,eAAO,MAAM,mBAAmB,GAAI,GAAG,MAAM,KAAG,MAI/C,CAAC"}

package/dist/components/explorer/search-input.d.ts

@@ -0,0 +1,9 @@
+import { SearchFilter } from '../../hooks/explorer';
+import { SchemaAttr } from '../../types';
+import { default as React } from 'react';
+export declare function SearchInput({ onSearchChange, attrs, initialFilters, }: {
+    onSearchChange: (filters: SearchFilter[]) => void;
+    attrs?: SchemaAttr[];
+    initialFilters?: SearchFilter[];
+}): React.JSX.Element;
+//# sourceMappingURL=search-input.d.ts.map

package/dist/components/explorer/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/search-input.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,KAMN,MAAM,OAAO,CAAC;AAqLf,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,KAAK,EACL,cAAmB,GACpB,EAAE;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;CACjC,qBAyJA"}

package/dist/components/explorer/table-components.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Cell, Header, HeaderGroup, Table } from '@tanstack/react-table';
+export declare const TableHeader: ({ header, table, headerGroup, index, setMinViableColWidth, onSort, currentSortAttr, currentSortAsc, }: {
+    header: Header<any, any>;
+    table: Table<any>;
+    headerGroup: HeaderGroup<any>;
+    index: number;
+    setMinViableColWidth: (columnId: string) => void;
+    onSort?: (attrName: string, currentAttr: string | undefined, currentAsc?: boolean) => void;
+    currentSortAttr?: string;
+    currentSortAsc?: boolean;
+}) => React.JSX.Element;
+export declare const TableCell: ({ cell }: {
+    cell: Cell<any, unknown>;
+}) => React.JSX.Element;
+//# sourceMappingURL=table-components.d.ts.map

package/dist/components/explorer/table-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-components.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/table-components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EACL,IAAI,EAEJ,MAAM,EACN,WAAW,EACX,KAAK,EACN,MAAM,uBAAuB,CAAC;AAiB/B,eAAO,MAAM,WAAW,GAAI,uGASzB;IACD,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,UAAU,CAAC,EAAE,OAAO,KACjB,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,sBAgJA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,UAAU;IAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;CAAE,sBAoH/D,CAAC"}

package/dist/components/explorer/view-settings.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { useColumnVisibility } from '../../hooks/useColumnVisibility';
+interface ViewSettingsProps {
+    visiblity: ReturnType<typeof useColumnVisibility>;
+    localDates: boolean;
+    setLocalDates: (v: boolean | undefined) => void;
+}
+export declare const ViewSettings: ({ visiblity, localDates, setLocalDates, }: ViewSettingsProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=view-settings.d.ts.map

package/dist/components/explorer/view-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-settings.d.ts","sourceRoot":"","sources":["../../../src/components/explorer/view-settings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAIrE,UAAU,iBAAiB;IACzB,SAAS,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,YAAY,GAAI,2CAI1B,iBAAiB,sBAyDnB,CAAC"}

package/dist/components/rosePineDawnTheme.d.ts

@@ -0,0 +1,13 @@
+export declare const rosePineDawnTheme: {
+    plain: {
+        backgroundColor: string;
+        color: string;
+    };
+    styles: {
+        types: string[];
+        style: {
+            color: string;
+        };
+    }[];
+};
+//# sourceMappingURL=rosePineDawnTheme.d.ts.map

package/dist/components/rosePineDawnTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rosePineDawnTheme.d.ts","sourceRoot":"","sources":["../../src/components/rosePineDawnTheme.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;;;;CA2C7B,CAAC"}

package/dist/components/select.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): React.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAS1D,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,qBAiBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBA+BtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAkBnD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,qBAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,qBAa7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,qBAa/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/components/toast.d.ts

@@ -0,0 +1,4 @@
+export declare function infoToast(text: string): void;
+export declare function successToast(text: string): void;
+export declare function errorToast(text: string, options?: any): void;
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,QAErC;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,QAIxC;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,QAKrD"}