@adam26davidson/char-matrix-react 0.0.1

package/dist/char-matrix-react/src/ReactComponentElement.d.ts

@@ -0,0 +1,25 @@
+import { ComponentType } from "react";
+import { Element } from "@adam26davidson/char-matrix";
+import type { ElementConfig } from "@adam26davidson/char-matrix";
+import { ReactRenderTarget } from "./ReactRenderTarget";
+import { ReactComponentType } from "./ReactNodeConfig";
+export interface ReactComponentElementConfig extends ElementConfig {
+    type: ReactComponentType;
+    content?: ComponentType;
+    view: ReactRenderTarget;
+}
+export declare class ReactComponentElement extends Element {
+    private type;
+    private content?;
+    protected view: ReactRenderTarget;
+    constructor(config: ReactComponentElementConfig);
+    drawOwnContent(): void;
+    protected handleUnregisterWithView(): void;
+    protected handleTransitionStart(type: "enter" | "exit"): void;
+    protected reprocessContent(): void;
+    protected handleMouseEnter(): void;
+    protected handleMouseLeave(): void;
+    protected handleClick(): void;
+    private ancestorIsTransitioning;
+}
+//# sourceMappingURL=ReactComponentElement.d.ts.map

package/dist/char-matrix-react/src/ReactComponentElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactComponentElement.d.ts","sourceRoot":"","sources":["../../../src/ReactComponentElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAkC,MAAM,6BAA6B,CAAC;AACtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,qBAAa,qBAAsB,SAAQ,OAAO;IAChD,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,OAAO,CAAC,CAAgB;IAChC,UAAmB,IAAI,EAAE,iBAAiB,CAAC;gBAE/B,MAAM,EAAE,2BAA2B;IAaxC,cAAc;IAkBrB,SAAS,CAAC,wBAAwB;IAIlC,SAAS,CAAC,qBAAqB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAM7D,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,WAAW,IAAI,IAAI;IAE7B,OAAO,CAAC,uBAAuB;CAUhC"}

package/dist/char-matrix-react/src/ReactComponentElement.js

@@ -0,0 +1,66 @@
+import { Element, charsToPixelsX, charsToPixelsY } from "@adam26davidson/char-matrix";
+export class ReactComponentElement extends Element {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "content", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "view", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.type = config.type;
+        this.content = config.content;
+        this.view = config.view;
+        console.log("configuring react component element", this.key, "of type", this.type);
+    }
+    drawOwnContent() {
+        const viewOffset = this.view.getPixelOffset();
+        const contentSize = this.getSize().subtract(this.getTotalBoundarySize());
+        if (!this.ancestorIsTransitioning("entering")) {
+            this.view.updateReactNodeConfig(this.key, {
+                key: this.key,
+                type: this.type,
+                height: charsToPixelsY(contentSize.getY()),
+                width: charsToPixelsX(contentSize.getX()),
+                top: charsToPixelsY(this.fullContentOffset.getY()) + viewOffset.getY(),
+                left: charsToPixelsX(this.fullContentOffset.getX()) + viewOffset.getX(),
+                content: this.content,
+            });
+        }
+    }
+    handleUnregisterWithView() {
+        this.view.removeReactNodeConfig(this.key);
+    }
+    handleTransitionStart(type) {
+        if (type === "exit") {
+            this.view.removeReactNodeConfig(this.key);
+        }
+    }
+    reprocessContent() { }
+    handleMouseEnter() { }
+    handleMouseLeave() { }
+    handleClick() { }
+    ancestorIsTransitioning(type) {
+        let ancestor = this.getParent();
+        while (ancestor) {
+            if (ancestor.getStage() === type) {
+                return true;
+            }
+            ancestor = ancestor.getParent();
+        }
+        return false;
+    }
+}
+//# sourceMappingURL=ReactComponentElement.js.map

