@kerebron/extension-dev-toolkit 0.3.2

package/LICENSE

@@ -0,0 +1,23 @@
+Permission is hereby granted, free of charge, to any
+person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the
+Software without restriction, including without
+limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software
+is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice
+shall be included in all copies or substantial portions
+of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,67 @@
+# Kerebron - Prosemirror based online editor kit
+
+## Watch a Demo
+
+<a href="https://youtube.com/shorts/OdJjhAPj-wA?feature=share" target="_blank">
+  <img src="https://github.com/user-attachments/assets/b63ec84a-0ed2-4f98-920c-76f6d3215168" alt="Alt Text" width="200">
+</a>
+
+## Playground Demo
+
+[playground](https://demo.kerebron.com) - be nice.
+
+## Overview
+
+Using vanilla Prosemirror modules is often impossible because of
+incompatibilities.
+
+Kerebron forks several prosemirror projects into one monorepo in order to keep
+them in sync.
+
+Project is inspired on https://tiptap.dev/, but instead of building wrapper
+around a wrapper it borrows concept of extension and command manager.
+
+It has simplified tooling (deno), fewer dependencies and resulting in lower
+number of output npm modules.
+
+**Work in progress**
+
+## Development
+
+To start example server:
+
+```
+deno task -f server-deno-hono start
+```
+
+## Examples
+
+TODO
+
+## Build
+
+### Build static examples
+
+```shell
+deno task -r build
+```
+
+### NPM packages are generated using DNT
+
+- https://deno.com/blog/publish-esm-cjs-module-dnt - the easiest way to publish
+  a hybrid npm module for ESM and CommonJS
+- https://github.com/denoland/dnt
+- https://gaubee.com/article/Publishing-Your-Deno-Project-as-a-Monorepo-using-dnt/
+
+To generate npm packages
+
+```shell
+deno -A ./build/build_npm.ts
+```
+
+## Run through docker
+
+```
+docker build . -t editor-test
+docker run -it -p 8000:8000 -v $PWD:/usr/src/app editor-test
+```

package/esm/editor/src/CoreEditor.d.ts

@@ -0,0 +1,31 @@
+import { EditorView } from 'prosemirror-view';
+import { Node as ProseMirrorNode, Schema } from 'prosemirror-model';
+import type { EditorOptions, JSONContent } from './types.js';
+import { EditorState, Transaction } from 'prosemirror-state';
+import { DummyEditorView } from './DummyEditorView.js';
+import { ChainedCommands } from './commands/mod.js';
+import { Extension } from './Extension.js';
+export declare class CoreEditor extends EventTarget {
+    readonly options: Partial<EditorOptions>;
+    private extensionManager;
+    private commandManager;
+    view: EditorView | DummyEditorView;
+    state: EditorState;
+    constructor(options?: Partial<EditorOptions>);
+    getExtension<T extends Extension>(name: string): T | undefined;
+    get schema(): Schema<any, any>;
+    chain(): ChainedCommands;
+    can(): ChainedCommands;
+    private createView;
+    dispatchTransaction(transaction: Transaction): void;
+    private setupPlugins;
+    clearDocument(): void;
+    setDocument(content: any): void;
+    getDocument(): ProseMirrorNode;
+    loadDocument(mediaType: string, content: Uint8Array): Promise<void>;
+    saveDocument(mediaType: string): Promise<Uint8Array>;
+    getJSON(): JSONContent;
+    clone(options?: Partial<EditorOptions>): CoreEditor;
+    debug(doc?: ProseMirrorNode): void;
+}
+//# sourceMappingURL=CoreEditor.d.ts.map

package/esm/editor/src/CoreEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/src/CoreEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGpE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAc3C,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAgB,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAG7C;IACF,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAiB;IAChC,IAAI,EAAG,UAAU,GAAG,eAAe,CAAC;IACpC,KAAK,EAAG,WAAW,CAAC;gBAEf,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM;IA4BhD,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAI9D,IAAW,MAAM,qBAEhB;IAEM,KAAK,IAAI,eAAe;IAIxB,GAAG,IAAI,eAAe;IAI7B,OAAO,CAAC,UAAU;IAqBX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAcnD,OAAO,CAAC,YAAY;IAcb,aAAa;IASb,WAAW,CAAC,OAAO,EAAE,GAAG;IAyBxB,WAAW;IAIL,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;IA0BnD,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;IAY1D,OAAO,IAAI,WAAW;IAItB,KAAK,CAAC,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,UAAU;IAOvD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;CAMnC"}

package/esm/editor/src/CoreEditor.js

@@ -0,0 +1,200 @@
+import { EditorView } from 'prosemirror-view';
+import { Node as ProseMirrorNode } from 'prosemirror-model';
+import { ExtensionManager } from './ExtensionManager.js';
+import { EditorState } from 'prosemirror-state';
+import { CommandManager } from './commands/CommandManager.js';
+import { nodeToTreeString } from './nodeToTreeString.js';
+import { DummyEditorView } from './DummyEditorView.js';
+import { createNodeFromObject } from './utilities/createNodeFromContent.js';
+function ensureDocSchema(doc, schema) {
+    if (doc.type.schema === schema) {
+        return doc;
+    }
+    const json = doc.toJSON();
+    return ProseMirrorNode.fromJSON(schema, json);
+}
+export class CoreEditor extends EventTarget {
+    constructor(options = {}) {
+        super();
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                element: undefined,
+                extensions: [],
+            }
+        });
+        Object.defineProperty(this, "extensionManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "commandManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "view", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.options = {
+            ...this.options,
+            ...options,
+        };
+        this.extensionManager = new ExtensionManager(this.options.extensions || [], this);
+        // const content = this.options.content ? this.options.content : {
+        //   type: this.extensionManager.schema.topNodeType.name,
+        //   content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC,
+        // };
+        const content = this.options.content
+            ? this.options.content
+            : this.extensionManager.schema.topNodeType.spec.EMPTY_DOC;
+        this.createView(content);
+        this.commandManager = new CommandManager(this, this.extensionManager.commandFactories);
+        this.setupPlugins();
+    }
+    getExtension(name) {
+        return this.extensionManager.getExtension(name);
+    }
+    get schema() {
+        return this.extensionManager.schema;
+    }
+    chain() {
+        return this.commandManager.createChain();
+    }
+    can() {
+        return this.commandManager.createCan();
+    }
+    createView(content) {
+        const doc = createNodeFromObject(content, this.schema);
+        this.state = EditorState.create({ doc });
+        if (this.options.element) {
+            this.view = new EditorView(this.options.element, {
+                state: this.state,
+                attributes: {
+                    class: 'kb-editor',
+                },
+                dispatchTransaction: (tx) => this.dispatchTransaction(tx),
+            });
+        }
+        else {
+            this.view = new DummyEditorView({
+                state: this.state,
+                dispatchTransaction: (tx) => this.dispatchTransaction(tx),
+            });
+        }
+    }
+    dispatchTransaction(transaction) {
+        this.state = this.state.apply(transaction);
+        if (this.view) {
+            this.view.updateState(this.state);
+            const event = new CustomEvent('transaction', {
+                detail: {
+                    editor: this,
+                    transaction,
+                },
+            });
+            this.dispatchEvent(event);
+        }
+    }
+    setupPlugins() {
+        this.state = this.state.reconfigure({
+            plugins: this.extensionManager.plugins,
+        });
+        if (this.view) {
+            this.view.updateState(this.state);
+            this.view.setProps({
+                nodeViews: this.extensionManager.nodeViews,
+            });
+        }
+    }
+    clearDocument() {
+        const content = {
+            type: this.extensionManager.schema.topNodeType.name,
+            content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC.content,
+        };
+        this.setDocument(content);
+    }
+    setDocument(content) {
+        let doc = createNodeFromObject(content, this.schema, {
+            errorOnInvalidContent: true,
+        });
+        doc = ensureDocSchema(doc, this.schema);
+        this.state = EditorState.create({
+            doc,
+            plugins: this.state.plugins,
+            storedMarks: this.state.storedMarks,
+        });
+        if (this.view) {
+            this.view.updateState(this.state);
+        }
+        const event = new CustomEvent('doc:loaded', {
+            detail: {
+                editor: this,
+                doc,
+            },
+        });
+        this.dispatchEvent(event);
+    }
+    getDocument() {
+        return this.state.doc;
+    }
+    async loadDocument(mediaType, content) {
+        const converter = this.extensionManager.converters[mediaType];
+        if (!converter) {
+            throw new Error('Converter not found for: ' + mediaType);
+        }
+        const doc = await converter.toDoc(content);
+        this.state = EditorState.create({
+            doc,
+            plugins: this.state.plugins,
+            storedMarks: this.state.storedMarks,
+        });
+        if (this.view) {
+            this.view.updateState(this.state);
+        }
+        const event = new CustomEvent('doc:loaded', {
+            detail: {
+                editor: this,
+                doc,
+            },
+        });
+        this.dispatchEvent(event);
+    }
+    async saveDocument(mediaType) {
+        const converter = this.extensionManager.converters[mediaType];
+        if (!converter) {
+            throw new Error('Converter not found for: ' + mediaType);
+        }
+        const json = this.state.doc.toJSON();
+        const clonedDoc = ProseMirrorNode.fromJSON(this.state.schema, json);
+        return await converter.fromDoc(clonedDoc);
+    }
+    getJSON() {
+        return this.state.doc.toJSON();
+    }
+    clone(options = {}) {
+        return new CoreEditor({
+            ...options,
+            extensions: [...(this.options.extensions || [])],
+        });
+    }
+    debug(doc) {
+        if (!doc) {
+            doc = this.state.doc;
+        }
+        console.debug(nodeToTreeString(doc));
+    }
+}

