@treenity/react 3.0.2 → 3.0.3

package/dist/Treenity.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import './load-client';
+import './root.css';
+export interface TreenityProps {
+    /** Override initial path */
+    path?: string;
+    /** Wrap with custom providers */
+    children?: ReactNode;
+}
+/**
+ * Treenity as a single React component.
+ * Includes all providers, auth, SSE, cache.
+ */
+export declare function Treenity({ children }: TreenityProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Treenity.d.ts.map

package/dist/Treenity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Treenity.d.ts","sourceRoot":"","sources":["../src/Treenity.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,eAAe,CAAA;AAEtB,OAAO,YAAY,CAAA;AAMnB,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAQnD"}

package/dist/Treenity.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { enablePatches } from 'immer';
+import { App } from './App';
+import './load-client';
+import { Toaster } from './components/ui/sonner';
+import './root.css';
+enablePatches();
+const queryClient = new QueryClient();
+/**
+ * Treenity as a single React component.
+ * Includes all providers, auth, SSE, cache.
+ */
+export function Treenity({ children }) {
+    return (_jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(App, {}), _jsx(Toaster, {}), children] }));
+}
+//# sourceMappingURL=Treenity.js.map

package/dist/Treenity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Treenity.js","sourceRoot":"","sources":["../src/Treenity.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,YAAY,CAAA;AAEnB,aAAa,EAAE,CAAA;AAEf,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAA;AASrC;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAClD,OAAO,CACL,MAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,aACtC,KAAC,GAAG,KAAG,EACP,KAAC,OAAO,KAAG,EACV,QAAQ,IACW,CACvB,CAAA;AACH,CAAC"}

package/dist/main.d.ts

@@ -1,4 +1,6 @@
 import 'reflect-metadata';
 import './load-client';
 import './root.css';
+/** Mount Treenity UI into a DOM element */
+export declare function boot(el?: HTMLElement | string): void;
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAM1B,OAAO,eAAe,CAAC;AAEvB,OAAO,YAAY,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAM1B,OAAO,eAAe,CAAC;AAEvB,OAAO,YAAY,CAAC;AAUpB,2CAA2C;AAC3C,wBAAgB,IAAI,CAAC,EAAE,GAAE,WAAW,GAAG,MAAgB,QAWtD"}

package/dist/main.js

@@ -11,13 +11,16 @@ enablePatches();
 const queryClient = new QueryClient();
 // StrictMode off: FlowGram inversify container breaks on double-mount
 // https://github.com/bytedance/flowgram.ai/issues/402
-// TODO: re-enable once FlowGram fixes React 19 StrictMode support
-// const Strict = import.meta.env.VITE_STRICT_MODE !== 'false'
-//   ? StrictMode
-//   : ({ children }: { children: ReactNode }) => children;
 const Strict = ({ children }) => children;
-const root = document.getElementById('root');
-if (!root)
-    throw new Error('No #root element');
-createRoot(root).render(_jsx(Strict, { children: _jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(App, {}), _jsx(Toaster, {})] }) }));
+/** Mount Treenity UI into a DOM element */
+export function boot(el = '#root') {
+    const root = typeof el === 'string' ? document.querySelector(el) : el;
+    if (!root)
+        throw new Error(`Treenity boot: element "${el}" not found`);
+    createRoot(root).render(_jsx(Strict, { children: _jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(App, {}), _jsx(Toaster, {})] }) }));
+}
+// Auto-boot when loaded directly (not imported)
+if (typeof document !== 'undefined' && document.getElementById('root')) {
+    boot('#root');
+}
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,YAAY,CAAC;AAEpB,aAAa,EAAE,CAAC;AAEhB,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AAEtC,sEAAsE;AACtE,sDAAsD;AACtD,kEAAkE;AAClE,8DAA8D;AAC9D,iBAAiB;AACjB,2DAA2D;AAC3D,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,QAAQ,CAAC;AAEnE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAC7C,IAAI,CAAC,IAAI;IAAE,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAC/C,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CACrB,KAAC,MAAM,cACL,MAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,aACtC,KAAC,GAAG,KAAG,EACP,KAAC,OAAO,KAAG,IACS,GACf,CACV,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,YAAY,CAAC;AAEpB,aAAa,EAAE,CAAC;AAEhB,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AAEtC,sEAAsE;AACtE,sDAAsD;AACtD,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,QAAQ,CAAC;AAEnE,2CAA2C;AAC3C,MAAM,UAAU,IAAI,CAAC,KAA2B,OAAO;IACrD,MAAM,IAAI,GAAG,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtE,IAAI,CAAC,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,EAAE,aAAa,CAAC,CAAC;IACvE,UAAU,CAAC,IAAmB,CAAC,CAAC,MAAM,CACpC,KAAC,MAAM,cACL,MAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,aACtC,KAAC,GAAG,KAAG,EACP,KAAC,OAAO,KAAG,IACS,GACf,CACV,CAAC;AACJ,CAAC;AAED,gDAAgD;AAChD,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;IACvE,IAAI,CAAC,OAAO,CAAC,CAAC;AAChB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treenity/react",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "React binding for Treenity — reactive hooks, admin UI, and context-based component rendering.",
   "type": "module",
   "publishConfig": {

package/src/Treenity.tsx

@@ -0,0 +1,32 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { enablePatches } from 'immer'
+import { type ReactNode } from 'react'
+import { App } from './App'
+import './load-client'
+import { Toaster } from './components/ui/sonner'
+import './root.css'
+
+enablePatches()
+
+const queryClient = new QueryClient()
+
+export interface TreenityProps {
+  /** Override initial path */
+  path?: string
+  /** Wrap with custom providers */
+  children?: ReactNode
+}
+
+/**
+ * Treenity as a single React component.
+ * Includes all providers, auth, SSE, cache.
+ */
+export function Treenity({ children }: TreenityProps) {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <App />
+      <Toaster />
+      {children}
+    </QueryClientProvider>
+  )
+}

package/src/main.tsx

@@ -1,7 +1,7 @@
 import 'reflect-metadata';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { enablePatches } from 'immer';
-import { StrictMode, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { App } from './App';
 import './load-client';
@@ -14,19 +14,23 @@ const queryClient = new QueryClient();
 
 // StrictMode off: FlowGram inversify container breaks on double-mount
 // https://github.com/bytedance/flowgram.ai/issues/402
-// TODO: re-enable once FlowGram fixes React 19 StrictMode support
-// const Strict = import.meta.env.VITE_STRICT_MODE !== 'false'
-//   ? StrictMode
-//   : ({ children }: { children: ReactNode }) => children;
 const Strict = ({ children }: { children: ReactNode }) => children;
 
-const root = document.getElementById('root');
-if (!root) throw new Error('No #root element');
-createRoot(root).render(
-  <Strict>
-    <QueryClientProvider client={queryClient}>
-      <App />
-      <Toaster />
-    </QueryClientProvider>
-  </Strict>,
-);
+/** Mount Treenity UI into a DOM element */
+export function boot(el: HTMLElement | string = '#root') {
+  const root = typeof el === 'string' ? document.querySelector(el) : el;
+  if (!root) throw new Error(`Treenity boot: element "${el}" not found`);
+  createRoot(root as HTMLElement).render(
+    <Strict>
+      <QueryClientProvider client={queryClient}>
+        <App />
+        <Toaster />
+      </QueryClientProvider>
+    </Strict>,
+  );
+}
+
+// Auto-boot when loaded directly (not imported)
+if (typeof document !== 'undefined' && document.getElementById('root')) {
+  boot('#root');
+}