foundry-vtt-react 0.1.0

package/README.md

@@ -0,0 +1,39 @@
+# Foundry VTT React
+
+This package provides extensions of various Foundry VTT classes to support React applications development within Foundry.
+
+## Installation
+
+Currently supported FoundryVTT classes:
+
+- `ReactApplicationV2`: A base application class for creating React-based applications in Foundry VTT.
+- `ReactActorSheetV2`: An actor sheet class that uses React for rendering the UI, allowing the React app to listen for changes to the document using the native ActoSheetV2 lifecycle events.
+
+## Usage
+
+There are two important pieces to developing React applications in Foundry.
+
+1. Creating your ReactApplicationV2 instance and passing in your React component.
+2. Configuring ViteJS development server to work with your local FoundryVTT instance.
+
+### Creating a ReactApplicationV2 Instance
+
+To create a new React-powered Foundry application, you can instantiate the `ReactApplicationV2` class and provide your React component along with any initial properties and window options.
+
+```javascript
+// Basic component
+function MyReactComponent(props) {
+  return <div>Hello, {props.data}!</div>;
+}
+
+// Declare an instance and render it as a Foundry application
+const app = new ReactApplicationV2({
+  reactApp: MyReactComponent,
+  initialProps: { data: "example" },
+  window: { title: "My React App" },
+  position: { width: 300, height: 200 },
+});
+app.render(true);
+```
+
+![alt text](assets/image.png)

package/dist/chunk-U6WX7YSY.mjs

@@ -0,0 +1,43 @@
+// lib/util/logger.ts
+var logger = (namespace) => (message) => {
+  console.log(`%c[foundry-vtt-react][${namespace}]`, "color: tomato;", message);
+};
+var logger_default = logger;
+
+// lib/util/dev-setup.ts
+var log = logger_default("dev-setup");
+function devSetup(appId, entrypoint) {
+  const refreshScriptId = `foundry-react-refresh-script-${appId}`;
+  if (document.getElementById(refreshScriptId)) {
+    log("Script tag already exists, not adding again");
+    return;
+  } else {
+    log("Adding script tag for react refresh");
+    const scriptInner = `
+      import { injectIntoGlobalHook } from "/modules/${appId}/dist/@react-refresh";
+      injectIntoGlobalHook(window);
+      window.$RefreshReg$ = () => {};
+      window.$RefreshSig$ = () => (type) => type;
+  `;
+    const tag = document.createElement("script");
+    tag.type = "module";
+    tag.id = refreshScriptId;
+    tag.innerHTML = scriptInner;
+    document.head.prepend(tag);
+  }
+  const devEntrypointId = `foundry-react-dev-entrypoint-${appId}`;
+  if (document.getElementById(devEntrypointId)) {
+    log("Dev entrypoint script tag already exists, not adding again");
+    return;
+  } else {
+    const mainScript = document.createElement("script");
+    mainScript.type = "module";
+    mainScript.src = `/modules/${appId}${entrypoint.startsWith("/") ? "" : "/"}${entrypoint}`;
+    document.body.appendChild(mainScript);
+  }
+}
+
+export {
+  devSetup
+};
+//# sourceMappingURL=chunk-U6WX7YSY.mjs.map

