prosemirror-dev-toolkit

    Injectable developer tools for ProseMirror rich-text editors implemented in Svelte and TypeScript.

    Language: typescript

    Author: Emily Gauthier (@theemily)

    8 stars · 241 views

    Files

    • DiffValue.svelte (svelte)
    • DevTools.spec.ts (ts)
    • __snapshots__ (txt)
    • FloatingDock.svelte (svelte)
    • clickOutside.ts (ts)
    • Button.svelte (svelte)
    • FloatingBtn.svelte (svelte)
    • YjsPage.tsx (tsx)
    • NoEditorPage.tsx (tsx)
    • IFramePage.tsx (tsx)
    • DevToolsPage.tsx (tsx)
    • pm (txt)
    • menu.css (css)
    • schema-types.ts (ts)
    • .husky (husky)
    • packages (txt)
    • prosemirror-dev-toolkit (txt)
    • svelte.config.js (js)
    • tsconfig.json (json)
    • NOTES.md (md)
    • cypress (txt)
    • e2e (txt)
    • state-tab.spec.cy.ts (ts)
    • history-tab.spec.cy.ts (ts)
    • snapshots.spec.cy.ts (ts)
    • devtools.spec.cy.ts (ts)
    • structure-tab.spec.cy.ts (ts)
    • __image_snapshots__ (txt)
    • # History tab Should group selection transactions and allow inspecting them #0.png (image)
    • # History tab Should group selection transactions and allow inspecting them #1.png (image)
    • # DevTools Should render and allow to be closed reopened #0.png (image)
    • # Schema tab Should show the current schema nodes and marks #0.png (image)
    • # History tab Should track transactions and show diffs #0.png (image)
    • # Structure tab Should show the DocView of the current and doc and Node info #0.png (image)
    • # State tab Should allow expanding and collapsing and tree-view nodes #0.png (image)
    • # Plugins tab Should show the default plugins and allow inspecting them #0.png (image)
    • schema-tab.spec.cy.ts (ts)
    • plugins-tab.spec.cy.ts (ts)
    • tsconfig.json (json)
    • fixtures (txt)
    • snapshot-1.json (json)
    • snapshot-incompatible.json (json)
    • snapshot-0.json (json)
    • support (txt)
    • e2e.ts (ts)
    • index.d.ts (ts)
    • commands.ts (ts)
    • index.ts (ts)
    • package.json (json)
    • createHistoryEntry.ts (ts)
    • __snapshots__ (txt)
    • transaction.ts (ts)
    • createHistoryEntry.test.ts (ts)
    • StateTab.svelte (svelte)
    • selection.ts (ts)
    • getActiveMarks.ts (ts)
    • snapshots (txt)
    • SnapshotsList.svelte (svelte)
    • SnapshotsTab.svelte (svelte)
    • history (txt)
    • HistoryList.svelte (svelte)
    • prosemirror-example-setup.css (css)
    • editor.css (css)
    • index.css (css)
    • NavBar.tsx (tsx)
    • vite-env.d.ts (ts)
    • index.html (html)
    • Routes.tsx (tsx)
    • components (txt)
    • Layout.tsx (tsx)
    • Editor.tsx (tsx)
    • utils.ts (ts)
    • CHANGELOG.md (md)
    • extension (txt)
    • svelte.config.js (js)
    • README.md (md)
    • tsconfig.json (json)
    • pop-up.html (html)
    • package.json (json)
    • vite.config.input.ts (ts)
    • vite.config.ts (ts)
    • src (txt)
    • sw (txt)
    • store.ts (ts)
    • getCurrentTab.ts (ts)
    • ports.ts (ts)
    • index.ts (ts)
    • openWindow.ts (ts)
    • pop-up (txt)
    • store.ts (ts)
    • App.svelte (svelte)
    • index.ts (ts)
    • proxy (txt)
    • index.ts (ts)
    • types (txt)
    • consts.ts (ts)
    • pop-up.ts (ts)
    • inject.ts (ts)
    • sw.ts (ts)
    • utils.ts (ts)
    • index.ts (ts)
    • inject (txt)
    • store.ts (ts)
    • pmViewDescHack.ts (ts)
    • findEditorViews.ts (ts)
    • action.yml (yml)
    • workflows (txt)
    • version-publish.yml (yml)
    • pull-request.yml (yml)
    • gh-pages.yml (yml)
    • .changeset (changeset)
    • thick-birds-stare.md (md)
    • README.md (md)
    • fuzzy-singers-pump.md (md)
    • config.json (json)
    • createOrFindPlace.ts (ts)
    • tabs (txt)
    • state (txt)
    • setupTests.js (js)
    • index.ts (ts)
    • components (txt)
    • __tests__ (txt)
    • Button.spec.ts (ts)
    • index.tsx (tsx)
    • pages (txt)
    • FrontPage.tsx (tsx)
    • PlainPMPage.tsx (tsx)
    • schema.ts (ts)
    • pm.ts (ts)
    • types.ts (ts)
    • setupEditor.ts (ts)
    • filterPlugin.ts (ts)
    • index.ts (ts)
    • context.ts (ts)
    • vite.config.ts (ts)
    • cypress.config.ts (ts)
    • src (txt)
    • ProseMirrorDevToolkit.ts (ts)
    • __tests__ (txt)
    • __snapshots__ (txt)
    • applyDevTools.spec.ts (ts)
    • edge-cases.spec.ts (ts)
    • history-and-diff (txt)
    • diff.ts (ts)
    • subscribeToTransactions.ts (ts)
    • stores (txt)
    • snapshots.ts (ts)
    • stateHistory.ts (ts)
    • applyDevTools.ts (ts)
    • typings (txt)
    • history.ts (ts)
    • snapshots.ts (ts)
    • mapDeltas.ts (ts)
    • HistoryTab.svelte (svelte)
    • TabsMenu.svelte (svelte)
    • SchemaTab.svelte (svelte)
    • structure (txt)
    • DocView.svelte (svelte)
    • StructureTab.svelte (svelte)
    • global.d.ts (ts)
    • DocNode.svelte (svelte)
    • colors.ts (ts)
    • List.svelte (svelte)
    • PluginsTab.svelte (svelte)
    • SplitView.svelte (svelte)
    • test-utils (txt)
    • PasteModal.svelte (svelte)
    • DevTools.svelte (svelte)
    • CHANGELOG.md (md)
    • site (txt)
    • README.md (md)
    • tsconfig.json (json)
    • package.json (json)
    • vite.config.ts (ts)
    • src (txt)
    • global-types.d.ts (ts)
    • schema.ts (ts)
    • useEditor.ts (ts)
    • PMEditor.tsx (tsx)
    • example-plugin (txt)
    • types.ts (ts)
    • findChangedNodes.ts (ts)
    • index.ts (ts)
    • public (txt)
    • pm.png (image)
    • devtools-disabled-128.png (image)
    • devtools-disabled-16.png (image)
    • devtools-128.png (image)
    • devtools-disabled-32.png (image)
    • manifest.json (json)
    • devtools-32.png (image)
    • devtools-disabled-48.png (image)
    • devtools-48.png (image)
    • devtools-16.png (image)
    • CHANGELOG.md (md)
    • ROADMAP.md (md)
    • inject.js (js)
    • README.md (md)
    • eslint.config.js (js)
    • LICENSE (txt)
    • package.json (json)
    • pnpm-workspace.yaml (yaml)
    • .github (github)
    • actions (txt)
    • pnpm (txt)
    • action.yml (yml)
    • build-test (txt)
    • ATTRIBUTION.md (markdown)

    Loading code snippet…