@c15t/dev-tools 2.0.0-rc.8 → 2.0.1

package/dist/tanstack.js

@@ -1,19 +1,84 @@
+"use client";
 import { createDevToolsPanel } from "./379.js";
-function c15tDevtoolsPlugin(options = {}) {
-    const { namespace = 'c15tStore' } = options;
-    return {
-        name: 'c15t',
-        label: 'Consent',
-        render: (container)=>{
-            const panel = createDevToolsPanel({
-                namespace,
-                mode: 'embedded'
-            });
-            container.appendChild(panel.element);
-            return ()=>{
-                panel.destroy();
-            };
+import * as __rspack_external_react from "react";
+const embeddedPanelStyle = {
+    height: '100%',
+    width: '100%',
+    minHeight: 0
+};
+const EMBEDDED_PANEL_RELEASE_DELAY_MS = 60000;
+const sharedEmbeddedPanels = new Map();
+function acquireEmbeddedPanel(namespace) {
+    const existingPanel = sharedEmbeddedPanels.get(namespace);
+    if (existingPanel) {
+        if (existingPanel.releaseTimeout) {
+            clearTimeout(existingPanel.releaseTimeout);
+            existingPanel.releaseTimeout = null;
+        }
+        existingPanel.refCount += 1;
+        return existingPanel;
+    }
+    const panel = createDevToolsPanel({
+        namespace,
+        mode: 'embedded'
+    });
+    const entry = {
+        panel,
+        refCount: 1,
+        releaseTimeout: null
+    };
+    sharedEmbeddedPanels.set(namespace, entry);
+    return entry;
+}
+function releaseEmbeddedPanel(namespace) {
+    const entry = sharedEmbeddedPanels.get(namespace);
+    if (!entry) return;
+    entry.refCount = Math.max(0, entry.refCount - 1);
+    if (entry.refCount > 0 || entry.releaseTimeout) return;
+    entry.releaseTimeout = setTimeout(()=>{
+        const currentEntry = sharedEmbeddedPanels.get(namespace);
+        if (!currentEntry || currentEntry.refCount > 0) return;
+        currentEntry.panel.destroy();
+        sharedEmbeddedPanels.delete(namespace);
+    }, EMBEDDED_PANEL_RELEASE_DELAY_MS);
+}
+function C15tTanStackDevtoolsPanel({ namespace = 'c15tStore', style, ...props }) {
+    const containerRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useLayoutEffect(()=>{
+        const container = containerRef.current;
+        if (!container) return;
+        const entry = acquireEmbeddedPanel(namespace);
+        container.replaceChildren(entry.panel.element);
+        return ()=>{
+            if (entry.panel.element.parentElement === container) container.removeChild(entry.panel.element);
+            releaseEmbeddedPanel(namespace);
+        };
+    }, [
+        namespace
+    ]);
+    return __rspack_external_react.createElement('div', {
+        ...props,
+        ref: containerRef,
+        style: {
+            ...embeddedPanelStyle,
+            ...style
         }
+    });
+}
+function createC15tDevtoolsPlugin(options = {}) {
+    const { namespace = 'c15tStore', id = 'c15t', name = 'c15t', defaultOpen = false, ...panelProps } = options;
+    return {
+        id,
+        name,
+        defaultOpen,
+        render: __rspack_external_react.createElement(C15tTanStackDevtoolsPanel, {
+            ...panelProps,
+            namespace
+        })
     };
 }
-export { c15tDevtoolsPlugin };
+function c15tDevtools(options = {}) {
+    return createC15tDevtoolsPlugin(options);
+}
+const c15tDevtoolsPlugin = c15tDevtools;
+export { C15tTanStackDevtoolsPanel, c15tDevtools, c15tDevtoolsPlugin };

package/dist-types/tanstack.d.ts

@@ -1,7 +1,8 @@
 /**
- * TanStack DevTools Plugin
+ * TanStack DevTools integration
  *
- * Provides c15t integration for TanStack DevTools
+ * Provides a React panel component and plugin factory that follow
+ * TanStack Devtools' documented `render: <Panel />` API.
  *
  * @example
  * ```tsx
@@ -20,26 +21,57 @@
  *
  * @packageDocumentation
  */
+import type { HTMLAttributes, ReactElement } from 'react';
+import * as React from 'react';
 /**
- * TanStack DevTools plugin interface
+ * Props for the embedded c15t panel used inside TanStack Devtools.
  */
-export interface DevToolsPlugin {
+export interface C15tTanStackDevtoolsPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Namespace for the c15tStore on window.
+     * @default 'c15tStore'
+     */
+    namespace?: string;
+}
+/**
+ * Plugin configuration for React TanStack Devtools.
+ */
+export interface TanStackDevtoolsPlugin {
+    id?: string;
     name: string;
-    label: string;
-    render: (container: HTMLElement) => () => void;
+    defaultOpen?: boolean;
+    render: ReactElement;
 }
 /**
- * Options for the c15t DevTools plugin
+ * Options for the c15t TanStack Devtools plugin factory.
  */
-export interface C15tDevtoolsPluginOptions {
+export interface C15tDevtoolsPluginOptions extends C15tTanStackDevtoolsPanelProps {
     /**
-     * Namespace for the c15tStore on window
-     * @default 'c15tStore'
+     * Stable plugin identifier used by TanStack Devtools.
+     * @default 'c15t'
      */
-    namespace?: string;
+    id?: string;
+    /**
+     * Display name shown in the TanStack Devtools sidebar.
+     * @default 'c15t'
+     */
+    name?: string;
+    /**
+     * Whether the c15t panel should be open on first load.
+     * @default false
+     */
+    defaultOpen?: boolean;
 }
 /**
- * Creates a c15t plugin for TanStack DevTools
+ * React panel component for embedding c15t DevTools inside TanStack Devtools.
+ */
+export declare function C15tTanStackDevtoolsPanel({ namespace, style, ...props }: C15tTanStackDevtoolsPanelProps): React.JSX.Element;
+/**
+ * Creates a c15t plugin config for TanStack Devtools.
+ */
+export declare function c15tDevtools(options?: C15tDevtoolsPluginOptions): TanStackDevtoolsPlugin;
+/**
+ * Backward-compatible alias for the TanStack Devtools plugin factory.
  */
-export declare function c15tDevtoolsPlugin(options?: C15tDevtoolsPluginOptions): DevToolsPlugin;
+export declare const c15tDevtoolsPlugin: typeof c15tDevtools;
 export type { DevToolsPosition, DevToolsTab } from './core/state-manager';

package/dist-types/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.0.0-rc.8";
+export declare const version = "2.0.1";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@c15t/dev-tools",
-	"version": "2.0.0-rc.8",
+	"version": "2.0.1",
 	"description": "A collection of developer tools and utilities for the c15t ecosystem, currently under active development.",
 	"homepage": "https://c15t.com",
 	"repository": {
@@ -8,7 +8,7 @@
 		"url": "https://github.com/c15t/c15t.git",
 		"directory": "packages/dev-tools"
 	},
-	"license": "GPL-3.0-only",
+	"license": "Apache-2.0",
 	"type": "module",
 	"exports": {
 		".": {
@@ -53,9 +53,8 @@
 		"@radix-ui/react-slot": "1.2.4",
 		"@radix-ui/react-switch": "1.2.6",
 		"@radix-ui/react-tooltip": "^1.2.8",
-		"c15t": "2.0.0-rc.8",
+		"c15t": "2.0.0",
 		"class-variance-authority": "^0.7.1",
-		"clsx": "2.1.1",
 		"lucide-react": "^1.7.0",
 		"motion": "^12.38.0",
 		"react-draggable": "^4.5.0",
@@ -65,7 +64,7 @@
 		"zustand": "^5.0.12"
 	},
 	"devDependencies": {
-		"@c15t/typescript-config": "0.0.1-beta.1",
+		"@c15t/typescript-config": "0.0.1",
 		"@types/react": "19.2.14",
 		"@types/react-dom": "19.2.3",
 		"postcss": "^8.5.8"