@nbt-dev/devtools 0.0.10 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +9 -6
  2. package/dist/components/devtools/portal-container.d.ts +1 -0
  3. package/dist/components/devtools/workflows-tab.d.ts +3 -0
  4. package/dist/index.js +31 -27
  5. package/dist/index.js.map +4 -4
  6. package/dist/styles.css +1 -1
  7. package/package.json +1 -1
package/README.md CHANGED
@@ -28,11 +28,10 @@ npm install @nbt-dev/devtools
28
28
 
29
29
  ## Usage
30
30
 
31
- Mount the panel once near your app root and import the stylesheet once anywhere:
31
+ Mount the panel once near your app root — that's it, no stylesheet import:
32
32
 
33
33
  ```tsx
34
34
  import { NimbitDevTools } from "@nbt-dev/devtools";
35
- import "@nbt-dev/devtools/styles.css";
36
35
 
37
36
  export default function App() {
38
37
  return (
@@ -62,10 +61,14 @@ banner). Render it inside a client boundary / your root layout's client tree.
62
61
 
63
62
  ## Styling
64
63
 
65
- The shipped `styles.css` is self-contained and scoped under `.nimbit-devtools`
66
- (the panel + its portalled surfaces). It ships only Tailwind's theme + utilities
67
- layers — no preflight reset — so it never disturbs your app's own styles. Works
68
- with or without Tailwind in the host.
64
+ The panel mounts inside its own **shadow root** attached to `<body>`, with its
65
+ stylesheet injected into that shadow root. Nothing leaks in or out: the host
66
+ app's CSS (and theme/`<html>` font-size) can't reach the panel, and the panel's
67
+ styles can't touch the host. Sizing is pinned to absolute pixels, so the panel
68
+ renders identically no matter how the host themes its document.
69
+
70
+ The standalone `@nbt-dev/devtools/styles.css` export is still published for
71
+ advanced/manual mounting, but is **not** needed for normal usage.
69
72
 
70
73
  ## API
71
74
 
package/dist/components/devtools/portal-container.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const PortalContainerContext: import("react").Context<HTMLElement | null>;
package/dist/components/devtools/workflows-tab.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const WorkflowsTab: React.FC;
3
+ export default WorkflowsTab;