@treenity/react 3.0.2 → 3.0.4

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.4",
   "description": "React binding for Treenity — reactive hooks, admin UI, and context-based component rendering.",
   "type": "module",
   "publishConfig": {
@@ -73,6 +73,7 @@
   "files": [
     "dist",
     "src",
+    "vite-plugin-treenity.ts",
     "!src/**/*.test.ts",
     "!src/**/*.test.tsx",
     "LICENSE",
@@ -106,6 +107,7 @@
     "@tiptap/react": "^3.20.0",
     "@tiptap/starter-kit": "^3.20.0",
     "@tiptap/suggestion": "^3.20.0",
+    "@treenity/react": "^3.0.3",
     "@trpc/client": "^11.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

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');
+}

package/vite-plugin-treenity.ts

@@ -0,0 +1,230 @@
+// Treenity vite plugin:
+// 1. Resolve #subpath imports via nearest package.json (Vite doesn't support them)
+// 2. Resolve @treenity/* exports with array conditions (Vite bug #16153)
+// 3. Auto-discover mod client.ts → virtual:mod-clients
+// 4. Block server.ts from frontend bundle
+
+import { existsSync, readFileSync, readdirSync, realpathSync, statSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import type { Plugin } from 'vite';
+
+// ── Package.json resolution ──
+
+type SpecValue = string | string[] | Record<string, string | string[]>;
+type FieldMap = Record<string, SpecValue>;
+
+const pkgCache = new Map<string, { dir: string; imports?: FieldMap; exports?: FieldMap } | null>();
+
+function readPkg(startDir: string) {
+  if (pkgCache.has(startDir)) return pkgCache.get(startDir)!;
+
+  let current = startDir;
+  while (current !== dirname(current)) {
+    const pkgPath = join(current, 'package.json');
+    if (existsSync(pkgPath)) {
+      const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+      if (pkg.imports || pkg.exports) {
+        const result = { dir: current, imports: pkg.imports as FieldMap, exports: pkg.exports as FieldMap };
+        pkgCache.set(startDir, result);
+        return result;
+      }
+    }
+    current = dirname(current);
+  }
+
+  pkgCache.set(startDir, null);
+  return null;
+}
+
+// Cache for @treenity/* package dirs
+const treenityPkgCache = new Map<string, { dir: string; exports: FieldMap } | null>();
+
+function findTreenityPkg(name: string): { dir: string; exports: FieldMap } | null {
+  if (treenityPkgCache.has(name)) return treenityPkgCache.get(name)!;
+
+  // Walk up from CWD to find node_modules/@treenity/<name>
+  let current = process.cwd();
+  while (current !== dirname(current)) {
+    const pkgDir = join(current, 'node_modules', name);
+    const pkgPath = join(pkgDir, 'package.json');
+    if (existsSync(pkgPath)) {
+      const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+      // Follow symlink to real path for resolution
+      const realDir = realpathSync(pkgDir);
+      const result = pkg.exports ? { dir: realDir, exports: pkg.exports as FieldMap } : null;
+      treenityPkgCache.set(name, result);
+      return result;
+    }
+    current = dirname(current);
+  }
+
+  treenityPkgCache.set(name, null);
+  return null;
+}
+
+function resolveConditions(pkgDir: string, spec: SpecValue, conditions: string[]): string[] {
+  if (typeof spec === 'string') return [resolve(pkgDir, spec)];
+  if (Array.isArray(spec)) return spec.map(s => resolve(pkgDir, s));
+
+  for (const cond of conditions) {
+    if (spec[cond]) return resolveConditions(pkgDir, spec[cond], conditions);
+  }
+  if (spec.default) return resolveConditions(pkgDir, spec.default, conditions);
+  return [];
+}
+
+function isFile(p: string): boolean {
+  return existsSync(p) && statSync(p).isFile();
+}
+
+const EXT = ['.ts', '.tsx', '.js', '.jsx'];
+const IDX = ['/index.ts', '/index.tsx', '/index.js', '/index.jsx'];
+
+function tryResolve(candidates: string[]): string | undefined {
+  for (const c of candidates) {
+    if (isFile(c)) return c;
+    for (const ext of EXT) { if (isFile(c + ext)) return c + ext; }
+    for (const idx of IDX) { if (isFile(c + idx)) return c + idx; }
+  }
+}
+
+function expandWildcard(spec: SpecValue, matched: string): SpecValue {
+  if (typeof spec === 'string') return spec.replace('*', matched);
+  if (Array.isArray(spec)) return spec.map(s => s.replace('*', matched));
+  return Object.fromEntries(
+    Object.entries(spec).map(([k, v]) => [k, expandWildcard(v, matched)])
+  ) as SpecValue;
+}
+
+function matchPattern(id: string, map: FieldMap, pkgDir: string, conditions: string[]): string | undefined {
+  for (const [pattern, spec] of Object.entries(map)) {
+    if (pattern === id) {
+      return tryResolve(resolveConditions(pkgDir, spec, conditions));
+    }
+
+    if (pattern.includes('*')) {
+      const [prefix, suffix] = pattern.split('*');
+      if (id.startsWith(prefix) && (!suffix || id.endsWith(suffix))) {
+        const matched = id.slice(prefix.length, suffix ? -suffix.length || undefined : undefined);
+        return tryResolve(resolveConditions(pkgDir, expandWildcard(spec, matched), conditions));
+      }
+    }
+  }
+}
+
+// ── Mod discovery ──
+
+const VIRTUAL_ID = 'virtual:mod-clients';
+const RESOLVED_ID = '\0' + VIRTUAL_ID;
+const SERVER_RE = /\/mods\/[^/]+\/server(\.ts)?$/;
+
+function scanClients(dir: string): string[] {
+  if (!existsSync(dir)) return [];
+  const clients: string[] = [];
+  for (const entry of readdirSync(dir, { withFileTypes: true })) {
+    if (!entry.isDirectory()) continue;
+    const client = resolve(dir, entry.name, 'client.ts');
+    if (existsSync(client)) clients.push(client);
+  }
+  return clients;
+}
+
+// Scan node_modules for @treenity/* packages with treenity.clients field
+function discoverPackageClients(): string[] {
+  const imports: string[] = [];
+  let current = process.cwd();
+
+  while (current !== dirname(current)) {
+    const nmDir = join(current, 'node_modules', '@treenity');
+    if (existsSync(nmDir)) {
+      for (const entry of readdirSync(nmDir, { withFileTypes: true })) {
+        if (!entry.isDirectory() && !entry.isSymbolicLink()) continue;
+        const pkgPath = join(nmDir, entry.name, 'package.json');
+        if (!existsSync(pkgPath)) continue;
+        const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+        if (pkg.treenity?.clients) {
+          const realDir = realpathSync(join(nmDir, entry.name));
+          const clientsPath = resolve(realDir, pkg.treenity.clients);
+          if (existsSync(clientsPath)) imports.push(clientsPath);
+        }
+      }
+      break; // found node_modules, stop walking up
+    }
+    current = dirname(current);
+  }
+
+  return imports;
+}
+
+// ── Plugin ──
+
+export default function treenityPlugin(opts?: { modsDirs?: string[] }): Plugin {
+  const engineRoot = resolve(import.meta.dirname, '../..');
+  let conditions: string[] = [];
+
+  return {
+    name: 'treenity',
+    enforce: 'pre',
+
+    configResolved(config) {
+      conditions = (config.resolve.conditions ?? []).concat('default');
+    },
+
+    resolveId(id, importer) {
+      if (id === VIRTUAL_ID) return RESOLVED_ID;
+      if (!importer) return;
+
+      // Block server.ts from frontend
+      if (id.startsWith('.')) {
+        const resolved = resolve(importer, '..', id).replace(/\\/g, '/');
+        if (SERVER_RE.test(resolved)) {
+          this.error(
+            `Server module imported in frontend build: "${id}"\n` +
+            `  from: ${importer}\n` +
+            `  Mods must not import server.ts from client code`
+          );
+        }
+      }
+
+      // Resolve # imports via nearest package.json imports field
+      if (id.startsWith('#')) {
+        const pkg = readPkg(dirname(importer));
+        if (pkg?.imports) return matchPattern(id, pkg.imports, pkg.dir, conditions);
+      }
+
+      // Resolve @treenity/* exports (Vite doesn't handle array conditions)
+      if (id.startsWith('@treenity/')) {
+        const parts = id.split('/');
+        const pkgName = parts.slice(0, 2).join('/');
+        const subpath = './' + parts.slice(2).join('/');
+        const pkg = findTreenityPkg(pkgName);
+        if (pkg?.exports) {
+          return matchPattern(parts.length > 2 ? subpath : '.', pkg.exports, pkg.dir, conditions);
+        }
+      }
+    },
+
+    load(id) {
+      if (id !== RESOLVED_ID) return;
+
+      // 1. Auto-discover @treenity/* packages with treenity.clients
+      const pkgClients = discoverPackageClients();
+
+      // 2. Engine mods (sibling to this plugin's package)
+      const engineMods = scanClients(resolve(engineRoot, 'mods'));
+
+      // 3. Extra mods dirs (passed explicitly from project vite config)
+      const extraMods = (opts?.modsDirs ?? []).flatMap(d => scanClients(resolve(d)));
+
+      // Dedupe by realpath
+      const seen = new Set<string>();
+      const imports: string[] = [];
+      for (const p of [...pkgClients, ...engineMods, ...extraMods]) {
+        const real = realpathSync(p);
+        if (!seen.has(real)) { seen.add(real); imports.push(p); }
+      }
+
+      return imports.map(p => `import '${p}';`).join('\n') + '\n';
+    },
+  };
+}