package/esm/editor/src/DummyEditorView.d.ts

@@ -0,0 +1,60 @@
+import { EditorState, Plugin, Transaction } from 'prosemirror-state';
+import { Mark, Node } from 'prosemirror-model';
+import { EditorView, MarkView, NodeView } from 'prosemirror-view';
+import { Decoration, DecorationSource } from 'prosemirror-view';
+export declare class DummyEditorView {
+    private _props;
+    private directPlugins;
+    private nodeViews;
+    private prevDirectPlugins;
+    private pluginViews;
+    state: EditorState;
+    constructor(props: DirectEditorProps);
+    editable: boolean;
+    get composing(): boolean;
+    get dom(): {
+        addEventListener(): void;
+        removeEventListener(): void;
+    };
+    get props(): DirectEditorProps;
+    update(props: DirectEditorProps): void;
+    setProps(props: Partial<DirectEditorProps>): void;
+    updateState(state: EditorState): void;
+    private updateStateInner;
+    scrollToSelection(): void;
+    private destroyPluginViews;
+    private updatePluginViews;
+    someProp<PropName extends keyof EditorProps, Result>(propName: PropName, f: (value: NonNullable<EditorProps[PropName]>) => Result): Result | undefined;
+    someProp<PropName extends keyof EditorProps>(propName: PropName): NonNullable<EditorProps[PropName]> | undefined;
+    hasFocus(): boolean;
+    focus(): void;
+    destroy(): void;
+    get isDestroyed(): boolean;
+    dispatchEvent(event: Event): void;
+    dispatch: (tr: Transaction) => void;
+}
+export type NodeViewConstructor = (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[], innerDecorations: DecorationSource) => NodeView;
+export type MarkViewConstructor = (mark: Mark, view: EditorView, inline: boolean) => MarkView;
+export interface DOMEventMap extends HTMLElementEventMap {
+    [event: string]: any;
+}
+export interface EditorProps<P = any> {
+    nodeViews?: {
+        [node: string]: NodeViewConstructor;
+    };
+    markViews?: {
+        [mark: string]: MarkViewConstructor;
+    };
+    editable?: (this: P, state: EditorState) => boolean;
+    attributes?: {
+        [name: string]: string;
+    } | ((state: EditorState) => {
+        [name: string]: string;
+    });
+}
+export interface DirectEditorProps extends EditorProps {
+    state: EditorState;
+    plugins?: readonly Plugin[];
+    dispatchTransaction?: (tr: Transaction) => void;
+}
+//# sourceMappingURL=DummyEditorView.d.ts.map

