dockview 6.6.0 → 7.0.2

package/README.md

@@ -1,7 +1,7 @@
 <div align="center">
 <h1>dockview</h1>
 
-<p>React bindings for dockview — zero dependency layout manager supporting tabs, groups, grids and splitviews</p>
+<p>Zero dependency layout manager supporting tabs, groups, grids and splitviews</p>
 
 </div>
 
@@ -40,7 +40,12 @@ Please see the website: https://dockview.dev
 
 ## Quick Start
 
-Dockview has a peer dependency on `react >= 16.8.0` and `react-dom >= 16.8.0`. Install from [npm](https://www.npmjs.com/package/dockview):
+`dockview` is the JavaScript package. Using a framework? Install the
+matching bindings instead: [`dockview-react`](https://www.npmjs.com/package/dockview-react),
+[`dockview-vue`](https://www.npmjs.com/package/dockview-vue) or
+[`dockview-angular`](https://www.npmjs.com/package/dockview-angular).
+
+Install from [npm](https://www.npmjs.com/package/dockview):
 
 ```
 npm install dockview
@@ -52,32 +57,34 @@ Import the stylesheet:
 @import 'dockview/dist/styles/dockview.css';
 ```
 
-Apply a theme and render the component:
-
-```tsx
-import { DockviewReact } from 'dockview';
-
-const components = {
-    myComponent: (props) => <div>Hello World</div>,
-};
-
-function App() {
-    return (
-        <div className="dockview-theme-dark" style={{ height: '400px' }}>
-            <DockviewReact
-                components={components}
-                onReady={(event) => {
-                    event.api.addPanel({
-                        id: 'panel_1',
-                        component: 'myComponent',
-                    });
-                }}
-            />
-        </div>
-    );
-}
+Create a dockview instance:
+
+```ts
+import { DockviewComponent } from 'dockview';
+
+const element = document.getElementById('app');
+
+const dockview = new DockviewComponent(element, {
+    createComponent: (options) => {
+        switch (options.name) {
+            case 'my-component':
+                return {
+                    init: (params) => {
+                        params.containerElement.textContent = 'Hello World';
+                    },
+                };
+        }
+    },
+});
+
+dockview.addPanel({
+    id: 'panel_1',
+    component: 'my-component',
+});
 ```
 
+Apply a theme by adding a theme class (e.g. `dockview-theme-dark`) to a parent element.
+
 See the [documentation](https://dockview.dev) for full examples.
 
 Want to verify our builds? Go [here](https://www.npmjs.com/package/dockview#Provenance).

package/dist/cjs/index.d.ts

@@ -1,10 +1 @@
 export * from 'dockview-core';
-export * from './dockview/dockview';
-export * from './dockview/defaultTab';
-export { IDockviewTabGroupChipProps } from './dockview/reactTabGroupChipPart';
-export { IDockviewGroupDragGhostProps } from './dockview/reactGroupDragGhostPart';
-export * from './splitview/splitview';
-export * from './gridview/gridview';
-export * from './paneview/paneview';
-export * from './types';
-export * from './react';

package/dist/cjs/index.js

@@ -14,11 +14,16 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var dockview_core_1 = require("dockview-core");
+var dockview_modules_1 = require("dockview-modules");
 __exportStar(require("dockview-core"), exports);
-__exportStar(require("./dockview/dockview"), exports);
-__exportStar(require("./dockview/defaultTab"), exports);
-__exportStar(require("./splitview/splitview"), exports);
-__exportStar(require("./gridview/gridview"), exports);
-__exportStar(require("./paneview/paneview"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./react"), exports);
+/**
+ * `dockview` is the batteries-included entry point: it re-exports the core API
+ * and registers the separable feature modules so every component gets the full
+ * feature set out of the box. Consumers who want only the core can depend on
+ * `dockview-core` directly.
+ */
+(0, dockview_core_1.registerModules)(dockview_modules_1.Modules);
+// Mark the public package as loaded so `dockview-core` doesn't warn about
+// direct usage. Purely drives that developer warning — no functional effect.
+(0, dockview_core_1.markDockviewPackageLoaded)();