@devvit/ui-renderer 0.10.20-next-2024-05-01-049df727f.0 → 0.10.20-next-2024-05-01-974a7c08f.0

package/client/devvit-surface.d.ts

@@ -0,0 +1,83 @@
+import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
+import type { BlockAction, Effect, LinkedBundle, Metadata, RealtimeEvent, RenderPostResponse, Struct, UIEvent } from '@devvit/protos';
+import { Dimensions } from '@devvit/protos';
+import type { WorkerErrorType } from '@devvit/runtime-lite/client/BrowserLiteClient.js';
+import type { FaceplateEvent } from '@reddit/faceplate/event-types.js';
+import type { PropertyValues } from 'lit';
+import { LitElement } from 'lit';
+import type { UIApp } from './remote-app.js';
+import '../blocks/components/devvit-blocks-renderer.js';
+import '../blocks/components/devvit-blocks-webview.js';
+import './devvit-animation-player.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'devvit-surface': DevvitSurface;
+    }
+    interface HTMLElementEventMap {
+        'devvit-realtime-send': DevvitRealtimeSendEvent;
+        'devvit-ui-effect': DevvitUIEffectEvent;
+        'devvit-ui-error': FaceplateEvent<'devvit-ui-error'> & {
+            detail: DevvitUIError;
+        };
+        'devvit-user-action': DevvitUserActionEvent;
+    }
+}
+export type DevvitRealtimeSend = {
+    event: RealtimeEvent;
+};
+export type DevvitRealtimeSendEvent = FaceplateEvent<'devvit-realtime-send'> & {
+    detail: DevvitRealtimeSend;
+};
+export type DevvitUIEffect = {
+    effect: Effect;
+    onEvent(event: UIEvent): void;
+};
+export type DevvitUIEffectEvent = FaceplateEvent<'devvit-ui-effect'> & {
+    detail: DevvitUIEffect;
+};
+export type DevvitUIError = {
+    type: WorkerErrorType;
+    err: unknown;
+};
+export type DevvitUserAction = {
+    action: BlockAction;
+};
+export type DevvitUserActionEvent = FaceplateEvent<'devvit-user-action'> & {
+    detail: DevvitUserAction;
+};
+/**
+ * Blocks program renderer.
+ *
+ * Assumes the loaded program is a CustomPost & UIEventHandler.
+ *
+ * The complexity of this class should only be the UI itself and proxying state
+ * to devvit-blocks-renderer and Dispatcher. Don't put logic here that you can't
+ * unit test.
+ *
+ * @slot - Loading / unloaded state.
+ */
+export declare class DevvitSurface extends LitElement {
+    #private;
+    static get styles(): import("lit").CSSResult[];
+    /** Probably a wrapper around the remote runtime (compute-go). */
+    remoteApp?: UIApp | undefined;
+    bundle?: LinkedBundle | undefined;
+    localRuntimeCode?: Blob | undefined;
+    metadata?: Metadata | undefined;
+    postConfig?: Struct['fields'] | undefined;
+    postId?: string | undefined;
+    runtimeDebugLogging: boolean;
+    scheme?: 'dark' | 'light' | undefined;
+    useExperimentalBlocks: boolean;
+    renderResponse?: RenderPostResponse | undefined;
+    dimensions?: Dimensions;
+    private _blocksRenderer;
+    private _rootBlock?;
+    constructor();
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    rerender(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected willUpdate(props: PropertyValues<this>): Promise<void>;
+}
+//# sourceMappingURL=devvit-surface.d.ts.map

package/client/devvit-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devvit-surface.d.ts","sourceRoot":"","sources":["../../library/src/client/devvit-surface.ts"],"names":[],"mappings":"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"}

package/client/devvit-surface.js

@@ -0,0 +1,274 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _DevvitSurface_instances, _DevvitSurface_lastRequest, _DevvitSurface_dispatcher, _DevvitSurface_rootHeight, _DevvitSurface_resizeObserver, _DevvitSurface_instersectionObserver, _DevvitSurface_bubble, _DevvitSurface_newRenderContext, _DevvitSurface_onError, _DevvitSurface_onPluginCall, _DevvitSurface_onRenderPost, _DevvitSurface_onUserActionEffect, _DevvitSurface_onUserActionEvent;
+import '@reddit/faceplate-ui/templateRenderingStrategy/clientStrategy.js';
+import { BlockConfig_Root, BlockRenderEventType, BlockStackDirection, Dimensions, RealtimeDefinition, } from '@devvit/protos';
+import { isCircuitBreaker } from '@devvit/runtime-lite/types/CircuitBreaker.js';
+import { throttle } from '@devvit/shared-types/throttle.js';
+import { asT3ID } from '@devvit/shared-types/tid.js';
+import { customEvent } from '@reddit/faceplate/lib/custom-event.js';
+import { LitElement, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { DevvitBlocksRenderer } from '../blocks/components/devvit-blocks-renderer.js';
+import { DEFAULT_ROOT_HEIGHT } from '../blocks/templates/renderBlock.js';
+import { styles } from '../styles.js';
+import { Dispatcher } from './dispatcher.js';
+import '../blocks/components/devvit-blocks-renderer.js';
+import '../blocks/components/devvit-blocks-webview.js';
+import './devvit-animation-player.js';
+/**
+ * Blocks program renderer.
+ *
+ * Assumes the loaded program is a CustomPost & UIEventHandler.
+ *
+ * The complexity of this class should only be the UI itself and proxying state
+ * to devvit-blocks-renderer and Dispatcher. Don't put logic here that you can't
+ * unit test.
+ *
+ * @slot - Loading / unloaded state.
+ */
+let DevvitSurface = class DevvitSurface extends LitElement {
+    static get styles() {
+        return [styles];
+    }
+    constructor() {
+        super();
+        _DevvitSurface_instances.add(this);
+        this.runtimeDebugLogging = false;
+        this.useExperimentalBlocks = false;
+        _DevvitSurface_lastRequest.set(this, void 0);
+        _DevvitSurface_dispatcher.set(this, new Dispatcher());
+        _DevvitSurface_rootHeight.set(this, void 0);
+        _DevvitSurface_resizeObserver.set(this, void 0);
+        _DevvitSurface_instersectionObserver.set(this, void 0);
+        _DevvitSurface_newRenderContext.set(this, () => ({
+            experimental: this.useExperimentalBlocks,
+            onAction: (action) => __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").queueRenderPost(BlockRenderEventType.RENDER_USER_ACTION, action.id, action.data ?? {}),
+            request: __classPrivateFieldGet(this, _DevvitSurface_lastRequest, "f"),
+            stackDirection: BlockStackDirection.UNRECOGNIZED,
+            state: __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").appState,
+        }));
+        _DevvitSurface_onError.set(this, (type, err) => {
+            if (!isCircuitBreaker(err))
+                console.error(err);
+            __classPrivateFieldGet(this, _DevvitSurface_instances, "m", _DevvitSurface_bubble).call(this, 'devvit-ui-error', { err, type });
+        });
+        _DevvitSurface_onPluginCall.set(this, (_id, serviceName, method, args, _meta) => {
+            if (serviceName === RealtimeDefinition.fullName &&
+                method === RealtimeDefinition.methods.send.name)
+                __classPrivateFieldGet(this, _DevvitSurface_instances, "m", _DevvitSurface_bubble).call(this, 'devvit-realtime-send', { event: args });
+        });
+        _DevvitSurface_onRenderPost.set(this, (req, rsp) => {
+            var _a, _b;
+            this.renderResponse = rsp;
+            if (this.renderResponse?.blocks?.ui) {
+                __classPrivateFieldSet(this, _DevvitSurface_lastRequest, req.blocks, "f");
+                this._rootBlock = this.renderResponse.blocks.ui;
+                if (!__classPrivateFieldGet(this, _DevvitSurface_rootHeight, "f")) {
+                    // Lock in the initial height
+                    __classPrivateFieldSet(this, _DevvitSurface_rootHeight, this._rootBlock.config?.rootConfig?.height || DEFAULT_ROOT_HEIGHT, "f");
+                }
+                else {
+                    (_a = this._rootBlock).config ?? (_a.config = {});
+                    (_b = this._rootBlock.config).rootConfig ?? (_b.rootConfig = BlockConfig_Root.fromPartial({}));
+                    this._rootBlock.config.rootConfig.height = __classPrivateFieldGet(this, _DevvitSurface_rootHeight, "f");
+                }
+            }
+        });
+        _DevvitSurface_onUserActionEffect.set(this, (fx) => {
+            __classPrivateFieldGet(this, _DevvitSurface_instances, "m", _DevvitSurface_bubble).call(this, 'devvit-ui-effect', {
+                effect: fx,
+                onEvent: (ev) => __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").queueEvent(ev),
+            });
+        });
+        _DevvitSurface_onUserActionEvent.set(this, (ev) => {
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").queueRenderPost(BlockRenderEventType.RENDER_USER_ACTION, ev.detail.action.id, ev.detail.action.data);
+        });
+        this.addEventListener('devvit-user-action', __classPrivateFieldGet(this, _DevvitSurface_onUserActionEvent, "f"));
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").onError = __classPrivateFieldGet(this, _DevvitSurface_onError, "f");
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").onPluginCall = __classPrivateFieldGet(this, _DevvitSurface_onPluginCall, "f");
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").onRenderPost = __classPrivateFieldGet(this, _DevvitSurface_onRenderPost, "f");
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").onUserAction = __classPrivateFieldGet(this, _DevvitSurface_onUserActionEffect, "f");
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        __classPrivateFieldSet(this, _DevvitSurface_resizeObserver, new ResizeObserver(throttle((entries) => {
+            if (entries.length === 0)
+                return;
+            const entry = entries[0];
+            const { contentRect: { width, height }, } = entry;
+            const scale = window.devicePixelRatio;
+            this.dimensions = { width, height, scale };
+        }, 600)), "f");
+        __classPrivateFieldGet(this, _DevvitSurface_resizeObserver, "f").observe(this, { box: 'content-box' });
+        __classPrivateFieldSet(this, _DevvitSurface_instersectionObserver, new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").togglePause(!entry.isIntersecting);
+            });
+        }), "f");
+        __classPrivateFieldGet(this, _DevvitSurface_instersectionObserver, "f").observe(this);
+    }
+    disconnectedCallback() {
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").unload();
+        __classPrivateFieldGet(this, _DevvitSurface_resizeObserver, "f")?.unobserve(this);
+        __classPrivateFieldGet(this, _DevvitSurface_resizeObserver, "f")?.disconnect();
+        __classPrivateFieldGet(this, _DevvitSurface_instersectionObserver, "f")?.unobserve(this);
+        __classPrivateFieldGet(this, _DevvitSurface_instersectionObserver, "f")?.disconnect();
+        super.disconnectedCallback();
+    }
+    // to-do [studio]: remove.
+    rerender() {
+        this._blocksRenderer?.requestUpdate();
+    }
+    render() {
+        if (!this.renderResponse) {
+            // The slot content is considered the loading state.
+            return html `<slot></slot>`;
+        }
+        return html `<div class="relative">
+      <devvit-blocks-renderer
+        class="${this.scheme ?? ''}"
+        .block="${this._rootBlock}"
+        .renderContext="${__classPrivateFieldGet(this, _DevvitSurface_newRenderContext, "f")}"
+      >
+        <slot slot="empty-state-image" name="empty-state-image"></slot>
+      </devvit-blocks-renderer>
+    </div>`;
+    }
+    async willUpdate(props) {
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").meta = this.metadata;
+        __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").postConfig = this.postConfig;
+        // If the custom post has dimensions, set them on all prop updates to keep
+        // the dispatcher up to date on what's happening.
+        if (this.dimensions) {
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").dimensions = this.dimensions;
+        }
+        if (props.has('postId')) {
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").postID = this.postId ? asT3ID(this.postId) : undefined;
+        }
+        if (props.has('runtimeDebugLogging')) {
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").runtimeDebugLogging = this.runtimeDebugLogging;
+        }
+        if (props.has('remoteApp')) {
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").remote = this.remoteApp ?? undefined;
+        }
+        if (props.has('localRuntimeCode'))
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").setLocalSrc(this.localRuntimeCode);
+        if (props.has('bundle') && this.bundle) {
+            await __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").load(this.bundle);
+            if (props.get('bundle')) {
+                // Bundle was _replaced_ (likely devvit-preview). Require a new render.
+                this.renderResponse = undefined;
+                __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").resetAppState();
+            }
+        }
+        // If the custom post does not have dimensions, block all render events until they are
+        // reported. This prevents the user from being shown the jank of our custom dimensions.
+        // Do not place this above the bundle loader! We want to start loading immediately
+        // since it can take a few seconds.
+        //
+        // In case you're curious, this adds about 15ms of latency, but that pales in comparison
+        // to the length of loading the local runtime.
+        if (!this.dimensions)
+            return;
+        // We always want to trigger at least one render if:
+        // 1. The app dimensions change
+        // 2. The bundle changes. Loading a bundle is lengthy and dimensions may have changed during a load
+        if (!__classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").rendered) {
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").queueRenderPost(BlockRenderEventType.RENDER_INITIAL, undefined, {});
+        }
+        else if (props.has('dimensions') || props.has('bundle')) {
+            __classPrivateFieldGet(this, _DevvitSurface_dispatcher, "f").queueRenderPost(BlockRenderEventType.RENDER_USER_ACTION, undefined, {});
+        }
+    }
+};
+_DevvitSurface_lastRequest = new WeakMap();
+_DevvitSurface_dispatcher = new WeakMap();
+_DevvitSurface_rootHeight = new WeakMap();
+_DevvitSurface_resizeObserver = new WeakMap();
+_DevvitSurface_instersectionObserver = new WeakMap();
+_DevvitSurface_newRenderContext = new WeakMap();
+_DevvitSurface_onError = new WeakMap();
+_DevvitSurface_onPluginCall = new WeakMap();
+_DevvitSurface_onRenderPost = new WeakMap();
+_DevvitSurface_onUserActionEffect = new WeakMap();
+_DevvitSurface_onUserActionEvent = new WeakMap();
+_DevvitSurface_instances = new WeakSet();
+_DevvitSurface_bubble = function _DevvitSurface_bubble(type, detail) {
+    this.dispatchEvent(customEvent(type, detail));
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "remoteApp", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "bundle", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "localRuntimeCode", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "metadata", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "postConfig", void 0);
+__decorate([
+    property({ attribute: 'post-id' }),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "postId", void 0);
+__decorate([
+    property({ attribute: 'runtime-debug-logging', type: Boolean }),
+    __metadata("design:type", Boolean)
+], DevvitSurface.prototype, "runtimeDebugLogging", void 0);
+__decorate([
+    property({ attribute: 'scheme' }),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "scheme", void 0);
+__decorate([
+    property({ attribute: 'use-experimental-blocks', type: Boolean }),
+    __metadata("design:type", Boolean)
+], DevvitSurface.prototype, "useExperimentalBlocks", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "renderResponse", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "dimensions", void 0);
+__decorate([
+    query('devvit-blocks-renderer'),
+    __metadata("design:type", DevvitBlocksRenderer)
+], DevvitSurface.prototype, "_blocksRenderer", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], DevvitSurface.prototype, "_rootBlock", void 0);
+DevvitSurface = __decorate([
+    customElement('devvit-surface'),
+    __metadata("design:paramtypes", [])
+], DevvitSurface);
+export { DevvitSurface };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/ui-renderer",
-  "version": "0.10.20-next-2024-05-01-049df727f.0",
+  "version": "0.10.20-next-2024-05-01-974a7c08f.0",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -56,10 +56,10 @@
   },
   "types": "./index.d.ts",
   "dependencies": {
-    "@devvit/protos": "0.10.20-next-2024-05-01-049df727f.0",
-    "@devvit/runtime-lite": "0.10.20-next-2024-05-01-049df727f.0",
-    "@devvit/runtimes": "0.10.20-next-2024-05-01-049df727f.0",
-    "@devvit/shared-types": "0.10.20-next-2024-05-01-049df727f.0",
+    "@devvit/protos": "0.10.20-next-2024-05-01-974a7c08f.0",
+    "@devvit/runtime-lite": "0.10.20-next-2024-05-01-974a7c08f.0",
+    "@devvit/runtimes": "0.10.20-next-2024-05-01-974a7c08f.0",
+    "@devvit/shared-types": "0.10.20-next-2024-05-01-974a7c08f.0",
     "@dotlottie/player-component": "2.7.2",
     "nice-grpc-web": "3.3.3",
     "p-queue": "7.3.4",
@@ -86,9 +86,9 @@
   },
   "devDependencies": {
     "@devvit/eslint-config": "0.10.19",
-    "@devvit/public-api": "0.10.20-next-2024-05-01-049df727f.0",
+    "@devvit/public-api": "0.10.20-next-2024-05-01-974a7c08f.0",
     "@devvit/repo-tools": "0.10.19",
-    "@devvit/tsconfig": "0.10.20-next-2024-05-01-049df727f.0",
+    "@devvit/tsconfig": "0.10.20-next-2024-05-01-974a7c08f.0",
     "@lit-labs/ssr": "^2.2.3",
     "@lit/localize": "0.11.4",
     "@open-wc/testing-helpers": "2.3.0",
@@ -121,5 +121,5 @@
     "directory": "dist"
   },
   "source": "./src/index.ts",
-  "gitHead": "fc7c194574e010a43a22cdc05c8645ee84d6c6cc"
+  "gitHead": "a3eceb72df13df831ce26958e5a770ecc5149b4d"
 }