package/dist/char-matrix-react/src/ReactComponentElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactComponentElement.js","sourceRoot":"","sources":["../../../src/ReactComponentElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAWtF,MAAM,OAAO,qBAAsB,SAAQ,OAAO;IAKhD,YAAY,MAAmC;QAC7C,KAAK,CAAC,MAAM,CAAC,CAAC;QALR;;;;;WAAyB;QACzB;;;;;WAAwB;QACb;;;;;WAAwB;QAIzC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,OAAO,CAAC,GAAG,CACT,qCAAqC,EACrC,IAAI,CAAC,GAAG,EACR,SAAS,EACT,IAAI,CAAC,IAAI,CACV,CAAC;IACJ,CAAC;IAEM,cAAc;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAE9C,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QAEzE,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9C,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACxC,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,MAAM,EAAE,cAAc,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;gBAC1C,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;gBACzC,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,UAAU,CAAC,IAAI,EAAE;gBACtE,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,UAAU,CAAC,IAAI,EAAE;gBACvE,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAES,wBAAwB;QAChC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5C,CAAC;IAES,qBAAqB,CAAC,IAAsB;QACpD,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAES,gBAAgB,KAAU,CAAC;IAC3B,gBAAgB,KAAU,CAAC;IAC3B,gBAAgB,KAAU,CAAC;IAC3B,WAAW,KAAU,CAAC;IAExB,uBAAuB,CAAC,IAA4B;QAC1D,IAAI,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,OAAO,QAAQ,EAAE,CAAC;YAChB,IAAI,QAAQ,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC;gBACjC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,QAAQ,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;QAClC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CACF"}

package/dist/char-matrix-react/src/ReactNodeConfig.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from "react";
+export interface ReactNodeConfig {
+    type: ReactComponentType;
+    key: string;
+    height: number;
+    width: number;
+    top: number;
+    left: number;
+    content?: ComponentType;
+}
+export type ReactComponentType = "BlogComponent" | "ImageComponent" | "TextComponent";
+//# sourceMappingURL=ReactNodeConfig.d.ts.map

package/dist/char-matrix-react/src/ReactNodeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactNodeConfig.d.ts","sourceRoot":"","sources":["../../../src/ReactNodeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,kBAAkB,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,MAAM,MAAM,kBAAkB,GAC1B,eAAe,GACf,gBAAgB,GAChB,eAAe,CAAC"}

package/dist/char-matrix-react/src/ReactNodeConfig.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ReactNodeConfig.js.map

package/dist/char-matrix-react/src/ReactNodeConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactNodeConfig.js","sourceRoot":"","sources":["../../../src/ReactNodeConfig.ts"],"names":[],"mappings":""}

package/dist/char-matrix-react/src/ReactRenderTarget.d.ts

@@ -0,0 +1,10 @@
+import type { RenderTarget } from "@adam26davidson/char-matrix";
+import type { ReactNodeConfig } from "./ReactNodeConfig";
+/**
+ * Extended render target for views that support embedding React components.
+ */
+export interface ReactRenderTarget extends RenderTarget {
+    updateReactNodeConfig(key: string, config: ReactNodeConfig): void;
+    removeReactNodeConfig(key: string): void;
+}
+//# sourceMappingURL=ReactRenderTarget.d.ts.map

package/dist/char-matrix-react/src/ReactRenderTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactRenderTarget.d.ts","sourceRoot":"","sources":["../../../src/ReactRenderTarget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAClE,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1C"}

package/dist/char-matrix-react/src/ReactRenderTarget.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ReactRenderTarget.js.map

package/dist/char-matrix-react/src/ReactRenderTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactRenderTarget.js","sourceRoot":"","sources":["../../../src/ReactRenderTarget.ts"],"names":[],"mappings":""}

package/dist/char-matrix-react/src/index.d.ts

@@ -0,0 +1,5 @@
+export { ReactComponentElement } from "./ReactComponentElement";
+export type { ReactComponentElementConfig } from "./ReactComponentElement";
+export type { ReactRenderTarget } from "./ReactRenderTarget";
+export type { ReactNodeConfig, ReactComponentType } from "./ReactNodeConfig";
+//# sourceMappingURL=index.d.ts.map

package/dist/char-matrix-react/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/char-matrix-react/src/index.js

@@ -0,0 +1,2 @@
+export { ReactComponentElement } from "./ReactComponentElement";
+//# sourceMappingURL=index.js.map

package/dist/char-matrix-react/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@adam26davidson/char-matrix-react",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": ["dist"],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21"
+  },
+  "peerDependencies": {
+    "@adam26davidson/char-matrix": "*",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.17.13",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.2.2"
+  }
+}