package/esm/editor/src/DummyEditorView.d.ts.map

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

package/esm/editor/src/DummyEditorView.js

@@ -0,0 +1,277 @@
+// Headless View to be used on Server-side
+// TODO: remove all unnecessary props and methods
+/// An editor view manages the DOM structure that represents an
+/// editable document. Its state and behavior are determined by its
+/// [props](#view.DirectEditorProps).
+export class DummyEditorView {
+    /// Create a view. `place` may be a DOM node that the editor should
+    /// be appended to, a function that will place it into the document,
+    /// or an object whose `mount` property holds the node to use as the
+    /// document container. If it is `null`, the editor will not be
+    /// added to the document.
+    constructor(props) {
+        /// @internal
+        Object.defineProperty(this, "_props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "directPlugins", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /// @internal
+        Object.defineProperty(this, "nodeViews", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "prevDirectPlugins", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "pluginViews", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /// The view's current [state](#state.EditorState).
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /// Indicates whether the editor is currently [editable](#view.EditorProps.editable).
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this._props = props;
+        this.state = props.state;
+        this.directPlugins = props.plugins || [];
+        this.directPlugins.forEach(checkStateComponent);
+        this.dispatch = this.dispatch.bind(this);
+        this.editable = getEditable(this);
+        this.nodeViews = buildNodeViews(this);
+        // TODO initInput(this)
+        this.updatePluginViews();
+    }
+    /// Holds `true` when a
+    /// [composition](https://w3c.github.io/uievents/#events-compositionevents)
+    /// is active.
+    get composing() {
+        return false;
+    }
+    get dom() {
+        return {
+            addEventListener() { },
+            removeEventListener() { },
+        };
+    }
+    /// The view's current [props](#view.EditorProps).
+    get props() {
+        if (this._props.state != this.state) {
+            let prev = this._props;
+            this._props = {};
+            for (let name in prev)
+                this._props[name] = prev[name];
+            this._props.state = this.state;
+        }
+        return this._props;
+    }
+    /// Update the view's props. Will immediately cause an update to
+    /// the DOM.
+    update(props) {
+        let prevProps = this._props;
+        this._props = props;
+        if (props.plugins) {
+            props.plugins.forEach(checkStateComponent);
+            this.directPlugins = props.plugins;
+        }
+        this.updateStateInner(props.state, prevProps);
+    }
+    /// Update the view by updating existing props object with the object
+    /// given as argument. Equivalent to `view.update(Object.assign({},
+    /// view.props, props))`.
+    setProps(props) {
+        let updated = {};
+        for (let name in this._props) {
+            updated[name] = this._props[name];
+        }
+        updated.state = this.state;
+        for (let name in props)
+            updated[name] = props[name];
+        this.update(updated);
+    }
+    /// Update the editor's `state` prop, without touching any of the
+    /// other props.
+    updateState(state) {
+        this.updateStateInner(state, this._props);
+    }
+    updateStateInner(state, prevProps) {
+        let prev = this.state, redraw = false, updateSel = false;
+        // When stored marks are added, stop composition, so that they can
+        // be displayed.
+        if (state.storedMarks && this.composing) {
+            // TODO clearComposition(this)
+            updateSel = true;
+        }
+        this.state = state;
+        let pluginsChanged = prev.plugins != state.plugins ||
+            this._props.plugins != prevProps.plugins;
+        if (pluginsChanged || this._props.plugins != prevProps.plugins ||
+            this._props.nodeViews != prevProps.nodeViews) {
+            let nodeViews = buildNodeViews(this);
+            if (changedNodeViews(nodeViews, this.nodeViews)) {
+                this.nodeViews = nodeViews;
+                redraw = true;
+            }
+        }
+        this.editable = getEditable(this);
+        let updateDoc = redraw;
+        if (updateDoc || !state.selection.eq(prev.selection))
+            updateSel = true;
+        if (updateSel) {
+            // Work around an issue in Chrome, IE, and Edge where changing
+            // the DOM around an active selection puts it into a broken
+            // state where the thing the user sees differs from the
+            // selection reported by the Selection object (#710, #973,
+            // #1011, #1013, #1035).
+            let forceSelUpdate = false;
+            if (updateDoc) {
+                // If the node that the selection points into is written to,
+                // Chrome sometimes starts misreporting the selection, so this
+                // tracks that and forces a selection reset when our update
+                // did write to the node.
+                // TODO if (this.composing) this.input.compositionNode = findCompositionNode(this)
+            }
+        }
+        this.updatePluginViews(prev);
+    }
+    /// @internal
+    scrollToSelection() {
+    }
+    destroyPluginViews() {
+        let view;
+        while (view = this.pluginViews.pop())
+            if (view.destroy)
+                view.destroy();
+    }
+    updatePluginViews(prevState) {
+        if (!prevState || prevState.plugins != this.state.plugins ||
+            this.directPlugins != this.prevDirectPlugins) {
+            this.prevDirectPlugins = this.directPlugins;
+            this.destroyPluginViews();
+            for (let i = 0; i < this.directPlugins.length; i++) {
+                let plugin = this.directPlugins[i];
+                if (plugin.spec.view) {
+                    this.pluginViews.push(plugin.spec.view(this));
+                }
+            }
+            for (let i = 0; i < this.state.plugins.length; i++) {
+                let plugin = this.state.plugins[i];
+                if (plugin.spec.view) {
+                    this.pluginViews.push(plugin.spec.view(this));
+                }
+            }
+        }
+        else {
+            for (let i = 0; i < this.pluginViews.length; i++) {
+                let pluginView = this.pluginViews[i];
+                if (pluginView.update)
+                    pluginView.update(this, prevState);
+            }
+        }
+    }
+    someProp(propName, f) {
+        let prop = this._props && this._props[propName], value;
+        if (prop != null && (value = f ? f(prop) : prop)) {
+            return value;
+        }
+        for (let i = 0; i < this.directPlugins.length; i++) {
+            let prop = this.directPlugins[i].props[propName];
+            if (prop != null && (value = f ? f(prop) : prop)) {
+                return value;
+            }
+        }
+        let plugins = this.state.plugins;
+        if (plugins) {
+            for (let i = 0; i < plugins.length; i++) {
+                let prop = plugins[i].props[propName];
+                if (prop != null && (value = f ? f(prop) : prop))
+                    return value;
+            }
+        }
+    }
+    /// Query whether the view has focus.
+    hasFocus() {
+        return false;
+    }
+    /// Focus the editor.
+    focus() {
+    }
+    /// Removes the editor from the DOM and destroys all [node
+    /// views](#view.NodeView).
+    destroy() {
+        this.destroyPluginViews();
+    }
+    /// This is true when the view has been
+    /// [destroyed](#view.DummyEditorView.destroy) (and thus should not be
+    /// used anymore).
+    get isDestroyed() {
+        return false;
+    }
+    /// Used for testing.
+    dispatchEvent(event) {
+    }
+}
+DummyEditorView.prototype.dispatch = function (tr) {
+    let dispatchTransaction = this.props.dispatchTransaction;
+    if (dispatchTransaction)
+        dispatchTransaction.call(this, tr);
+    else
+        this.updateState(this.state.apply(tr));
+};
+function getEditable(view) {
+    return !view.someProp('editable', (value) => value(view.state) === false);
+}
+function buildNodeViews(view) {
+    let result = Object.create(null);
+    function add(obj) {
+        for (let prop in obj) {
+            if (!Object.prototype.hasOwnProperty.call(result, prop)) {
+                result[prop] = obj[prop];
+            }
+        }
+    }
+    view.someProp('nodeViews', add);
+    view.someProp('markViews', add);
+    return result;
+}
+function changedNodeViews(a, b) {
+    let nA = 0, nB = 0;
+    for (let prop in a) {
+        if (a[prop] != b[prop])
+            return true;
+        nA++;
+    }
+    for (let _ in b)
+        nB++;
+    return nA != nB;
+}
+function checkStateComponent(plugin) {
+    if (plugin.spec.state || plugin.spec.filterTransaction ||
+        plugin.spec.appendTransaction) {
+        throw new RangeError('Plugins passed directly to the view must not have a state component');
+    }
+}