package/dist/chunk-U6WX7YSY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/util/logger.ts","../lib/util/dev-setup.ts"],"sourcesContent":["const logger =\n  (namespace: string): ((message: string) => void) =>\n  (message: string) => {\n    console.log(`%c[foundry-vtt-react][${namespace}]`, \"color: tomato;\", message);\n  };\n\nexport default logger;\n","import logger from \"../util/logger.js\";\nconst log = logger(\"dev-setup\");\n\n/**\n * devSetup.js\n *\n * Utility function to set up development environment for React applications in Foundry VTT. Used in conjunction\n * with a Vite development server, this function injects necessary scripts to enable React Fast Refresh and loads\n * the React application entrypoint.\n *\n * @param {string} appId - The application ID used to construct module paths, typically the `id` value in `module.json`.\n * @param {string} entrypoint - The path to the React application entrypoint script relative to the module root. This should match\n *                             the entrypoint defined in the Vite configuration.\n */\nexport function devSetup(appId: string, entrypoint: string) {\n  const refreshScriptId = `foundry-react-refresh-script-${appId}`;\n\n  if (document.getElementById(refreshScriptId)) {\n    log(\"Script tag already exists, not adding again\");\n    return;\n  } else {\n    log(\"Adding script tag for react refresh\");\n\n    const scriptInner = `\n      import { injectIntoGlobalHook } from \"/modules/${appId}/dist/@react-refresh\";\n      injectIntoGlobalHook(window);\n      window.$RefreshReg$ = () => {};\n      window.$RefreshSig$ = () => (type) => type;\n  `;\n\n    const tag = document.createElement(\"script\");\n    tag.type = \"module\";\n    tag.id = refreshScriptId;\n    tag.innerHTML = scriptInner;\n    document.head.prepend(tag);\n  }\n\n  const devEntrypointId = `foundry-react-dev-entrypoint-${appId}`;\n  if (document.getElementById(devEntrypointId)) {\n    log(\"Dev entrypoint script tag already exists, not adding again\");\n    return;\n  } else {\n    const mainScript = document.createElement(\"script\");\n    mainScript.type = \"module\";\n    mainScript.src = `/modules/${appId}${entrypoint.startsWith(\"/\") ? \"\" : \"/\"}${entrypoint}`;\n    document.body.appendChild(mainScript);\n  }\n}\n"],"mappings":";AAAA,IAAM,SACJ,CAAC,cACD,CAAC,YAAoB;AACnB,UAAQ,IAAI,yBAAyB,SAAS,KAAK,kBAAkB,OAAO;AAC9E;AAEF,IAAO,iBAAQ;;;ACLf,IAAM,MAAM,eAAO,WAAW;AAavB,SAAS,SAAS,OAAe,YAAoB;AAC1D,QAAM,kBAAkB,gCAAgC,KAAK;AAE7D,MAAI,SAAS,eAAe,eAAe,GAAG;AAC5C,QAAI,6CAA6C;AACjD;AAAA,EACF,OAAO;AACL,QAAI,qCAAqC;AAEzC,UAAM,cAAc;AAAA,uDAC+B,KAAK;AAAA;AAAA;AAAA;AAAA;AAMxD,UAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,QAAI,OAAO;AACX,QAAI,KAAK;AACT,QAAI,YAAY;AAChB,aAAS,KAAK,QAAQ,GAAG;AAAA,EAC3B;AAEA,QAAM,kBAAkB,gCAAgC,KAAK;AAC7D,MAAI,SAAS,eAAe,eAAe,GAAG;AAC5C,QAAI,4DAA4D;AAChE;AAAA,EACF,OAAO;AACL,UAAM,aAAa,SAAS,cAAc,QAAQ;AAClD,eAAW,OAAO;AAClB,eAAW,MAAM,YAAY,KAAK,GAAG,WAAW,WAAW,GAAG,IAAI,KAAK,GAAG,GAAG,UAAU;AACvF,aAAS,KAAK,YAAY,UAAU;AAAA,EACtC;AACF;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,101 @@
+export { devSetup } from './util/dev-setup.mjs';
+
+declare class ContextConnector<T> extends EventTarget {
+    static UPDATE: string;
+    constructor();
+    publishContext(context: T): void;
+    on(event: string, callback: (data: T) => void): void;
+    onUpdate(callback: (data: T) => void): void;
+    tearDown(fn: (data: T) => void): void;
+}
+
+declare const ReactApplicationV2_base: {
+    new ({ reactApp, initialProps, ...options }: {
+        reactApp: React.ComponentType<any>;
+        initialProps?: Record<string, any>;
+    } & any): {
+        [x: string]: any;
+        reactApp: React.ComponentType<any>;
+        uuid: string;
+        rootId: string;
+        innerSelector: string;
+        contextConnector: ContextConnector<any>;
+        initialProps: {};
+        get appIsRendered(): boolean;
+        _onRender(context: any, options: any): Promise<void>;
+        _replaceHTML(result: HTMLElement, content: HTMLElement): void;
+        _prepareContext(options: any): Promise<any>;
+        _renderHTML(): Promise<HTMLDivElement>;
+    };
+    [x: string]: any;
+    DEFAULT_OPTIONS: {
+        position: {
+            width: number;
+            height: number;
+        };
+        window: {
+            title: string;
+            resizable: boolean;
+            minimizable: boolean;
+        };
+    };
+};
+/**
+ * A Foundry VTT Application class that integrates React components with the Foundry application framework.
+ * Extends ApplicationV2 to provide seamless React app mounting and rendering capabilities.
+ *
+ * @class FoundryReactApplication
+ * @extends foundry.applications.api.ApplicationV2
+ *
+ * @example
+ * // Create a new React-powered Foundry application
+ * const app = new FoundryReactApplication({
+ *   reactApp: MyReactComponent,
+ *   initialProps: { data: 'example' },
+ *   window: { title: "My React App" },
+ *   position: { width: 600, height: 400 }
+ * });
+ *
+ * @property {React.Component} reactApp - The React component to be mounted
+ * @property {string} template - Path to the Handlebars template for the application shell
+ * @property {Object} initialProps - Initial properties passed to the React component
+ * @property {string} rootId - ID added to the root element where the React app will be mounted
+ */
+declare class ReactApplicationV2 extends ReactApplicationV2_base {
+}
+
+declare const ReactActorSheetV2_base: {
+    new ({ reactApp, initialProps, ...options }: {
+        reactApp: React.ComponentType<any>;
+        initialProps?: Record<string, any>;
+    } & any): {
+        [x: string]: any;
+        reactApp: React.ComponentType<any>;
+        uuid: string;
+        rootId: string;
+        innerSelector: string;
+        contextConnector: ContextConnector<any>;
+        initialProps: {};
+        get appIsRendered(): boolean;
+        _onRender(context: any, options: any): Promise<void>;
+        _replaceHTML(result: HTMLElement, content: HTMLElement): void;
+        _prepareContext(options: any): Promise<any>;
+        _renderHTML(): Promise<HTMLDivElement>;
+    };
+    [x: string]: any;
+    DEFAULT_OPTIONS: {
+        position: {
+            width: number;
+            height: number;
+        };
+        window: {
+            title: string;
+            resizable: boolean;
+            minimizable: boolean;
+        };
+    };
+};
+declare class ReactActorSheetV2 extends ReactActorSheetV2_base {
+}
+
+export { ContextConnector, ReactActorSheetV2, ReactApplicationV2 };

package/dist/index.mjs

@@ -0,0 +1,117 @@
+import {
+  devSetup
+} from "./chunk-U6WX7YSY.mjs";
+
+// lib/context-connector.ts
+var ContextConnector = class _ContextConnector extends EventTarget {
+  static UPDATE = "contextUpdate";
+  constructor() {
+    super();
+  }
+  publishContext(context) {
+    this.dispatchEvent(new CustomEvent("contextUpdate", { detail: context }));
+  }
+  on(event, callback) {
+    this.addEventListener(event, (e) => {
+      callback(e.detail);
+    });
+  }
+  onUpdate(callback) {
+    this.on(_ContextConnector.UPDATE, callback);
+  }
+  tearDown(fn) {
+    this.removeEventListener(_ContextConnector.UPDATE, fn);
+  }
+};
+
+// lib/util/mount-app.tsx
+import { createRoot } from "react-dom/client";
+import { jsx } from "react/jsx-runtime";
+function mountApp({
+  App,
+  element,
+  initialProps = {},
+  innerSelector
+}) {
+  const root = createRoot(element);
+  root.render(
+    /* @__PURE__ */ jsx("div", { id: innerSelector, children: /* @__PURE__ */ jsx(App, { ...initialProps }) })
+  );
+}
+
+// lib/react-application-mixin.ts
+function ReactApplicationMixin(Superclass) {
+  return class ReactApplication extends Superclass {
+    reactApp;
+    uuid = foundry.utils.randomID(12);
+    rootId = `react-app-root-${this.uuid}`;
+    innerSelector = `react-application-inner-${this.rootId}`;
+    contextConnector;
+    static DEFAULT_OPTIONS = {
+      position: {
+        width: 400,
+        height: 300
+      },
+      window: {
+        title: "Hello React-powered Foundry applications",
+        resizable: true,
+        minimizable: true
+      }
+    };
+    initialProps = {};
+    constructor({ reactApp, initialProps, ...options }) {
+      super(options);
+      this.reactApp = reactApp;
+      this.contextConnector = new ContextConnector();
+      this.initialProps = initialProps || {};
+    }
+    get appIsRendered() {
+      return !!document.querySelector(`#${this.innerSelector}`);
+    }
+    async _onRender(context, options) {
+      await super._onRender(context, options);
+      const el = this.element.querySelectorAll(`#${this.rootId}`);
+      if (el && !this.appIsRendered) {
+        mountApp({
+          App: this.reactApp,
+          element: el[0],
+          initialProps: context.initialProps,
+          innerSelector: this.innerSelector
+        });
+      }
+      this.contextConnector.publishContext(context);
+    }
+    _replaceHTML(result, content) {
+      if (!this.appIsRendered) {
+        content.appendChild(result);
+      }
+    }
+    async _prepareContext(options) {
+      const context = await super._prepareContext(options);
+      context.initialProps = this.initialProps;
+      return context;
+    }
+    async _renderHTML() {
+      const tempEl = document.createElement("div");
+      tempEl.id = this.rootId;
+      tempEl.innerHTML = `<span>Uh oh, something went wrong</span>`;
+      return tempEl;
+    }
+  };
+}
+var react_application_mixin_default = ReactApplicationMixin;
+
+// lib/react-application-v2.ts
+var ReactApplicationV2 = class extends react_application_mixin_default(foundry.applications.api.ApplicationV2) {
+};
+
+// lib/react-actor-sheet-v2.ts
+var ReactActorSheetV2 = class extends react_application_mixin_default(foundry.applications.sheets.ActorSheetV2) {
+};
+export {
+  ContextConnector,
+  ReactActorSheetV2,
+  ReactApplicationV2,
+  devSetup
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/context-connector.ts","../lib/util/mount-app.tsx","../lib/react-application-mixin.ts","../lib/react-application-v2.ts","../lib/react-actor-sheet-v2.ts"],"sourcesContent":["export class ContextConnector<T> extends EventTarget {\n  static UPDATE = \"contextUpdate\";\n\n  constructor() {\n    super();\n  }\n\n  publishContext(context: T) {\n    this.dispatchEvent(new CustomEvent(\"contextUpdate\", { detail: context }));\n  }\n\n  on(event: string, callback: (data: T) => void) {\n    this.addEventListener(event, (e: CustomEventInit<T>) => {\n      callback(e.detail!);\n    });\n  }\n\n  onUpdate(callback: (data: T) => void) {\n    this.on(ContextConnector.UPDATE, callback);\n  }\n\n  tearDown(fn: (data: T) => void) {\n    this.removeEventListener(ContextConnector.UPDATE, fn as EventListener);\n  }\n}\n","import { createRoot } from \"react-dom/client\";\n\nexport function mountApp({\n  App,\n  element,\n  initialProps = {},\n  innerSelector,\n}: {\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  App: React.ComponentType<any>;\n  element: Element;\n  initialProps?: {};\n  innerSelector: string;\n}) {\n  const root = createRoot(element);\n  root.render(\n    <div id={innerSelector}>\n      <App {...initialProps} />\n    </div>\n  );\n}\n","import { ContextConnector } from \"./context-connector\";\nimport { mountApp } from \"./util/mount-app\";\n\n/**\n * A mixin that integrates React components with Foundry VTT's Application class.\n * This mixin enables the use of React applications within Foundry VTT's application framework.\n *\n * @param superclass - The base class to extend, typically a Foundry VTT Application class\n * @returns A class that extends the superclass with React integration capabilities\n *\n * @remarks\n * This mixin provides the following features:\n * - Mounting React components within Foundry VTT applications\n * - Context management through ContextConnector\n * - Automatic cleanup and rendering lifecycle management\n * - Default window options for position and configuration\n *\n * @example\n * ```typescript\n * class MyReactApp extends ReactApplicationMixin(Application) {\n *   constructor(options) {\n *     super({\n *       reactApp: MyReactComponent,\n *       initialProps: { data: \"example\" },\n *       ...options\n *     });\n *   }\n * }\n * ```\n */\n\ntype ReactApplicationProps = {\n  reactApp: React.ComponentType<any>;\n  initialProps?: Record<string, any>;\n};\n\nfunction ReactApplicationMixin(Superclass: any) {\n  return class ReactApplication extends Superclass {\n    reactApp: React.ComponentType<any>;\n    uuid = foundry.utils.randomID(12);\n    rootId = `react-app-root-${this.uuid}`;\n    innerSelector = `react-application-inner-${this.rootId}`;\n    contextConnector: ContextConnector<any>;\n\n    static DEFAULT_OPTIONS = {\n      position: {\n        width: 400,\n        height: 300,\n      },\n      window: {\n        title: \"Hello React-powered Foundry applications\",\n        resizable: true,\n        minimizable: true,\n      },\n    };\n\n    initialProps = {};\n\n    constructor({ reactApp, initialProps, ...options }: ReactApplicationProps & any) {\n      super(options);\n      this.reactApp = reactApp;\n      this.contextConnector = new ContextConnector();\n      this.initialProps = initialProps || {};\n    }\n\n    get appIsRendered() {\n      return !!document.querySelector(`#${this.innerSelector}`);\n    }\n\n    async _onRender(context: any, options: any) {\n      await super._onRender(context, options);\n      const el = this.element.querySelectorAll(`#${this.rootId}`);\n\n      if (el && !this.appIsRendered) {\n        mountApp({\n          App: this.reactApp,\n          element: el[0],\n          initialProps: context.initialProps,\n          innerSelector: this.innerSelector,\n        });\n      }\n      this.contextConnector.publishContext(context);\n    }\n\n    _replaceHTML(result: HTMLElement, content: HTMLElement) {\n      if (!this.appIsRendered) {\n        content.appendChild(result);\n      }\n    }\n\n    async _prepareContext(options: any) {\n      const context = (await super._prepareContext(options)) as any;\n      context.initialProps = this.initialProps;\n      return context;\n    }\n\n    async _renderHTML() {\n      const tempEl = document.createElement(\"div\");\n      tempEl.id = this.rootId;\n      tempEl.innerHTML = `<span>Uh oh, something went wrong</span>`;\n      return tempEl;\n    }\n  };\n}\n\nexport default ReactApplicationMixin;\n","import ReactApplicationMixin from \"./react-application-mixin\";\n\n/**\n * A Foundry VTT Application class that integrates React components with the Foundry application framework.\n * Extends ApplicationV2 to provide seamless React app mounting and rendering capabilities.\n *\n * @class FoundryReactApplication\n * @extends foundry.applications.api.ApplicationV2\n *\n * @example\n * // Create a new React-powered Foundry application\n * const app = new FoundryReactApplication({\n *   reactApp: MyReactComponent,\n *   initialProps: { data: 'example' },\n *   window: { title: \"My React App\" },\n *   position: { width: 600, height: 400 }\n * });\n *\n * @property {React.Component} reactApp - The React component to be mounted\n * @property {string} template - Path to the Handlebars template for the application shell\n * @property {Object} initialProps - Initial properties passed to the React component\n * @property {string} rootId - ID added to the root element where the React app will be mounted\n */\nexport class ReactApplicationV2 extends ReactApplicationMixin(foundry.applications.api.ApplicationV2) {}\n","/**\n * A React-enabled version of Foundry VTT's ActorSheetV2 class.\n *\n * This class extends the core ActorSheetV2 functionality by applying the ReactApplicationMixin,\n * which enables React component rendering within the actor sheet application.\n *\n * @extends {foundry.applications.sheets.ActorSheetV2}\n * @mixes ReactApplicationMixin\n *\n * @example\n * ```typescript\n * class MyActorSheet extends ReactActorSheetV2 {\n *   // Your custom React-enabled actor sheet implementation\n * }\n * ```\n */\nimport ReactApplicationMixin from \"./react-application-mixin\";\n\nexport class ReactActorSheetV2 extends ReactApplicationMixin(foundry.applications.sheets.ActorSheetV2) {}\n"],"mappings":"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","names":[]}

package/dist/util/dev-setup.d.mts

@@ -0,0 +1,14 @@
+/**
+ * devSetup.js
+ *
+ * Utility function to set up development environment for React applications in Foundry VTT. Used in conjunction
+ * with a Vite development server, this function injects necessary scripts to enable React Fast Refresh and loads
+ * the React application entrypoint.
+ *
+ * @param {string} appId - The application ID used to construct module paths, typically the `id` value in `module.json`.
+ * @param {string} entrypoint - The path to the React application entrypoint script relative to the module root. This should match
+ *                             the entrypoint defined in the Vite configuration.
+ */
+declare function devSetup(appId: string, entrypoint: string): void;
+
+export { devSetup };

package/dist/util/dev-setup.mjs

@@ -0,0 +1,7 @@
+import {
+  devSetup
+} from "../chunk-U6WX7YSY.mjs";
+export {
+  devSetup
+};
+//# sourceMappingURL=dev-setup.mjs.map

package/dist/util/dev-setup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "foundry-vtt-react",
+  "version": "0.1.0",
+  "description": "Extensions of various FoundryVTT classes to support React applications.",
+  "packageManager": "pnpm@10.30.3",
+  "main": "dist/index.mjs",
+  "types": "dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./dev-setup": {
+      "types": "./dist/util/dev-setup.d.mts",
+      "import": "./dist/util/dev-setup.mjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "prepublishOnly": "pnpm build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "fvtt-types": "^13",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "dependencies": {
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@league-of-foundry-developers/foundry-vtt-types"
+    ]
+  }
+}