Журнал изменений
Следите за каждым улучшением, исправлением и новой функцией в развитии Blok
- Добавлено
Live collaboration — Real-time multiplayer editing, turned on with
collaboration: { doc }.- Editors on the same
docsee each other's edits, carets and avatars, named bycollaboration.user. offline: truesurvives a reload by writing document content to browser storage.- Every tool must support read-only, because a collaboration editor boots read-only.
Добавленоpersistence,serverandticket— The document wiring that used to be yours to write.persistence: { load, save }loads on mount and saves as the document changes, against your endpoint.- Saves are queued, never parallel, and only the newest pending document is sent.
serverfills in the uploader and preview endpoints.ticketnames the endpoint minting an access pass.
ДобавленоDocuments convert outside the browser —
Blok.Serverruns the editor's own serializer in-process.AddBlokDocuments()registers it, andAddBlokServeralready includes it.IBlokDocumentConvertergives Markdown, HTML and plain text out, and Markdown in.- Markdown cannot express every block, so both directions report what changed.
ДобавленоTranslate a document without handing a model its JSON —
extractTextsandinjectTextsmove the prose past a model.- The model never sees the structure, so it cannot drop ids or reorder blocks.
- URLs, file names and code blocks are left out of the list.
- A list whose length does not match the document throws rather than misplacing a translation.
ДобавленоMarkdown out of a saved document —
blocksToMarkdownis the synchronous, DOM-free twin ofmarkdownToBlocks.- Headings become
#, lists-or1., and tables GFM pipe grids. blocksToMarkdownWithReportalso names every construct dropped or emitted lossily.- Markup written into Markdown comes back as literal text, since Blok has no raw-HTML block.
ДобавленоA heading keeps the anchor its links point at —
HeaderData.anchorrenders as the heading'sid.- It is captured from a pasted heading's own
id, so in-document links survive a paste and a save. restoreHeadingAnchorsrepairs documents already imported without it.- That pass reports every fragment it refused as
no-matchorambiguous, rather than guessing.
ДобавленоAn uploader can delete what it stored —
delete?(url, ctx)is a third optional method onBlokUploader.- Blok sweeps the assets this session uploaded and then stopped using.
- With the method absent nothing is ever deleted, which is what happened until now.
UploaderConfig.headersmay now be a function, so a short-lived pass is minted per request.
ДобавленоChange a live document from outside the browser —
POST /sync/{doc}/editand/resetwork over HTTP.- An edit inserts, updates or removes blocks, all-or-nothing, and reaches every open tab.
- A reset reloads the document from your endpoint and tells every tab to pick it up.
- Both require a pass with
write: truenaming that document.
ИсправленоPasted HTML ran before anything sanitized it — A pasted
<img src=x onerror=…>executed beforeclean()saw it.- Clipboard HTML was parsed into an element owned by the live document, which still loads resources.
- Untrusted parses now use a document with no browsing context.
- The URL scheme check moved inside
clean(), so a pastedjavascript:link is no longer clickable.
ИсправленоA long article could not be converted at all — An article that died on the server's engine now converts in milliseconds.
- Both serializers reallocated the whole accumulated document for every block.
blocksToHtmlalso sent every inline field through a sanitizer that parsed twice.- Measured on the real engine: 600 KB went from failing outright to 7 ms.
ИсправленоA legacy document's nested content read as empty — Plain text, Markdown and HTML all dropped a legacy block's children.
- Documents written before nesting moved to
parentandcontentkeep their children insidedata. - Those shapes are now expanded once, in the document model, so every reader sees them.
- One unreadable block is skipped and reported, rather than costing the caller the whole article.
ИсправленоMarkdown export lost the fence language and the nesting — Code fences exported unlabelled, and Tab-nested paragraphs exported as code.
- Four leading spaces after a blank line is an indented code block, so that indent survives only inside a list item.
- A container rendered only its direct children, so a list inside a toggle lost every level below the first.
- Lossy conversions now report what changed, instead of reading as "nothing was lost".
ИсправленоThe caret did not survive a read-only round trip — Entering read-only remembers where the caret stood, and leaving it puts it back.
- It holds on both the in-place toggle and the save, clear and render path.
- The restore declines when the user focused something else, or when the block is gone.
- A collaboration status blip that changes nothing no longer kills a live caret.
ИсправленоA link to somewhere on the same page opened a new tab — A bare
#fragmentreopened the whole document instead of moving inside it.- So did the absolute URL that "Copy link to block" hands out.
- A fragment now scrolls, an identical URL does nothing, and a query-only difference navigates in place.
- Following a link is reading, so the handler no longer unbinds in read-only.
ИзмененоThe server runs its own Yjs engine — Nothing it ships carries native code any more.
- YDotNet and the native build matrix are replaced by a managed C# implementation.
- Each wave was verified against a shared Yjs oracle rather than against itself.
- A service account with no home directory now needs no configuration.
Измененоblok-sync.v2is on the wire, and deliberately not spoken yet — The service negotiates it, and the client still offers only v1.- The operation, acknowledgement and rejection codecs exist on both sides against pinned fixtures.
- An operation id is settled and journalled before anyone can see the write.
- Do not build on the v2 frames until the client negotiates them.
ИзмененоThe documentation site was one step from being indexed as its error state — A crawl recorded the homepage's only
<h1>as "Application Error".- A component drew with
Math.random()during render, so React 19 discarded the server HTML. - Docs had also not deployed for three days, blocked by a script demanding impossible release assets.
- A post-deploy smoke test now asserts what the host actually serves.
Измененоyarn servestarts the collaboration backend — The dev playground boots the sync service beside it.- Multiplayer is exercised locally by default.
- Pass
--no-serverto run the playground alone.
ИзмененоGates and dependencies — The .NET solution keeps three test layers plus conformance and package smoke tests.
- CI requires 80% line and branch coverage on merged production code.
- It audits NuGet packages, scans for secrets, scans the built image, and analyzes C# with CodeQL.
- Mutation testing runs on the diff alone, carrying surviving mutants between commits.
- Editors on the same
- Добавлено
@bloklabs/serveris one C# implementation now, in two forms — The Go service that shipped in 1.11.0 is ASP.NET Core.Blok.Server.AspNetCoreruns the same handlers inside an app you already have, with no second process.npx @bloklabs/serverandghcr.io/jackuait/blok-serverstill deliver the standalone host.- Routes, flags and every response wire are unchanged, pinned by a 58-case conformance suite.
ДобавленоAnswers pasted from ChatGPT and Gemini keep their structure — A pasted formula used to arrive as roughly 870 layout spans.
- Math is replaced by the
<span data-latex>the equation tool already whitelists. - A code block collapses to one
<pre><code>, and its language rides asdata-blok-code-language. - There is deliberately no Claude branch: its share pages sit behind a bot check.
ИсправленоMarkdown copied out of an AI answer lost half its structure — A code fence nested under a list item vanished without trace.
- Nested content is emitted as sibling blocks, and later items carry
startso markers do not restart at 1. - Fence languages are normalized through one module that knows the aliases models emit.
- Bold, inline code and strikethrough inside a list item now survive a save.
ИзмененоThe Go implementation is gone, and the tag ships the C# one — It was removed only after the dual-target conformance gate passed unwaived.
- The tag workflow packs both NuGet packages and proves them from an isolated feed.
- It smoke-tests the archive and the container image before publishing anything.
- The NuGet credential is minted over OIDC immediately before the push.
ИзмененоTwo gates that only CI could see — The
dotnet formatcheck was red onmainfrom the day it landed.- The repository carried no
.editorconfig, so the tool fell back to four-space indentation. - That produced 12689 whitespace complaints, and every step after it never ran.
- The .NET tree now carries its own config, so a laptop and a runner agree.
- Добавлено
@bloklabs/presets— Ready-made uploaders, soconfig.uploaderis no longer something every project writes.supabaseStorage,presignedStorage,cloudinaryStorage,fetchStorageandindexedDBStorage.- Zero runtime dependencies: a vendor client is passed in, never imported, so your own auth session applies.
BlokUploader,UploadContextandUploadedAssetare now exported from@bloklabs/core.
Добавлено@bloklabs/server— A sidecar handling file uploads and link previews, so you write no backend for either.POST /upload,POST /upload-by-urlandGET /unfurl, run through npx or the container image.- Uploaded bytes land in a local directory or any S3-compatible bucket.
- Access modes
none,proxyandticketare enforced by startup interlocks rather than warnings.
ДобавленоCross-block text selection — Dragging across blocks selects the characters under the pointer, not whole blocks.
- Copy, cut, typing, Enter, paste and the mark engine all split the range per editing host.
- It works in Firefox, which Notion's own implementation does not.
- Escape promotes the text selection to a selection of the same blocks.
ДобавленоBlock controls on either side —
config.toolbarPosition: 'left' | 'right'moves the plus button and drag handle.- It is live through
toolbar.setPosition(), and the reserved gutter width moves with it. - Logical tokens throughout, so RTL mirrors for free.
- Before this, the only lever was hiding the controls entirely with
hideToolbar.
ДобавленоDev override seam — Every
@bloklabs/coreentry consultsglobalThis.__BLOK_DEV_OVERRIDE__before its bundled implementation.- It is a passive, in-realm read: nothing is fetched, evaluated or resolved from a URL.
- The editor root carries
data-blok-version, so what is running is inspectable. - To drop the branch from your bundle, alias the newly exported
./dist/*subpath.
ИсправленоonChangefired late, or not at all — Sustained typing produced zero calls until the user paused.- Every mutation restarted the 400 ms window, which now opens on the first change and never extends.
onChangeleads the window on the next microtask, and the rest coalesces into one trailing call.onSavekeeps the trailing edge only, since serializing the document is too expensive to front-run.
ИсправленоSelection beside a nested block — A lasso drawn beside a nested table selected the whole toggle section.
- Selection now resolves which block owns a row through the same rule the toolbar uses.
- A fast drag no longer drops every row above the first throttled mousemove.
- One keystroke inside a nested block no longer runs the pipeline once per ancestor.
ИсправленоEmpty-block placeholders displaced the caret — An empty paragraph painted its caret 315 px to the right.
- A placeholder in normal flow consumes real inline advance at the start of the line box.
- Placeholders now paint their text while claiming zero advance.
- Media captions stay in normal flow, since a zero-width box would spill a centred caption sideways.
ИсправленоA bookmark that could not be previewed — It showed an error after the paste, and an ordinary card after a reload.
- The error state never reached saved data.
- A failed preview now degrades to a plain link on both paths.
- Roughly 30% of sites publish no preview data, so this is the ordinary case rather than a fault.
ИсправленоAudio player card — Descenders in the title and artist lines were sliced flat.
text-overflow: ellipsisforcesoverflow: hidden, which clips at the padding box.- At a line height of exactly 1, that box is shorter than the font's content area.
- Both lines now use the line-height token the file-name row already carries.
ИзмененоRelease and CI wiring — Nothing here iterates workspaces, so a package missing from a list drops out silently.
- Both new packages are registered across all seven lists, from version lockstep to the publish gate.
- The server's binaries and image ship from a tag-triggered workflow, not from a maintainer's laptop.
- A compiler-API law fingerprints every type
@bloklabs/presetshand-copies into its declaration.
ИзмененоDocs — New
/presetsand/serverpages, linked from the navigation and localized in both languages./serverleads with the path that runs no service at all, and states its limits on the page.- A new page documents the dev override seam, its threat model and its opt-out.
SECURITY.mdcommits to acknowledging a report within five business days.
- Добавлено
Toggle heading adoption — "Turn into → Toggle heading" now adopts the heading's section, matching Notion.
- Every sibling up to the next heading of equal or higher rank becomes a child of the new toggle.
- A heading inside a column adopts only within that column.
- The adoption runs inside a move transaction, so undo restores the section.
ДобавленоToggle disclosure arrows — The arrows now read as clickable.
- The hover pill used to appear only once the pointer was already inside the 28 px square.
- The chevron scales with its title's font size, so heading arrows grow with their level.
- A localized Expand or Collapse tooltip is read from the state-synced
aria-label.
ИсправленоNested block menus — A block inside a toggle could never show its own menu.
- A nested table's menu also jumped away the moment the pointer crossed onto the cell padding.
- Hover and touch now share one resolver where the deepest block under the pointer owns the toolbar.
- Hover detection stands down entirely over the toolbar.
ИсправленоAccessible names for icon-only controls — The entire inline toolbar was nameless to a screen reader.
- A hint wired via
aria-describedbydescribes a control but never names it. - An icon-only popover item now takes its name from its hint title, which repairs every one of them.
- Colour swatches, captions and the embed iframe are named too, with no new i18n keys.
ИсправленоList and popover semantics — Every list item in the editor was an orphan.
- Items declared
role="listitem"but nothing declared the list, so the wrapper now carriesrole="list". - Toolbox section headers were separators inside a listbox, and are now presentational.
- A popover is stamped as a menu only when it actually has menu items.
ИсправленоTable and database semantics — Add-row, add-column and the row and column grips were pointer-only.
- They are now named, focusable buttons with keyboard activation.
- Heading cells expose
columnheaderandrowheader, matching the<th>the view renderer emits. - The header toggle is a real
role="switch", and database view tabs are a real tablist.
ИсправленоEscape no longer strands focus — Escape pressed inside the toolbar left focus on
<body>.- The document handler stopped propagation in the capture phase, so the caret could never be restored.
- It now stands down for targets inside the toolbar.
- Modal dialogs return focus to the element that opened them, which fixes focus loss on WebKit.
ИсправленоContrast — The grey text token cleared AA by 0.05 on white, so it failed on every tinted surface.
- It is darkened, along with links and embed text, and inline code becomes its own token.
- The Prism dark palette was dead: every rule was gated on a class nothing in Blok sets.
- Database column pills move onto a dedicated on-pill colour.
ИзмененоAccessibility suite — Two copy-pasted axe scans became a layered suite on Chromium, Firefox and WebKit.
- It scans all 20 block tools in edit and read-only, plus the editor chrome.
- No rule is waived, and every scan is preceded by a visibility assertion.
- Two defects stay pinned with reasons, including the inline toolbar stranding focus.
- Добавлено
Framework adapters —
useBlockstakes{ within: blockId }, so a container re-renders only for its own subtree.- Unscoped, a page of N containers turned one keystroke into N re-renders.
childContentAttributesapplies per-child decoration on each child's content wrapper.toolbarAnchorRefandctx.setToolbarAnchoranswergetToolbarAnchorElementfrom inside the component tree.
ДобавленоView —
renderLatexandcreateLatexRendererare exported from@bloklabs/core/view.- The KaTeX chunk was already bundled, but hosts were told to add
katexthemselves. - Both apply the options Blok trusts for untrusted input, including
trust: false. createLatexRenderer()awaits the load once and hands back a synchronous renderer.
ИсправленоinsertChild({ caret })— The caret was permanently lost for a portal-rendered child.- A React, Vue or Angular child returns an empty host and commits its editable a frame later.
- The block was not yet focusable, so the caret helper cleared the selection instead.
- Placement now re-applies once the child's holder produces an input, one-shot.
ИзмененоAdapter parity — The per-child decoration pass was triplicated across the adapters and is now one implementation.
- Three architecture laws pin the new surface.
- The view entry gained an export-to-declaration drift check.
- Добавлено
Container tools — Five things a container block used to hand-roll are now declared.
static childTools = { allow?, deny? }lets any container state which tools may be its direct children, enforced by core on insert (a disallowed tool is demoted toallow[0], so Enter always produces a block), on a cross-boundary move (refused) and in the toolbox (hidden) — the selective, insert-aware counterpart toownsChildren, and the generic form of the Table-onlyrestrictedTools.data-blok-keyboard-ownermarks a subtree whose keyboard belongs to the tool: block-level and editor-level keydown/input handling stand down inside it, tag-agnostically, replacing per-keystopPropagationhandlers.BlockAPI.insertChildgained anoptionsargument with the same vocabulary as the adapters'useBlocksinsert (focus, caret, id, tunes, replace), threaded throughinsertInsideParent.ДобавленоInline tools —
InlineToolConstructable.hydrate(root)is a declared contract, called byBlockafter render, after an in-placesetDataand afteronPaste. Whatever a hook writes is markeddata-blok-mutation-free, so re-rendering derived markup is not an edit.ДобавленоView —
blocksToHtmland<BlokView>acceptinlineRenderers: tag-keyed, post-sanitize, output inserted verbatim — the inline counterpart ofrenderers. A DOM-free render can plug inkatex.renderToStringor a mention chip without Blok shipping either.ДобавленоBlock tree —
{ blocks: [...] }is now a spec node (BlockRunSpec), valid at the root or as a child of a tree node. A migration holding an already-flat saved document can splice it verbatim: ids are kept, only un-parented blocks are re-parented onto the enclosing node, and only those join itscontent. Passing a pre-flat block as a tree node throws instead of silently dropping its parent/content links.ИсправленоInline equations — A KaTeX span's markup is derived from
data-latex, and the sanitizer dropped its tags while keeping their text, soE=mc^2was persisted asE=mc2E=mc^2E=mc2. What was supposed to hide that — re-rendering on load — never ran:EquationInlineTool.hydrate()had zero call sites repo-wide, so equations went inert on every reload, in the editor and not just in the view. The sanitizer rule now rewrites an equation span's content back to its source on both the DOM and the parse5 pipeline, so new saves are clean and a load heals documents that already carry residue.htmlTextContentreads a mark's source, so previews, outline and search stop reading rendered fragments.ИсправленоonChangearming — The documented "handler presence arms the change pipeline" contract was false: core defaultedonChangeto a no-op unconditionally, so the gate could never disarm and all three adapters' careful handler-presence omission was pointless. Hosts were passing dummy handlers to arm a pipeline that was already armed — and anonSaveone also forces a full serialization per change batch. The injection is gone, so the contract holds as written.ИсправленоPublished types —
types/data-attributes.d.tswas hand-transcribed and had drifted: 17 attributes missing (includingnestedBlocks, the container slot every nesting tool's stylesheet targets) and one phantom key the runtime never had. It is now generated from source and any drift fails an architecture test. The ReactBlokViewPropswas also missingclasses.ИзмененоDependencies — postcss, brace-expansion, fast-uri, ip-address and undici bumped across the root and docs workspaces.
- Добавлено
Superscript / subscript — A new inline tool takes the tenth slot in the inline toolbar, bound to ⌘/Ctrl+Period and ⌘/Ctrl+Comma. The two modes are mutually exclusive, so applying one clears the other. Shipped with glyphs drawn into the shared inline-toolbar type system, translations in all 69 locales, and docs.
ДобавленоToolbox — Slash-menu entries are grouped under labeled sections, so a long tool list is scannable instead of a flat run of items. Each entry declares its own section.
ДобавленоTool contract — Blocks carry creation provenance (
user/load/api/paste/convert/replay/probe), so a container can tell an author's gesture apart from a document load, a refetch or an undo replay. Enter's container-escape became a per-tool declaration instead of a hardcoded list of Blok's own tool names, so a custom container keeps Enter inside itself without an editor-globalonEnterhook.insertInsideParentandBlockAPI.insertChildtake an optional tool name, making an appended typed child one atomic operation and one undo entry.ДобавленоFramework adapters — The React, Vue and Angular block spec gained a general statics passthrough (toolbar anchor,
ownsChildren,conversionConfig, the new Enter policy), an api handle, child-tree reactivity, per-child decoration, and anonMountedsignal backed by ablock:childrenMountedevent. Handler presence is runtime-settable throughapi.handlers.set(), so passingonEnterat all no longer permanently decides Enter's semantics.ДобавленоEditor — A new opt-in
captureClicksBelowEditorplaces the caret in the last block when the host clicks empty space below the editor. Off by default; registered as a config key in the React and Vue adapters too.ДобавленоLink — The link field sizes itself to its content, capped at the previous fixed width, and its create, error and edit states were polished.
ИсправленоNesting —
setBlockParentno longer lets a container on the block's own ancestor or descendant chain veto a reparent; an enclosing container claiming a holder used to leave model and DOM permanently divergent (Enter inside a callout nested in another container), and a descendant doing the same nested every appended child inside its predecessor.mountChildBlocksnow reclaims a holder stranded in any ancestor container, re-mounts it at its model position rather than last, and preserves the caret across the adoption. Depth indentation moved from an inline margin with a hardcoded exemption list to a depth multiplier resolved through--blok-block-indent-step, so a container tool declines the indent with ordinary CSS and no!important.ИсправленоBlock API — Every handed-out
BlockAPIis live, sogetChildren()can no longer answer[]for a populated container andsetParent/insertChild/moveChildcan no longer silently no-op.api.blocks.update()prefers a tool's in-placesetDatawhen there are no tunes to apply, so it stops composing a replacement block that destroyed the previous one's portal and left the holder permanently empty.ИсправленоInline toolbar —
destroy()threw and abortedblok.destroy(), leaking listeners in every module torn down after it:hide()emitsClosedsynchronously, the handler then ranclose(), which nulled the popover mid-teardown. The reference is now detached before hiding.ИсправленоPopover — Control-less HTML items (the new toolbox section headers) are no longer keyboard focus stops, so a
role="presentation"header can't steal initial focus, shift every Arrow/Tab, or be pointed at byaria-activedescendant. Sibling active states refresh after an item is activated, and clicking the item that opened a popover now does nothing instead of reopening it.ИсправленоList — Tab/Shift+Tab moved the model but not the render: both handlers wrote depth into the tool's live data before calling
api.blocks.update, whose in-place diff then saw no change, sosave()and the DOM silently disagreed.ИсправленоEvents and data — Keydown from a native form control a tool renders is no longer claimed by the editor. The toolbox merge and the
save()extraction stop mutating tool-owned objects, so a toolbox entry carrying data no longer throws on a frozensave()result. A load is not an edit: a block arriving without a timestamp is no longer stamped at construction, so a save round-trip equals the document it came from.ИсправленоAdapters — The portal registries reject a teardown from a superseded instance, so a same-id re-register survives a late destroy; Vue additionally defined one wrapper component per tool *type*, so a re-register patched the superseded instance and rendered stale data — the wrapper is now per block instance. A React element toolbox icon serializes instead of rendering as
[object Object], and the imperative handle keeps the controlled baseline in sync so restoring a draft afterclear()is no longer swallowed as an echo.ИсправленоStyles — The icon stroke is scoped to Blok's own icon markup instead of every path in the subtree. The column floor moved to
--blok-column-min-widthin CSS, and the static-gutter attribute plus the block-padding tokens are now declared.ИзмененоBuild —
scripts/build-angular.mjsderived its adapters contract from a hand-copied list that silently drifted whenever a staged module gained an import; it now derives it fromsrc/adapters.ts, and the staging law test walks the same graph so drift fails at test time instead of build time.ИзмененоTests — 23 red e2e tests were root-caused rather than weakened: three were real product bugs (fixed above) and four were stale specs asserting behaviour that later commits deliberately changed. A leaked 600ms language-detection debounce in the code-tool unit tests was also cancelled, removing a load-dependent flake.
- Добавлено
Embed — A stored generic embed the host hasn't allowed to be framed now renders as a clickable link card instead of the inert "No embed link" state, so the URL stays visible in both read and edit views and can never be silently lost. A new
linkPaste.allowedEmbedOriginshostname/wildcard trust list gives hosts fine-grained control as a middle ground before the all-or-nothingallowGenericEmbedflag. Tampered stored data stays fully inert, and no new iframe paths are introduced.ИсправленоEditor — Queries for a block's first editable element now skip mutation-free markers such as a list item's bullet span, closing the remaining "marker ghost" sites where Enter could write an item's own HTML into the bullet and the toolbar centred on the marker's box instead of the text. An architecture test now enforces the guard on every
contenteditableselector in the codebase. - Исправлено
Callout — Enter can leave the panel again. Previously it could only ever add another line inside, so every press stamped one more empty paragraph into the callout; those blanks are saved with the document, and the callout reloaded with its text pinned to the top of a panel padded out by invisible lines. Behaviour now matches Notion: Enter adds a line inside, Enter on an empty last line steps out. A callout nested in a column hands that block to the column rather than the document root, the exit block is saved in the position it renders in, and the whole exit is a single undo/redo step. Toggles and columns keep their existing behaviour.
- Исправлено
Callout — The panel's vertical inset now reads its own
--blok-callout-padding-blocktoken (flat 5px default) instead of riding--blok-block-padding-top/-bottom, so a host's compact-rhythm override no longer collapses the callout card onto its text. The emoji button deliberately keeps reading the rhythm tokens so the glyph tracks the first text line under any rhythm a host sets. Defaults render byte-identically; hosts that wanted squashed callouts opt back in via--blok-callout-padding-block: 0.ИзмененоDocs — 151 verified inaccuracies root-caused and fixed across the docs site, a new guide explains how to set per-block font sizes correctly, and the docs test suite now resolves Blok's public members through the TypeScript compiler instead of a regex.
- Добавлено
Font size —
config.style.fontSizenow carries one entry per text scenario in every text-bearing block (paragraph, headings, quote, callout, code, toggle, list, checklist, table cells, captions, bookmark cards). Each entry writes that block's--blok-*-font-sizecustom property, so the same knob is reachable throughstyle.tokens,editor.tokens.set()and plain CSS. An unconfigured editor renders byte-identically to before.ДобавленоAPI —
beginTransaction/endTransactiongroup operations spanning a pointer gesture into a single undo entry, for cases where the synchronoustransact(fn)cannot reach across async boundaries.ДобавленоTable corner drag — The bottom-right corner now behaves the way Notion documents it: the grid tracks the pointer through live geometry instead of a unit frozen at pointerdown, a Notion-style grip replaces the old 8px dot, hovering it explains the gesture, appended columns are full width, and the whole gesture commits as one undo entry.
ДобавленоTable auto-scroll — Holding the corner at the scroll container's edge or in the viewport's top/bottom band scrolls and grows the table as it goes. Growth follows the pointer — 8px/s for every pixel held past the edge — rather than a fixed clock.
ДобавленоTable selection — Dragging a row or column grip paints the entire dragged range instead of boxing only the focused cell.
ДобавленоPlayground — A text-size slider (80%–150%) scales every
style.fontSizescenario from its own CSS default.ИсправленоTable — An inward corner drag stops at the first trailing row or column that holds content instead of deleting typed cells; the handle is anchored to the grid rather than the wrapper, so it no longer drifts inside the table as it grows; a caret click no longer leaves the corner handle and "+" buttons dead until the user clicks outside; clicking inside a merged cell boxes only that cell, and expanding a selection reaches merge origins, not just spans; a stale
pointercancellistener no longer accumulates per completed drag.ИсправленоStyles — Callout emoji and list markers stay aligned with their text as the font size scales, and the bookmark card's padding, line boxes, gaps and favicon scale with the card's own type.
fontSize.calloutnow wins overfontSize.paragraphin the callout body.ИсправленоTypes — The public
Blokclass exposes its full API surface. - Добавлено
View renderer —
@bloklabs/core/viewnow reaches visual parity with the read-only editor: every core block (paragraph, header, quote, list, checklist, code, callout, toggle, divider, spacer) renders from single-sourced class modules shared with the editor,view.cssis generated from those modules, and a soft isolation root plus reproduced block scaffolding keep the output pixel-equal. A class-parity gate and a view↔read-only visual parity gate now run in CI, and the playground gains a side-by-side Blok View comparison panel.ДобавленоPaste — Google Docs layout tables are now recognized: multi-row two-column tables carrying photos convert into column blocks, and single-column layout tables unwrap into their content instead of arriving as one-cell tables.
ДобавленоInline toolbar — The convert menu now opens sideways with its trigger marked selected, and the convert row is styled as the card's header.
ДобавленоCallout — A newly picked emoji jumps into the old one's place, and the emoji picker opens instantly without waiting on its dataset to download.
ДобавленоTools —
data-blok-toolis now stamped on code, callout, divider and spacer roots.ДобавленоDocs — The docs site advertises its markdown mirrors and declares Content-Signal; the published
@bloklabs/core/iconssubpath is documented; the README is restructured around benefits, facts and a runnable example.ИсправленоSecurity — Stored
javascript:XSS closed on two sinks: media download hrefs are scheme-gated, and stored embed renders are gated on the provider registry rather than a barehttps:check.ИсправленоDrag & Drop — Drops on the seam between two blocks now resolve instead of dead-ending; the drop indicator no longer promises a nesting the drop would refuse; side-drops are gated on the columns tool actually being registered.
ИсправленоColumns — The drop animation no longer balloons the row while a block lands.
ИсправленоCode — In read-only mode the language label renders as plain text and the language dropdown toggle is hidden; the copy button keeps the same height in its "Copied!" state.
ИсправленоToolbar — Multiple editors on one page now show one set of block controls instead of stacking duplicates; the slash-search caret is sized to the input, not the block.
ИсправленоTooltip — A bubble is never parked in the viewport corner when its anchor stops rendering.
ИсправленоList — The checklist checkbox is centred on its text at any font size.
ИсправленоEmbed — Provider popups (e.g. "open in app") can escape the iframe sandbox again.
ИсправленоAudio — Cover art uploads are routed to the image pipeline instead of the audio endpoint.
ИсправленоShortcuts —
BACKSLASH/SLASHrender as\and/in shortcut hints.ИсправленоDependencies — All 40 open Dependabot alerts remediated at their root causes.
- Добавлено
Migrate — The legacy-format interpreter is now extensible from the host:
rulesentries are matched before the built-in grammar (so they can override it) while reusing container recursion, orphan re-parenting and 1:N splits; expanders may consume following siblings via{ blocks, consumed }; and passinggenerateIdmakes migration pure, so a document migrates to an equal result twice. Addsmigrate(data, options)composing the data-rule and grammar passes in the correct order,matchLegacyRule()for per-block matching, and areportcarryinglossyFields/errorsinstead of console-only warnings. Editor.js list v2metafields (start,checked) are now read.ИсправленоMigrate —
config.migrationsnow runs before format analysis, sodataModel: 'auto'inspects post-migration blocks instead of collapsing the document back to its legacy shape on save.ИсправленоTypes —
typesVersionsnow maps themigratesubpath, fixing TS2307 for consumers onmoduleResolution: "node". - Добавлено
Migrate — Hosts can now declare per-block-type migration rules from the outside to upgrade stored blocks from an old data shape to a new one without editing the tool class. Rules are applied at load (after each tool's own
upgradeData) and also exposed as a standalonemigrateOutputDatavia@bloklabs/core/migratefor offline batch upgrades. Available on all three framework adapters. - Добавлено
API — The output-data helpers are promoted to a stable entry point, alongside new document-query utilities.
ДобавленоTypes — Named config aliases and a
BlokDatainterface adapter.ДобавленоTools — Type-safe tool authoring helpers, plus an explicit paste priority.
ДобавленоView — Root-caused view gaps #29–#33 and #35 from the hr-platform/KB audit.
Добавленоi18n — Root-caused i18n audit gaps #36–#41.
ДобавленоMigrate / Tools / Paste — Root-caused hr-platform/KB gaps #50–#53.
ИсправленоControlled editor — Five audit findings root-caused, followed by findings #7 and #9 (and the missing test for #8).
ИсправленоMarks / Paste — Four inline-tool and sanitizer audit findings root-caused.
ИсправленоBuild (Angular) —
toRenderableDatais exported from the staged adapters-contract.ИсправленоTypes — Widened the
exportscast so the string-valued./view.cssentry type-checks.Измененоi18n message files are named by locale.
ИзмененоRepaired the test/build drift that blocked the release preflight.
- Исправлено
Markdown — Typing a list marker (
-,1.) inside a heading no longer converts the heading into a list; it stays a heading. - Исправлено
Editor — Enter now honours the IME composition and Shift contract; added an
onErrorchannel;data-blok-toolis opt-in.ИсправленоSanitize — Redundant inline markup is now collapsed on every path that stores HTML.
ИсправленоVideo — Unplayable sources are surfaced to the user instead of rendering a black player.
ИсправленоView — Added a
classListfacade soMarkSpecinline tools render correctly inBlokView.Исправленоi18n — Localized video stats and database overflow, added
tr()interpolation, and completed locale audits across Yiddish, Vietnamese, Traditional and Simplified Chinese, Urdu, Ukrainian, Uyghur, Turkish, Thai, Telugu, Tamil, Swahili, Serbian, Albanian and Slovenian. - Добавлено
Marks — New range-aware
api.marksinline-formatting engine, with the built-in bold/italic/underline/strikethrough tools migrated onto it. ExposesMarkSpecidentity/family/transparent semantics for authoring custom inline tools.ДобавленоView renderer — New synchronous, DOM-free view renderer published at
@bloklabs/core/view(defineBlokSchema+ a central dispatcher, plus a ReactBlokView), for rendering stored block content without booting a full editor.Добавленоi18n — New runtime
editor.i18n.update()API that makesconfig.i18nlive and repaints already-rendered block DOM, wired reactively through all three adapters.ДобавленоConfig — Reactive contract for
readOnly,hideToolbarandinlineToolbar: setting them after construction now takes effect live across the React, Vue and Angular adapters (with sanitize-cache invalidation oninlineToolbar).ДобавленоReadiness — Scoped, reactive editor readiness:
whenAllReady({ within, settleOn }),readyState/subscribeReady, and auseBlokReadyhook in all three adapters.ДобавленоDocs — The documentation site is now crawlable (prerendered metadata, sitemap, AI mirrors) and carries Google Analytics coverage across pages.
ДобавленоPlayground — Dev settings panel gains a language picker and an RTL toggle.
ИсправленоMarks — Fixed the trailing-whitespace extension eating later content when a mark ended on a boundary.
ИсправленоStyles — Surface background tokens (
--blok-bg-light/-secondary/-tertiary) are now a test-enforced public contract; the gutter stays put in plain read-only soreadOnlyflips no longer shift layout.ИсправленоTypes —
MarkSpecis now imported into the main declaration entry so it resolves for consumers.ИсправленоDocs — Russian pages are headed by their localized H1;
@bloklabs/core/viewresolves in the docs build and React fixtures.ИсправленоRelease — The Angular README is now staged into the directory npm packs.
Исправленоi18n — Locale audits completed across Slovak, Sinhala, Sindhi, Russian, Romanian, Portuguese, Pashto, Polish, Punjabi, Norwegian, Dutch, Nepali, Burmese, Malay, Marathi, Mongolian, Malayalam, Macedonian, Latvian, Lithuanian, Lao, Sorani, Korean and Kannada.
ИзмененоMigrated the docs site to React Router framework mode.
ИзмененоRenamed the default branch from
mastertomain.ИзмененоCompleted npm metadata across the package family and hardened the view/reactive-contract law tests.
- Добавлено
API — New public
editor.tokensgetter/setter for runtime--blok-*theme tokens, with replace semantics and pre-ready buffering (liketheme/width/placeholder). Wired reactively through all three adapters: Reactstyle.tokens, Vuestyle.tokens, Angular[styleTokens].--blok-content-max-widthis now honored by database centring and toolbar control placement.ДобавленоTools — Custom-tool authoring fixes:
tools.update(name, { toolbox })now flips a tool's toolbox entry at runtime (permission-style insert gating no longer requires recreating the editor), including its insertion shortcut; ReactcreateReactBlockaccepts aviewComponentrendered while the editor is read-only; React toolbox icons may be React elements;commit()echo idempotency is now a documented public contract.ДобавленоEmbed — Google Docs/Sheets/Slides/Forms/Drive embeds render at a user-adjustable pixel height with a bottom resize handle (200–2000px), persisted to
data.height. Aspect-ratio media providers (YouTube, Vimeo, …) are unchanged.ИсправленоCDN bundles —
dist/blok.iife.jsanddist/blok.umd.jsshipped zero generated Tailwind utilities since the v3→v4 migration, so every unpkg/jsDelivr consumer loaded an unstyled editor. Both configs now run the Tailwind plugin (+34KB gzip each), guarded by a dist-level assertion.ИсправленоAdapters — Five root causes from a downstream audit: a stale controlled-
dataecho no longer clobbers the caret (bounded echo window instead of last-payload-only dedup);equalsOutputDatacompares block ids only when both sides carry one; React inline tools accept atitleKeyfor localization; the zero-specificity gutter default is a test-enforced public contract.ИсправленоDependencies — Seven phantom dependencies (bare imports resolving only via hoisting, including
@testing-library/jest-domused by the global unit setup) are now declared, with a law test preventing new ones.Исправленоi18n — Review passes completing Armenian, Croatian, Dhivehi, Filipino, Georgian, Gujarati, Hebrew, Hungarian, Indonesian, Japanese, Kannada and Khmer, plus tool interpolation variable forwarding.
ИзмененоUpgraded to Node 26, Angular 22 and TypeScript 6, then root-caused six defects the upgrade shipped green — most importantly the entire
unit-angularvitest project loading zero tests (a fake green), and the docs test suite missing the Node 26 webstorage guard.ИзмененоLocal E2E suite runtime cut from ~47.5 min to ~10 min (parallel/skip-when-fresh
build:test, shared page per worker), plus broad E2E stabilization.ИзмененоFixed ESLint cache poisoning that replayed stale errors in CI lint runs.
- Добавлено
Paste — Google Docs tables used as fake column layouts (every row has exactly 2 or 3 cells) now paste as real column layouts instead of table blocks. Genuine tables (4+ columns, ragged rows, single column, Google Sheets, nested tables) still paste as tables.
ДобавленоAPI — Four first-class capabilities replacing host workarounds: a
style.nativeSelectionconfig opt-out for the forced::selectionrepaint, public--blok-block-padding-top/-bottom/-inlinetokens for compact read-only rendering, a staticBlok.whenAllReady()collective-readiness aggregate, andcreateReactInlineToolin the React adapter with a full inline-tooldestroy()lifecycle.ИсправленоData integrity — Three silent data-loss defects fixed: code containing
<was corrupted on render and save (if (a<b)becameif (a), empty code blocks were dropped on save, and a document whose only block was/saved as empty. Tools can now declare a field as literal text via aPLAINTEXTsanitizer rule.ИсправленоCaret — Highlighting a non-focusable block now blurs stale input focus, so Chromium can no longer restore the current block from a stale collapsed range.
Исправленоi18n — Locale audit corrections across dozens of locales, including Dutch color labels and shared toggle guidance.
- Добавлено
i18n — New Taiwan Traditional Chinese locale (
zh-TW) with its own emoji dictionary, bringing the corpus to 69 locale variants. A full audit pass over every shipped locale corrected terminology and localized previously hardcoded runtime strings (media captions, database defaults, emoji category scopes, recent color labels, action search, move announcements), with hardened locale validation.ДобавленоTheming — New
style.tokensconfig lets each editor instance pass--blok-*token overrides that also reach body-mounted UI (popovers, menus). The edit-mode gutter now defaults to 56px and is owned by Blok, checklists get a dedicated padding token (falling back to the list token),hideToolbarconfig now actually hides the toolbar and collapses the gutter, and--blok-placeholder-coloris a public hook.ДобавленоInline toolbar — Restructured as a card with a convert row plus a five-column tool grid, including a new clear-format tool and redrawn toggle-heading icons.
ДобавленоColor — Text and background tunes merged into a single Color submenu; the color picker gained a Recently Used section remembering the last 5 colors; slash-menu color command titles are localized.
ДобавленоTable — Compact/comfortable text-size switch, grouped with density under a text-size submenu.
ДобавленоHeader — Heading level converts are grouped under a heading submenu in block settings.
ДобавленоImage — Overlay controls use discrete size tiers (full/medium/compact) instead of fluid scaling, keeping them legible at small widths.
ДобавленоData compatibility — Editor.js-shaped data is accepted losslessly: null-tolerant
LooseOutputDatainputs, publicequalsOutputData/isEmptyOutputDatautilities, echo-safeblocks.render()(re-rendering identical data is a no-op), and a synchronousisRenderedflag.ИсправленоPopovers — Block-settings menu placement fixes: the menu centers on the six-dots handle, stays attached to it near viewport edges, never touches the screen border, and submenus always open to the right and appear only when hovering the trigger or the submenu itself; page scroll is locked while the menu is open.
ИсправленоEditor — Toggle-heading level conversion no longer strands child blocks in a detached DOM (silent data loss); a save-time invariant gate now rejects stranded holders outright.
ИсправленоAdapters/Core — Six consumer runtime workarounds root-caused and fixed in core, types, and adapters.
ИсправленоUI — Inputs show a single focus indicator (no double border), and the popover search icon was removed.
ИсправленоAccessibility — Move and duplicate announcements are count-neutral and carry correct totals; search results announcements keep their context.
ИзмененоCI — Shorter critical path (parallel build start, faster lint), with contract tests enforcing the workflow shape.
ИзмененоTests — Animation-frame APIs polyfilled for jsdom environments; extreme-position e2e sweeps guard menu placement at screen edges.
- Исправлено
i18n — Capitalized
toolNameskeys (e.g.toolNames.TestTool) resolve again in the toolbox: the lookup now tries the raw tool name first, then the capitalized key, restoring the published contract that 1.2.3's raw-name lookup silently dropped. An empty toolbox title no longer short-circuits the fallback chain and renders a blank slash-menu item — it is treated as absent and falls back to the capitalized tool name.ИзмененоCI — The docs site now deploys only on package releases, and the deploy is gated by a verifier that checks the published packages (tied to the release version family) before the site goes live.
- Добавлено
Theming — More host customization hooks: heading tokens (keyed off
data-blok-heading-level) and embed tokens, a--blok-list-gaptoken for list spacing, and palette tokens declared at zero specificity via:where()so host overrides always win.--blok-content-max-widthis now authoritative when the editor is inwidth: 'full'mode.ДобавленоRead-only — The editor wrapper is stamped with
data-blok-readonlyas a public styling hook, and the block-controls gutter auto-collapses in read-only mode so content uses the full column.ДобавленоAdapters — The three React-integration workarounds were removed by fixing their root causes in core.
Исправленоi18n — Custom tool titles now localize via
toolNames.<toolName>dictionary keys.ИсправленоImage — GIF→video auto-conversion is skipped when no video tool is registered, instead of failing the upload.
ИзмененоBuild —
dist/output is now minified and JSON data is emitted asJSON.parsestrings, cutting published bundle weight.ИзмененоDocs — Documented the theming hooks,
data-blok-readonlyattribute,contentAlign,toolbox: falsegating, the GIF guard, thereadOnlyobject form, andtoolNameskeys. - Добавлено
Theming — New public
--blok-*custom properties let host apps customize editor layout without reaching into internals:--blok-content-max-width(content column cap),--blok-editor-gutter-start/--blok-editor-gutter-end(space reserved for the floating block controls, RTL-correct),--blok-list-padding-start(list indent), and--blok-search-input-placeholder(popover search placeholder color). Defaults preserve current behavior; documented in the docs-site Styles API section.ДобавленоReact — First-class block authoring:
createReactBlockrenders block tools authored as React components through a shared portal host inside the host app's React tree, so app-level context (providers, themes, stores) reaches block components directly — no morecreateRootper block or context bridges. Every function in a tool's config (including nested ones likeuploader.uploadByFile) is now re-bound to the latest render's closure, so inline closures work without freezing identities or recreating the editor.ИсправленоFloating UI — A hardening sweep across every floating surface: popovers anchored inside nested scroll containers no longer drift or detach on scroll (snapshot anchors, virtual selection anchors, and fixed-position menus all track correctly); tooltips dismiss on nested scroll; the emoji picker and link hover card follow moving anchors; root boundary calculation is normalized for scrolled and 100vh host bodies. An architecture test now enforces that all floating UI goes through the central positioning module.
ИсправленоRenderer — Stored block data is now sanitized on render with the same per-tool sanitize config the Saver applies, closing stored-HTML injection for legacy data that never round-tripped through save (e.g. a raw
<iframe width>baked into paragraph text overflowing its column). Fixed-width iframes/embeds are additionally capped atmax-width: 100%.ИсправленоLink — The hover card now requires actual pointer motion before opening, so it no longer opens when a link merely renders or scrolls under a stationary cursor.
ИзмененоRelease — Preflight (eslint ∥ tsc ∥ vitest) and build pipelines were parallelized (~2× faster wall clock), with per-step timeouts so a hung build can no longer stall a release. GitHub Packages mirror tarballs now rewrite
@bloklabs/corespecifiers in every shipped file (previously react/vuetypes/index.d.tsstill referenced the npm scope, breaking consumertscon GHP-only installs). - Добавлено
Image — Images now display at the full width of the article by default. Previously an image without an explicit size preset rendered at the medium (520px) preset; the default is now the
fullpreset. Images with an explicitly savedsizeare unaffected.ИсправленоPopover — The search input's focus ring was clipped along its bottom edge by the context label's opaque background painting over it; the search wrapper now renders in the positioned paint layer so the full ring is visible. The gap between the search field and the context label was also widened slightly.
- Добавлено
Media — Playback speed and loop preferences now persist across audio and video blocks. They are stored in
localStorageunder shared per-media-type keys (blok:audio:rate/loop,blok:video:rate/loop), joining the existing shared volume and per-source position keys, and are restored when a player attaches — without dirtying block data.ИсправленоQuote — Saving a quote block no longer strips
href/target/relfrom links (leaving dead anchors in stored content) or unwraps bold/italic marks. Quote now uses the same inline-text sanitize rules as paragraph and header, so links, formatting, and color styles survive save and conversion.ИсправленоAudio — OneDrive share links from SPO-migrated accounts (the new
/u/c/<cid>form) can't be resolved anonymously and produced a silently dead player; they now surface a clear "needs an uploader backend" error instead.ИсправленоToolbar — The plus button and drag handle no longer stay stuck at the wrong offset after the slash-command popover opens or closes; the toolbar repositions on toolbox open/close instead of relying on a resize side effect.
ИсправленоToolbox — Opening the toolbox silenced the current block's mutation watching and never re-armed it, leaving the block permanently deaf to later content changes until re-render. Watching is now re-armed on both close paths, and the toolbar follows any inner-geometry change that doesn't resize the block holder.
ИзмененоCI — The build artifact now ships the extracted
packages/*/distadapter bundles alongsidedist/, fixing downstream unit and E2E jobs;yarn.lockwas synced to the^1.1.1core peer range.ИзмененоDocs — README and the docs site updated for the
@bloklabs/*package family; the rename notice was subsequently dropped from the README. - Ломающее изменение
@bloklabs/corehas zero peer dependencies. The react/react-dom/vue optional peers are gone — installs no longer warn about frameworks you don't use, and the GitHub PackagespeerDependenciesMeta-stripping bug (which forced Yarn Berry consumers to add apackageExtensionsworkaround) no longer applies. Delete that.yarnrc.ymlentry after upgrading.Ломающее изменениеAdapters declare hard, accurate peers: each requires its framework plus
@bloklabs/coreat the matching version.Ломающее изменениеGitHub Packages mirrors:
@dodopizza/blokremains the core mirror; adapters mirror as@dodopizza/blok-react,@dodopizza/blok-vue,@dodopizza/blok-angular; the CLI stays@dodopizza/blok-cli.Ломающее изменениеMigration: the bundled codemod (
npx -p @bloklabs/core migrate-from-editorjs) now also rewrites legacy@jackuait/*import specifiers andpackage.jsondependency keys to the new names. - Добавлено
Audio — Share links from seven more services — Dropbox, OneDrive, GitHub, GitLab, Hugging Face, Google Cloud Storage, and Internet Archive — are recognized and rewritten to their direct-content form, so they play in the browser with no backend. Google Drive share links (hotlink-blocked server-side) are normalized and routed through the consumer's
uploadByUrlbackend, with a Drive-specific error message when none is configured. The error state gets a styled callout with a retry button.ДобавленоRead-only —
readOnlynow accepts an object form:{ hideControls: true }enables read-only mode and suppresses the toolbar, block settings, and inline toolbar. Exposed viaisControlsHidden, normalized across the React, Vue, and Angular adapters, andReadOnlyModeConfigis exported from the types root.ДобавленоImage —
compress: { format: 'avif' }now produces real AVIF via WebCodecs when the canvas encoder cannot, and a newfallbackFormatoption (e.g.'webp') covers browsers with no AV1 encoder instead of silently uploading the original bytes.ИсправленоAudio — Audio inserted by URL is now enriched like uploads: waveform, title/artist metadata, and cover art, failing soft to a plain scrubber when the host blocks the CORS fetch.
ИсправленоTable — Undo inside a table no longer duplicates cell blocks into invisible ghosts that reappear under the table after save; blocks placed at the top of a cell no longer drift to the bottom or become orphans on save. The Saver gains save-boundary guards for cell membership and cell block order (throw in dev/test, repair the emitted output in production).
ИсправленоTooltip — The tooltip bubble is click-transparent, so it never swallows clicks on controls it covers (e.g. color-picker swatches under a bottom-row tooltip).
ИсправленоPopover — Nested popovers no longer collapse to their padding in WebKit; the marker color picker rendered as a 12px sliver in Safari.
ИсправленоStyles — Body-mounted UI (link hover card, notifier toasts, drag previews) now carries the scope attribute, so its styles survive in consumer apps; a new architecture test enforces the invariant for every
document.bodymount.ИсправленоAngular — The ng-packagr build stages the readonly-config module, fixing a CI-only TS2307; an architecture test now walks the adapter's import graph to catch unstaged modules.
ИзмененоPlayground — Gallery empty states run the real tool per state (with per-state tool config) instead of static mockups, including a live Google Drive error demo.
ИзмененоTests — Adversarial table undo probes (merge undo, insert undo/redo), tooltip click-transparency lifecycle guards, and an exhaustive swatch hit-test sweep.
- Добавлено
Header — Toggle headings are now offered at all six levels, staying in sync 1:1 with regular headings.
ИсправленоMigration — The legacy Editor.js grammar is now authored as ESM so consumer dev servers can load blok's source graph without a build step.
ИсправленоColumns — Blocks inserted via the plus button no longer save at the bottom of the column; saved order now matches the on-screen (WYSIWYG) order.
ИсправленоStyles — Injected utilities are scoped so a host application's CSS reset can't flatten the editor.
ИзмененоMigration — Single-source
LEGACY_GRAMMARshared by both the runtime and the codemod; the codemod's source rewrite is now AST-guided (via the consumer's@babel/parser) to avoid mangling comments, strings, and unrelated identifiers.ИзмененоCI — Root-caused CI failures: scoped-utility drift on body-mounted UI, lint, and test flake fixes (webkit paste timing, six-level toggle-heading counts).
- Добавлено
Spacer — New adjustable-height spacer block. Drag either edge to resize (dual-edge grips), with a text-block-height floor, snap-to-sibling and snap-to-column alignment guidelines, an on-edge capsule resize pill, and accent hover cues. Fully invisible in read-only/published renders.
ДобавленоImage — Uploads are now automatically compressed and re-encoded (
compress, on by default), with opt-in smaller output formats. In-cell images gain a resize floor and fluid chrome via container queries.ДобавленоToolbar —
Cmd/Ctrl+Slashopens the block menu in read-only mode.ИсправленоTable — Large batch of Notion-parity fixes: paste-header handling, the cell color picker, the cell menu, arrow-key navigation between cells, and column width reset. The cell box now follows the caret (instead of the pointer) and the resize handle no longer forces overflow. Focus stays inside a cell when its content is deleted, the caret stays put after clearing a multi-cell selection, multi-line cell selections merge into one rounded shape, drag-selecting several lines within a single cell works, and list items scale to the cell font instead of outsizing sibling paragraphs.
ИсправленоColumns — Stranded resize separators left behind by removing a column no longer render as a phantom column.
ИсправленоCore — Never Tab-indent a block into a tool-owned container.
ИсправленоToolbox — Keep plus-button blocks on a table out of its cells, and anchor fuzzy search at word boundaries.
ИсправленоSelection — Stop hijacking intra-line text drags inside table cells.
ИсправленоEmbed — Validate stored URLs at render time (stored-XSS guard).
ИсправленоList — Keep bullet markers non-editable so Enter never ghosts an item.
ИсправленоToolbar — Read-only drag-handle refinements: announce it as a menu button, show a pointer cursor, and drop the
⌘/and "Drag to move" hint lines; no read-only handle appears beside blocks that paint nothing.ИсправленоTunes — Hide the copy-link shortcut hint in read-only mode.
ИсправленоStyles — Right
contentAlignno longer collapses into centering, and preflight resets are scoped to@layer baseso Blok's own utilities win.ИсправленоReact — Guard against stale
distexports and aStrictModereadiness race. - Добавлено
Header — Opt-in
anchorIdsconfig derives stable heading anchor ids from heading text.ИсправленоLink — Pad the edit-menu input wrapper so the focus ring isn't clipped, and enlarge the remove-link (trash) icon.
ИзмененоCI — Fetch mirror tags before pushing to avoid creating over an existing tag.
- Добавлено
Link — New
link.transformconfig, a superset oftransformHref: consumers can set per-anchorhref/target/relplus extra attributes (class/title/data-*) without post-processing the rendered DOM. Applies consistently across every anchor path (render, paste, and hand-created links); omitted fields fall back to existing defaults (including the same-page_selfrule) and extra attributes never clobber the managedhref/target/rel.ИсправленоColumns — Keep the inter-column gutter in read-only/published renders. The gap was previously produced entirely by the (no-op in read-only) resize handles, so read-only columns rendered flush; the gutter is now decoupled from the resizers.
ИсправленоLink — Center the hover card under the pointer (shifting near viewport edges) with a fixed gap to the link, and stop the block toolbar leaking through the card when hovering top-layer chrome.
ИсправленоNotifier — Fix top-layer placement so the toast stays in its corner (no UA Canvas box or top-left jump), remove the in-pill dismiss cross (auto-dismiss/Escape still close it), and tighten the pill's vertical padding.
- Исправлено
Types — Fixed a publishing defect (introduced in 0.24.0) where importing
@dodopizza/blok/react— or@dodopizza/blok/markdown— made a consumer's TypeScript compiler follow the published declarations into rawsrc/implementation, producing spurious errors about unresolvedmicromark-util-types/@types/mdast(TS2307) and implicitany(TS7006). The publictypes/*.d.tssurface is now self-contained and no longer re-exports fromsrc/.ИзмененоTypes — Mechanically enforce that no published
types/*.d.tsre-exports or imports fromsrc/, and generate the self-contained icon declarations from source (scripts/generate-icons-dts.mjs). - Добавлено
Vue — New first-class
@jackuait/blok/vueadapter:BlokEditorcomponent,useBlok, andprovideBlok, pluscreateVueBlock/useBlocksfor authoring custom blocks and driving the block tree from Vue. Custom Vue blocks support read-only in-place toggling.ДобавленоAngular — New first-class
@jackuait/blok/angularadapter shipped as an Angular Package Format build (ng-packagr): the editor component/directive, a block portal registry, theBLOK_BLOCK_CONTEXTrender-context token,createAngularBlockauthoring, and the reactiveinjectBlocksblock-tree API.ДобавленоReact — New
useBlockshook exported from@jackuait/blok/react: a reactive block-tree API with reads,insert(position + append-to-parent, explicit id, tunes,replace),move(before/after/toIndex),nest/unnest/remove/transact,insertMany, atomicinsertTreefor nested subtrees, and additiveinsertMarkdown. Block-creation semantics are hardened across hierarchy edges with compile-time drift guards against the core API.ДобавленоAdapters — Closed React/Vue/Angular parity gaps across component paths and escape hatches; shared one blocks-api core so Vue's
useBlocksreaches React parity, and extracted sharedfillDefaults/PropSchemahelpers. Custom-block authoring is now first-class on the public API surface.ДобавленоAccessibility — Five-wave overhaul adapting shadcn/ui interaction patterns to Blok's UI primitives: dismissal-layer/popover teardown/scroll-lock/announcer foundations, an anchored-positioning engine and shared modal
Dialog, keyboard reachability for toolbars/menus/radios/rename, and assistive-tech feedback parity across selection, drag, menus, and arrival.ДобавленоLink — Clickable links with a hover card in both edit and read-only modes (with enter/leave animation), an edit mode featuring a title field and remove-link action, refined hover-card chrome, blocking of unsafe-scheme navigation, and a consistent same-page/anchor-link rule that opens such links in the same window across all link-creation paths.
ДобавленоBlocks — Structural
parentIdnesting: any block can now be nested inside any list (flat per-block indent), with list keyboard nesting and drag/serialization migrated onto the structural block tree.ДобавленоKeyboard —
Cmd+Left/Cmd+Rightnavigate between blocks at block edges;Backspaceat the start of a nested block removes one indent level; mixed-listTabindents both kinds; and numerous Notion-parityTab/arrow/Delete/Backspace fixes.ДобавленоPaste — Paste-without-formatting (
Cmd/Ctrl+Shift+V); recovery of buildin/Notion toggles and soft breaks from lossy GFM HTML fallback.ДобавленоInline — Link-markdown auto-format and a link-paste menu; shortcut-triggered Link/Equation/Marker now open a standalone menu positioned right under the selection.
ДобавленоPopover — Custom cross-platform scrollbar that hides the classic OS bar while keeping a stable gutter; reel-like edge distortion replacing the scroll haze.
ДобавленоConvert — Shared
buildConvertMenuEntrieswithtitleKeyresolution, used by both block settings and the inline "Turn into" menu (which now lists the full text family), guarded by parity E2E.ДобавленоImage — Configurable auto-retry on image load failure (default 5).
ИсправленоCRDT/Yjs — Undo/redo no longer yanks the caret to the top of the document; the caret restores to the correct position,
split()inherits full tool data (correct heading undo caret), redo moves the caret to the new block on an Enter split, and five further Yjs sync gaps in tools and modules were closed.ИсправленоList — Closed dozens of Notion-parity divergences across convert, keyboard, drag, selection, and copy/paste; source ordered lists renumber when an item is dragged away; bullet glyphs refresh on depth change.
ИсправленоText/Header — Fixed 30+ Notion-parity bugs by root cause (slash+space, duplicate pulse, indent toolbar, caret offset preservation on turn-into, and more).
ИсправленоTable — Preserve merged cells and lists when pasting external tables, and keep list markup when copying cells out to external apps.
ИсправленоPaste — Preserve lists and quote-ness in pasted blockquotes; pasted links use the default link color; the link menu shows on non-empty blocks without erasing content; closed remaining sanitizer/merge data-loss gaps found by an audit.
ИсправленоBlocks — Re-parent a merged block's children onto the survivor instead of orphaning them; release toggle children as siblings when turning a toggle into text; fire the tool
moved()hook onsetBlockParent; never write split text into a mutation-free decoration.ИсправленоColumns — Match Notion's inter-column gutter spacing; restore DOM order when undoing column creation.
ИсправленоDrag — List-item drop line tucks under the text with a marker lead-in; depth changes apply on same-slot drops; non-list blocks stop previewing nested drops they can't reach.
ИсправленоSelection — Fake highlight matches the native selection color and stays visible while a menu input is focused;
Cmd+Acontainer-scoped staging.ИсправленоMarker — Reset
<mark>background so colored text never shows the browser's yellow highlight.ИсправленоToggle — Arrow container stays a constant 28px square and pins to the first line for multi-line toggle/heading.
ИсправленоStyles — Reserve a scrollbar gutter on all scrollable components and keep it in nested inline-toolbar menus; auto-hide scrollbars system-style while keeping the gutter.
ИзмененоPaste — Mechanically enforce the paste attribute law and the paste stamp law via architecture tests.
ИзмененоTests — Repaired all CI-matrix E2E shards; added regression coverage across list keyboard shortcuts, columns undo order, popover scrollbar spec, and adapter integration/e2e.
ИзмененоLint — Resolved all 69 root ESLint problems at the root cause.
- Добавлено
Core — The
linkconfig ({ target, rel, transformHref }) now also applies on the render and paste paths, not just the interactive link tool. Anchors coming from stored block HTML (rendered viablocks.render()) and<a>arriving through the clipboard now get the configuredtarget/relforced andtransformHrefapplied to their href — so consumers no longer need to post-process the rendered or pasted DOM. Because the render path rewrites live anchors whose href round-trips into saved data,transformHrefmust be idempotent.ДобавленоCore — New
onBeforeRender(blocks) => blocksconfig transforms the blocks array before every render (the initial render and eachblocks.render()), letting you run app-specific data migrations inside Blok instead of pre-processing the data yourself. It runs on the raw saved blocks before format analysis, so it can also inject blocks into an empty document.ДобавленоCore — New
onAfterRender(api)config fires after a render completes and the blocks are in the DOM (initial render and everyblocks.render()), for post-render side effects such as scroll restoration — distinct from the once-onlyonReady.ДобавленоCore — A stable
data-blok-renderedattribute (exposed asDATA_ATTR.rendered) is now set on the editor wrapper when a render batch finishes inserting blocks, and removed while a re-render is in flight — a DOM-level render-readiness gate that complements the existingblocks:renderedevent.ДобавленоBlock Tunes — A custom tune's
render(context)now receives an optionalBlockTuneRenderContextwhosegetPopoverElement()returns the host tune popover element ([data-blok-popover]), so tunes can anchor sub-menus or portals inside Blok's popover without reaching into the DOM viaclosest(...). The element resolves once the popover mounts (it isnullsynchronously duringrender()).ДобавленоReact —
<BlokEditor>/useBloknow acceptonBeforeRenderandonAfterRender. Both are attached only when provided and are ref-stable, so updating the callbacks never recreates the editor. - Добавлено
Core — New
onSave(data, api)config delivers the full serializedOutputData(debounced via the existing change-batch window) whenever content changes — the "output half" of a controlled editor. Pair it with thedataconfig to mirror editor state into your own store with a single callback instead of callingsaver.save()by hand. Only user-driven changes trigger it; programmaticrender()does not (the change observer is disabled during render), so a controlled round-trip won't recurse. Available to all consumers, not just React.ДобавленоReact —
<BlokEditor>/useBloknow acceptonSave, making<BlokEditor data={data} onSave={setData} />a true controlled component to pair with the reactivedataprop from 0.23.3. The callback is ref-stable (never recreates the editor) and attached only when provided. Echoing the payload straight back viaonSave={setData}is caret-stable: the adapter records the editor's own emitted output as the content baseline, so the round-trip deep-equal–dedupes to a no-op (no re-render, no caret reset) while genuine externaldatachanges still render in place. - Добавлено
React — The
<BlokEditor>/useBlokdataprop is now reactive: passing new content re-renders the editor in place viaeditor.render()instead of being read only once at creation. Identical content is de-duplicated (deep-equality) so the caret is never clobbered, rapid changes are serialized, and a freshly-seeded editor is not double-rendered.ДобавленоCore — New typed render events:
blocks:rendered(payload{ count }) fires when a batch finishes rendering, andblock:rendered(payload{ blockId }) fires per block. The runtime event-name constantsBlocksRendered/BlockRenderedare exported, so consumers can react to rendering instead of polling the DOM. The publicEventsAPI is now typed against an event/payload map while still accepting arbitrary string events.ДобавленоCore — New
linkconfig ({ target, rel, transformHref }) lets consumers configure the anchors the link tool creates instead of post-processing the DOM. Defaults (_blank/nofollow) are preserved, configured values now survive save, and URL validation/allowlisting is unchanged.ДобавленоPaste — New
onBeforePaste(html) => string | nullconfig hook transforms (or drops) raw clipboard HTML before Blok preprocessing; returningnullfalls back to plain-text paste.ДобавленоAPI — New
editor.tools.update(name, config)shallow-merges a tool's config in place — e.g. swap an uploader — without recreating the editor.ИзмененоTests — Exported stable
TEST_IDconstants (plus button, settings toggler, block wrapper) wired into the editor chrome viadata-blok-testid, so consumers no longer query internal selectors. - Изменено
Docs — Documented two React-adapter caveats.
<BlokEditor>must not be wrapped instyled()or any HOC that reserves thethemeprop: styled-components claimsthemefor its ownThemeProvider, so it never reaches the editor and theme sync silently breaks — render it directly and style the container viaclassName. Anddepsvalues must be referentially stable (each value compared individually, not the array wrapper), otherwise the editor is recreated on every render. Both caveats now appear in the README, the docs site, and theBlokEditor/useBlokJSDoc and published type declarations. - Добавлено
Core — A new
editor.placeholderruntime API (get/set) lets consumers read and change the empty-paragraph placeholder on a live editor, mirroring the existingwidthAPI. Updates apply to existing blocks and to blocks created afterwards.ДобавленоReact —
<BlokEditor>now accepts a reactiveplaceholderprop (backed by the new core API) that updates the editor in place without recreating it, and forwards all standard<div>attributes —id,aria-*,data-*, and the like — to the editor container. - Добавлено
React — A blessed
<BlokEditor>component is now the recommended way to embed Blok in React. It forwards a typed ref to the live editor instance, takes an uncontrolleddataseed, and reactively syncsreadOnly,autofocus,theme, andwidthprops without recreating the editor. ItsonReadycallback fires after the ref commits, so consumers can safely callref.currentfrom inside it. The lower-leveluseBlokhook plusBlokContentremain available as an escape hatch.ИзмененоReact —
useBloknow reactively syncsthemeandwidthprop changes to the editor instance, mirroring the existingreadOnly/autofocuspattern.ИзмененоDocs — The demo wrapper now dogfoods
BlokEditor, and the README React section documents the recommendedBlokEditorpath, the uncontrolleddatacontract, reactive props, and theuseBlok+BlokContentescape hatch.ИзмененоTests — Added e2e coverage for save-via-ref and live prop toggles, a published-vs-source type-drift guard, and
data-blok-testid-based locators. - Добавлено
Paste — Content copied from buildin.ai now imports as native Blok blocks at full fidelity. buildin's clipboard carries a lossless
text/next-space-blocksJSON payload beside a lossy Markdown/HTML twin; Blok previously fell back to the twin, where tables collapsed to literal|pipes|, media degraded to links, and callouts, toggles, columns, to-dos, and code language flattened away. A new handler decodes the JSON directly, reconstructing the same native blocks as a Blok→Blok paste — paragraphs, to-dos, H1–H4, tables (grid + parented cells), bulleted/numbered lists, toggles, dividers, quotes, callouts (emoji + colour), code (with language), equations, toggle-headings, column lists, and image/video/audio/file/embed-bookmark media. (Inline marks — bold/italic/link/colour — are a documented follow-up.)ИсправленоPaste — Callout body and colour now survive import from both Notion and buildin.ai. Blok's callout stores its body in child blocks, so the inline title/body text the parsers emitted as
data.textwas silently discarded — the callout is now emitted (colours only) plus a child paragraph carrying its text. Out-of-palette callout colours (e.g. buildin's Britishgrey, or any name outside Blok's 9-colour preset) previously produced an undefined CSS variable that dropped both the background and the border; colours now normalize through Blok's preset palette (grey→gray; unknown names clamp to null). - Добавлено
Media — Image, video, audio, and file blocks can now be restricted to upload-only or link-only via configuration, so consumers can offer a single source instead of always exposing both.
ИзмененоMedia — Deduped
MediaSourceinto a single shared type across the media tools.ИзмененоDocs — Documented the audio block tool, and added upload-only and link-only empty states to the playground gallery.
- Исправлено
Paste — Rich clipboards (Notion and similar) ship both a faithful HTML payload and a lossy Markdown twin. Routing now prefers the HTML handler, so pasted images, links, and structure the Markdown twin drops are preserved.
ИсправленоPaste — Notion content keeps its document order: nested children no longer render above their parents (only table cells stay children-first, since the table tool resolves cell ids on insert). Internal references that previously vanished — sub-pages, linked databases / collection views, and inline page mentions — now paste as Notion bookmarks/links instead of being dropped or leaking the raw "‣" glyph, and uploaded media whose binary isn't on the clipboard becomes a Notion-link bookmark carrying the filename rather than a bare filename paragraph.
ИсправленоPaste — Pasted external Notion audio now shows its title (the player reads
data.title, which was left blank), and a malformed inline date annotation no longer leaks the raw "‣" placeholder glyph.ИзмененоTests — Added regression coverage for HTML-over-Markdown routing, document-order preservation, internal-reference rescue, pasted audio titles, and date-glyph handling.
- Добавлено
Paste — Content copied from Notion now migrates as native blocks with full state preserved. When Notion's lossless clipboard JSON is present it is used directly (the high-fidelity path), with an HTML fallback for sources that only expose markup. Inline equations and page mentions are mapped to their Blok equivalents.
ДобавленоAudio — Custom cover art. A cover picker (file upload or image URL) opens from an editable overlay button on the player; covers can be set, replaced, or removed (via a "Remove cover" block setting), with an animated picker open, a sliding Upload/Link tab transition, a themed surface that matches the player, and i18n across all locales. Audio blocks with no cover now show an inertial spinning-vinyl turntable placeholder instead of an empty panel.
ИсправленоAudio — Repaired the transport controls and the video-style playback-speed menu, which now stays open after picking a preset. The volume bar fill is fixed so a muted track reads differently from a full one, and the playing waveform pulses smoothly without gouging its dots. The caption toggle stays on the compositor, and the cover picker no longer jumps height on tab swap, gets an explicit width so the URL field isn't cramped, and revokes leaked cover blobs on a destroy race.
ИсправленоTable — Pinned the top toolbar anchor flush to the table edge.
ИзмененоTests — Added unit and e2e coverage for custom cover set/remove and for real Notion page-mention arity, and cleared the lint/type violations the cover-art work introduced.
- Ломающее изменение
Types —
OutputBlockData'sdatafield is now typedRecord<string, unknown>instead ofany(matchingBlockToolDataandSavedData). Reading a property off a saved block'sdata— e.g. onsave()output — now yieldsunknownrather thanany, so code that indexes intoblock.datamay need a cast or type guard. This is a type-only change with no runtime effect.ИсправленоTypes — Published
.d.tsdeclarations are now self-contained and no longer re-export rawsrc/*.ts. A bareimport { Blok } from '@jackuait/blok'previously dragged editor source into the consumer's TypeScript program (throughtooltipandpopover→flipper), surfacing internal type errors under strict consumer flags such asnoUncheckedIndexedAccess. Thetooltipandpopoverdeclarations now inline their public types, so consuming the package no longer type-checks Blok's internals. (The opt-in/markdownsubpath is unchanged.)ИсправленоTypes — The published declarations are now internally consistent under
skipLibCheck: false. Fixed an incorrectBlockToolDataimport path in thedatabase/header/listtool declarations (which also produced spurious "incorrectly extendsBlockTool" errors), added a missingInlineToolConstructable/InlineToolConstructorOptionsimport in the type entry, and removed phantomDictionary/DictValuere-exports.ИзмененоDependencies — Moved
nanoidtodevDependencies; it is bundled into every dist artifact and was never a runtime external. - Добавлено
Types —
isReadynow resolves with the fully-initializedBlokinstance (wasPromise<void>), soconst editor = await blok.isReadyyields a ready, fully-typed editor without a cast. New exportedPendingBloktype describes the surface available synchronously afternew Blok()and beforeisReadyresolves (isReady,destroy,theme,width) — type a reference held during that window asPendingBlokinstead of widening toPartial<Blok>, then awaitisReadyto narrow it to the full API.new Blok()still returns the fullBlok, so existing usage is unaffected. - Добавлено
Width — New public
widthAPI on the editor instance:instance.width.get(),set('full' | 'narrow'), andtoggle()switch the content layout between'narrow'(the default, constrained to--max-width-content) and'full'(the contentmax-widthis removed so it fills its container). It mirrors thethemeAPI, including buffering aset()call made before the editor is ready and replaying it once the editor is initialized.ИсправленоTypes — Declare the
historyAPI on the exportedBlokinstance type.history(clear(),undo()/redo(),canUndo()/canRedo()) was already available at runtime; consumers no longer need to cast the instance to reach it. - Добавлено
Audio — New native Audio block tool. Now-playing card with cover art (lazy
music-metadataextraction), a waveform canvas with click/drag seek, transport controls (play/pause, volume, playback speed, loop, keyboard shortcuts, persisted preferences), file and URL upload, paste handling routed away from the File block, read-only support, and i18n across all locales. The player card is a full-bleed redesign — a tall cover panel (music-note placeholder when there is no art), a hero waveform scrubber with rounded bars, a slim transport bar, and motion polish.ДобавленоMedia — Image, video, and audio blocks now accept any file of their media family (
image/*,video/*,audio/*) by default. Restrict the accepted types through the existingtypesconfig, which now accepts both exact MIME types (image/png) and family wildcards (image/*).ИсправленоTypes — Export
File,Audio, andVideo(and their data/config/uploader types) and add thefile/audio/videokeys todefaultBlockToolsfrom the@jackuait/blok/toolstypes entry. The runtime already exported these tools; consumers no longer need a local ambient type shim to import them.ИзмененоPlayground — Audio block states in the block-states gallery (real ID3-tagged track and a "No cover art" state) plus an e2e harness for insert/upload/play/seek.
- Добавлено
Video — New native Video block with a custom Airbnb-style player, brought to YouTube parity: full keyboard control (
j/l/k,0–9,Home/End, frame-step, volume, speed), a scrubber with buffered range, hover frame-preview tooltip and mini progress bar, an in-player gear menu (Notion-style playback speed with glide, loop, ambient-glow intensity), and view modes — picture-in-picture, a FLIP-morphed theater/cinema mode, and a fade-in ambient glow. Player polish includes click-to-toggle play/pause, a centre play/pause burst, press-and-hold for 2× playback, arrow-key ±5s seek with side indicators, idle auto-hide, buffer spinner, time-remaining toggle, right-click menu, stats overlay and persisted preferences.ДобавленоVideo — Custom fullscreen surface with a top caption bar, a "Hide controls" tune for a control-free player, and GIF-style autoplay/loop tunes.
ДобавленоImage — Auto-convert dropped, pasted and remote-URL GIFs into a looping Video block via WebCodecs + webm-muxer, gated by the
convertGifToVideoconfig (default on); the original GIF is kept on CORS failure, with a "Converting…" label shown during conversion.ДобавленоMedia — 30MB default upload limit with per-type
maxSizeconfiguration and human-readable too-large errors.ИсправленоPaste — URL paste always prompts now; the previous auto-embed behaviour has been removed. Breaking: consumers relying on silent auto-embed must opt in through the paste menu.
ИсправленоVideo — Reserve the aspect ratio before metadata loads to prevent squeeze-on-load, centre and letterbox the fullscreen player, strip editor chrome in fullscreen, and hide the bottom mini progress bar while fullscreen.
ИсправленоVideo — Exit theater mode reliably on Escape via a capture-phase listener with a smooth deferred dismiss, and drive the scrubber fill with
requestAnimationFramefor smooth playback tracking.ИзмененоBuild — Move
webm-muxerto devDependencies so it is bundled rather than treated as an external runtime dependency.ИзмененоREADME — Replace the logo with the optimized noodle mascot.
ИзмененоPlayground — Use real self-hosted videos in the block-states gallery.
- Добавлено
File — New File block tool. Tabbed empty state with upload (validation, progress bar, cancel), URL and drag-and-drop; per-type icon and tint; editable filename; consumer upload endpoints and download card. Rich preview modal dispatched by kind: PDF (top-layer modal with open-in-new-tab), Office (docx/xlsx/pptx via lazy renderers, xlsx parsed through JSZip), and text/code/markdown — including advanced markdown (math, footnotes, references, alerts, anchors, safe block-level raw HTML) with an animated Rendered ⇄ Raw toggle. Read-only support, i18n in every locale, and Storybook stories.
ДобавленоEmbed — Generic embed: frame arbitrary URLs through a gated resolver, offered in the paste menu behind the
linkPaste.allowGenericEmbedflag with anapi.configaccessor. Replace the source via an empty-state URL bar and an overlay more-menu item.ДобавленоMigration — Complete Editor.js block-type coverage plus a drop-in UMD build; adapt legacy Editor.js inline tools and
linkTooldata.ДобавленоPlayground — Block-states selector as a fixed left side menu; real docx/xlsx/pptx, code and text samples for the File block; richer quarterly-budget sheet; File block wired into the editor demo.
ИсправленоTable — Resolve merged-cell coordinate bugs; preserve merges on load; split overlapped merges on paste so no destination data is dropped; keep empty cells editable on the read-only→edit toggle; harden input, clipboard and move-guard handling.
ИсправленоFile — Unbreak pptx preview; vertically center the preview modal; stop wrong-colour strips and toggle flicker during preview transitions; block
javascript:URLs in download hrefs.ИсправленоBuild — Make the published install self-contained (ship
src, keep markdown and nanoid as runtime deps) so bundlephobia can build; green the self-contained-install and css-token audits.ИзмененоRefactor — Extract table visual-subsystem orchestration into
TableSubsystems; splitBlockOperationsinto focused worker classes; share the media uploader empty state across the image and file tools.ИзмененоCode — Cover every Prism token in both the light and dark themes.
ИзмененоLint — Resolve all lint errors by root cause and mute advisory-only rules.
ИзмененоDocs — Refresh the README tool list and entry points; add a File block tool reference entry.
- Исправлено
Types — Declare
EmbedandBookmark(and theirdefaultBlockToolsentries) in the published@jackuait/blok/toolstypes. The runtime exported them in 0.15.0 but the.d.tsdid not, soimport { Embed, Bookmark }failed to typecheck. - Добавлено
Link Paste — Pasting a URL now offers a Notion-style menu to keep it as a link, or convert it into a Bookmark card or rich Embed block. The pasted link shows immediately with the menu anchored at its end, and menu labels name the detected link type via provider metadata.
ДобавленоEmbed — Worldwide embed registry covering ~115 services across video, audio, social, documents, design and developer domains, including Google published docs/forms and draw.io. Per-source minimum resize widths keep each provider's iframe legible, and fixed-width providers hug their content with figure, handles and toolbar.
ДобавленоBookmark — Notion-parity bookmark card with a dev unfurl endpoint; crawler-UA retry recovers metadata from bot-blocked sites.
ДобавленоPlayground — Smooth cross-fade theme switching via View Transitions, plus an Airbnb-style neutral redesign.
ИсправленоEmbed — Preserve the live iframe across every editor action: caption and alignment toggles now apply in place instead of reloading the player. Selection highlight hugs the figure dimensions.
ИсправленоDrag & Drop — FLIP-animate the column drop moment and slim the vertical drop bar to read like the horizontal line.
ИсправленоSecurity — Harden URL-scheme filtering and neutralize XSS gaps in markdown paste, the inline link tool, and the paste/render pipeline.
ИсправленоTools — Implement
setReadOnlyon embed, bookmark and column tools so read-only toggles in place without a full re-render.ИсправленоIcons — Unify the icon set on the 20×20 / 1.25 house spec; refine heading family, quote, caption, pencil, cells, toggles, and numbered-list glyphs.
ИсправленоCI — Pin Node 24.14.1 to dodge a Playwright install hang; share Playwright setup to stop Storybook browser install hanging; repair 6 failing CI specs (5 stale expectations, 1 real drop-indicator regression).
ИзмененоDependencies — Resolve all 52 open Dependabot alerts; bump brace-expansion, ws, smol-toml.
ИзмененоTests — Embed/bookmark/link stories with screenshot baselines, wave-2 embed visual-regression baselines, verified real sample URLs replacing fixtures, refreshed
main.cssgolden snapshot.ИзмененоDocs & Playground — Embed, bookmark and link entries in tools data and the editor demo.
- Добавлено
Tools — Register the Columns tool with a single
Columnsgroup key. Tool-group "provides" manifests expand into their underlying block tools duringprepare(), so consumers add one key instead of wiring each block.ИсправленоTools — Export
Columnsfrom public types for single-key registration; keepdefaultBlockToolssettings-only so the group key forwards settings without re-registering. - Добавлено
Columns — New side-by-side layout tool (#67). Create 2–5 column presets from the toolbox, or drag a block beside another to spawn a column. Drop anywhere left/right of a block to make a new column, or into a column body to stack inside it. Columns nest, auto-unwrap when emptied, and stack vertically on narrow viewports.
ДобавленоColumns — "Turn into columns" command wraps a multi-block selection into a column layout, available from the Convert-to menu.
ДобавленоColumns — Hover-revealed resize separators between columns: drag to resize, keyboard-resizable with ARIA slider semantics, double-click a divider to equalize widths.
ДобавленоColumns — Horizontal arrow keys traverse between sibling columns; new columns animate in Notion-style.
ДобавленоInline Toolbar — Appears instantly on selection release, no animation delay.
ИсправленоInline Toolbar — Removed entry animation that delayed appearance.
Измененоi18n — Column resize aria-labels and turn-into-columns strings across all locales.
ИзмененоCI — Repair unit tests, e2e merge, and mirror push on master; mirror push works for both branch and tag events.
ИзмененоTests — Exhaustive block-in-column compatibility suite, live-drag lifecycle specs for every block type, multi-select block-settings header i18n regression.
ИзмененоPlayground — Columns example in the editor demo and block-states gallery.
- Исправлено
Read-Only — Collapse the empty bottom click-to-add zone to 0px in read-only mode and restore the configured min-height when editing
- Добавлено
Image — Auto-retry failed image loads with loading overlay; distinguish upload-failed vs broken-image error states; predict loading-placeholder dimensions from URL, SVG, and cache; pipe upload progress to bar (#41)
ДобавленоCodemod — Default migrated images to
size: 'full'and inherit the stretched flag into migrated image sizeДобавленоBlock Link — Highlight pulse on hash-link arrival
ДобавленоRead-Only — Show copy-link menu on block hover
ДобавленоPlayground — Add loading image state demo in block-states gallery
ИсправленоImage — Force full width and compact overlay for short images; reuse looping-arrows glyph for replace icon
ИсправленоPaste — Keep Google Docs images inside tables and stop double-bolding headings; prevent default page background collapsing to gray preset
ИсправленоTable — Recover migrated cell text detached by a pre-fix save
ИсправленоToolbar — Align plus/drag handle with content lane for stretched blocks
ИсправленоBlock Settings — Anchor popover to trigger instead of (0,0); translate popover context label
ИсправленоDatabase — Center block toolbar on the title line
Измененоi18n — Translate strings identical to English across 25 locales
ИзмененоLint — Resolve all ESLint and tsc problems
ИзмененоImage — Move inline upload-failed SVG to icons module
ИзмененоTests — Cover migrated cell content surviving load→save round-trip; fix CSS guard test failures from image loading shimmer
- Добавлено
Image — New image block tool (#66): drag-drop/URL/file upload, captions, alt text via inline popover, resize handles with symmetric growth, edge-pinned aspect-ratio resize, crop editor (rect/circle/oval) in modal, fullscreen lightbox with wheel/pinch zoom, drag-to-pan, rubber-band, alignment popover (left/center/right), block settings entries (size/download/copy-url), three-dots overflow menu for narrow images, empty/uploading/error states with unified card design, light-theme crop editor, legacy editor.js shape migration
ДобавленоCode — Migrate from Shiki to Prism.js for syntax highlighting with lazy grammar loading and class-based applier; add auto-indent and bracket expansion on Enter; add Mermaid highlighting with One Dark/Light palette; gutter line-number click focuses the line
ДобавленоFonts — Bundle @fontsource fonts via generator script; new
fontFamilySans/Serif/Mono/Handwritingconfig fields with CSS variable injection;font-display: swapfor body textДобавленоPopover — Render above all elements via CSS Top Layer; nested-submenu viewport clamping on both axes; close transition via ghost clone; tighter item sizing; end-of-list padding hidden on empty search; simpler animations
ДобавленоToolbar — Hide plus and dots buttons while toolbox is open; place block settings popover left of the dots button
ДобавленоToolbox — Nowrap pill with tighter radius and unified plus/slash search styling
ДобавленоPlayground — Icon gallery lightbox; block states gallery tab; settings panel shortcuts; hide header on scroll; logotype image example
ДобавленоCSS Variables — Tokenize radii, spacing, icon sizes, border widths, z-index ladder, duration/easing, typography; extract direct
rgbaliterals to palette tokens; migrate@applyarbitrary hex values; splitactions-icon/dividervars; add audit test and visual regression baselinesДобавленоDatabase — Match Notion card shadow and radius on kanban cards; showcase all 10 column color variants
ДобавленоBlock Settings — Add shortcut keys to i18n with regression tests
ДобавленоIcons — Migrate inline SVGs to shared icon layer
ИсправленоInline Toolbar — Tighten item padding and radius; suppress toolbar inside code blocks; apply symmetric top/bottom padding
ИсправленоCode — Pin caret color so it does not inherit Prism token colors; restore trailing
<br>after highlight so Enter works once; refresh gutter/highlight after native paste; focus line end when clicking empty strip of short lines; scope inline-code styling to not leak into code block; supportcontenteditable="plaintext-only"and preserve view mode on undo; correct syntax highlighting offset calculationИсправленоToolbar — Reposition + / ⋮⋮ live while hovered block resizes; disable pointer-events on every actions descendant for left-edge blocks; keep slash search in inserted block after plus button
ИсправленоPopover — Distinguish synthesized hover from real hover; hide context label while searching; keep block settings menu visible and attached to dots trigger
ИсправленоBlock Manager — Skip cross-container auto-heal inside move group
ИсправленоTooltip — Anchor wrapper with
position: fixedto survive page scroll; render above popover and survive UA stylesheetИсправленоFonts — Add error handling for font load failures
ИзмененоStyles — Split
main.cssinto 11 concern-filesИзмененоLicense — Add fork attribution and NOTICE file
ИзмененоBuild — Replace shiki with prismjs
ИзмененоTests — Fix 60+ unit + E2E failures across the suite; add Prism integration test for all highlightable languages
ИзмененоChore — Untrack
.vscode; remove stale root files; add favicon to dev playground; drop.editorconfig - Добавлено
Bundles — Ship CJS (
require()) and IIFE (<script>tag / CDN) bundles alongside ESM; add"main","browser","unpkg", and"jsdelivr"fields topackage.jsonИзмененоREADME — Add installation section documenting ESM, CJS, and CDN usage
- Добавлено
Toggle — Gray arrow icon when toggle body is empty
ИсправленоDrag — Eliminate "wrong block dropped" with multi-layer stale-block defense; block paste, undo/redo, and move shortcuts during active drag; integrate drag-reparent with undo as a single step
ИсправленоHierarchy — Reject dangling parentId at universal chokepoint; reconcile remote Yjs reparents; close remaining container drift vectors; exempt Yjs remote sync from dangling parent throw
ИсправленоPaste — Inherit container parent on replace-insert and x-blok root paste; harden container paste ejection across all container block types
ИсправленоCallout — Restore plus button and drag handle; stop paste from ejecting children via stale contentIds; prevent Enter from inserting new block inside callout
ИсправленоUndo — Collapse multi-block paste and alt-drag duplicate into one undo group; eliminate spurious entries from metadata-only writes
ИсправленоToolbar — Keep drag handle visible when editing inside table cell
ИсправленоInsert — Universally protect all Enter paths from nested-block leak
ИсправленоTable — Tighten list item spacing inside table cells
ИсправленоYjs — Map 'no-capture' origin to local to prevent mid-op sync clobbering tool state
ИзмененоYjs — Make
DocumentStore.ydocprivate; enforce local origin whitelist with exhaustive mapperИзмененоCI — Shard E2E tests via reusable workflow; add merge-reports job; run spec-file coverage validator on every PR; remove size-limit bundle size check
- Исправлено
Table — Normalize flat-array table child parents at every entry point
ИсправленоData Model — Recursively expand legacy nested toggleList/callout bodies
- Исправлено
Theme — Prevent nested editor instances from overriding parent theme on prepare
- Добавлено
Config — Replace
user.namewithuser.id+resolveUsercallback for multi-editor identity trackingДобавленоKeyboard — Del shortcut for block delete; markdown shortcuts for quote (
"+ space) and code (``` + space) blocksИсправленоi18n — Use Blok locale for date formatting with full month names; strip trailing abbreviation suffixes for ru/uk locales
ИсправленоPopover — Display scroll haze instantly on open instead of fading in
ИзмененоDeps — Add lodash-es resolution to pin ^4.18.0
- Добавлено
Database — DatabaseView rendering layer with kanban board DOM
Исправленоi18n — Localize hardcoded "Last edited" strings in block settings footer; add missing translations across 67 locales
ИсправленоTheme — Expose theme API before
isReadyto prevent dark theme race conditionИзмененоLint — Resolve all 226 lint issues across source and test files
ИзмененоCI — Enable Corepack before setup-node to resolve Yarn version mismatch; remove dead version-check job
ИзмененоTests — Resolve 119 failing tests across E2E, unit, and docs suites
- Добавлено
Database — Kanban board view with drag-and-drop cards and columns, card drawer with nested editor, inline title editing, list view with collapsible sections, multi-view tabs with drag reorder, property-based data model, column controls, backend sync, and read-only mode
ДобавленоCopy block link —
CopyLinkTuneblock tune with Cmd+Ctrl+L shortcut and automatic scroll-to-block on URL hash loadДобавленоBlock edit metadata — Track
lastEditedAt/lastEditedByon every block mutation with Yjs sync, saved output inclusion, and block settings footer display; newuserconfig optionДобавленоPopover — Scroll haze indicators on popover lists
ДобавленоShortcut keys — Render shortcut keys as SVG icons with readable tooltip on hover
ИсправленоInline tools — Preserve trailing nbsp through format/unformat cycles; preserve trailing spaces when applying inline formatting; extend trailing-whitespace range detection; unwrap whitespace-only bold ancestors when un-bolding partial selection
ИсправленоBlock — Default
lastEditedAttoDate.now()so footer always shows; preserve user-provided block IDs and deduplicate on render; validate block ID format in constructorИсправленоPaste — Prevent new table block when pasting into table cell with lost focus; handle hsl/hsla color formats
ИсправленоScroll to block — Guard
decodeURIComponentagainst malformed URL hash; encode block ID in URL hashИсправленоTheme — Prevent nested editor from resetting parent theme
- Исправлено
Table — Guard
addBlockToCellandsetCellBlocksagainst writing into covered (merged) cells; resolve paste target and copy source coordinates from model attributes instead of DOM visual position; fix overlay/pill missing and wrong merge/split button after rect expansion; expand selection rect to include full spans of merged cells; use logical cell coordinates ingetCellPosition; don't intercept copy/cut when user has text selected in a single cell;reindexCoordinatesassigns model coordinates instead of DOM physical indices; center row grip on merged cell usinggetBoundingClientRectИсправленоToolbar — Correct
marginLeftfor nested blocks and popover position when scrolled; restore focus to originally-typed block after plus+EscapeИсправленоToolbox — Position popover at caret when inside nested blocks (toggle/callout)
ИсправленоKeyboard — Prevent text-jumping by preserving focus on toolbar interactions
- Добавлено
Code block — New
CodeToolwith syntax highlighting (via Shiki), line numbers toggle, language selector popover, copy button, wrap toggle, and preview tab for KaTeX/Mermaid renderingДобавленоInline code — New
InlineCodeToolwith CMD+E shortcutДобавленоQuote block — Notion-style quote block with size options submenu
ДобавленоDivider block — Horizontal rule block with
---markdown shortcutДобавленоCallout block — Callout block with emoji picker and skin tone persistence
ДобавленоToggle list — Collapsible toggle list block with drag & drop support inside toggles ([#46](https://github.com/JackUait/blok/pull/46), [#52](https://github.com/JackUait/blok/pull/52))
ДобавленоToggle headings — Toggle heading blocks with markdown shortcuts (
>#,>##,>###) and body placeholderДобавленоMarker inline tool — Color text/background inline tool with color picker and dark mode support
ДобавленоUnderline & Strikethrough — New inline tools with CMD+U and CMD+SHIFT+S shortcuts
ДобавленоTable enhancements — Cell color picker, cell placement picker, HTML
<table>rendering, corner drag, Tab/Arrow escape from cells, and cross-table block protection ([#38](https://github.com/JackUait/blok/pull/38), [#45](https://github.com/JackUait/blok/pull/45), [#63](https://github.com/JackUait/blok/pull/63))ДобавленоMarkdown import —
importMarkdown()API method and paste handler with GFM support including math (KaTeX) extensionsДобавленоReact adapter —
useBlokhook andBlokContentcomponent for React integrationДобавленоRead-only toggle — Seamless in-place
readonlymode toggle with scroll position preservationДобавленоEditor width API —
editor.widthnamespace withWidthManagermodule andconfig.widthoptionsДобавленоContent alignment —
config.style.contentAlignoption for global block content alignmentДобавленоFont family config —
config.style.fontFamilyoption for editor and popover typographyДобавленоTheme API —
ThemeAPImodule for programmatic dark/light theme controlДобавленоFuzzy toolbox search — Ranked fuzzy search in slash menu with animated filtering
ДобавленоToolbox plus button — Opens blocks menu directly without inserting
/ДобавленоLink suggestion chip — URL type detection chip in inline toolbar
ДобавленоGoogle Docs paste — Expand
<details>tags into toggle blocks with parent-child wiringДобавленоblok-cli package — New
@jackuait/blok-clipackage withconvert(HTML→JSON) andconvert-gdocscommandsДобавленоi18n search terms — Multilingual toolbox search via
searchTermKeysacross all 68 localesИсправленоDrag & drop — Toggle hierarchy, ghost preview, subtree depth preservation, and spring-load auto-expand for closed toggles
ИсправленоToolbar — Drag handle reachability, left-edge overflow, and actions not intercepting toggle arrow clicks
ИсправленоInline toolbar — Cross-block selection positioning, background element cleanup on close
ИсправленоTable — Cross-table block stealing, undo/redo focus, cell selection border persistence, and arrow key navigation between blocks
ИсправленоMarker — Partial selection color removal, dark theme palette, and active color display on toolbar button
ИсправленоToggle — Backspace/Delete boundary crossing, undo atomicity for Enter, children DOM nesting, and collapse in read-only mode
ИсправленоList — Tab indent for multi-selected items, depth reduction cascade on outdent, and bullet marker pinning
ИсправленоPaste — Table cell content appearing outside table, marker formatting preservation, and math formula detection
- Добавлено
CRDT-based undo/redo — The undo/redo system now uses Conflict-Free Replicated Data Type principles for better conflict resolution and history tracking
Исправленоtoolbar hover behavior after cross-block selection — The inline toolbar now resets its positioning state when extending selections across multiple blocks
ИсправленоPatternPasteEvent for internal cut/paste — Internal cut and paste operations now emit PatternPasteEvent, so external code can react to all clipboard actions
- Исправлено
Tailwind CSS conflicts — Fixed CSS conflicts that caused external plugins to break by isolating Tailwind's style precedence
Добавленоdata-blok-header-level attribute — Headers in the formatting popover now include a
data-blok-header-levelattribute for styling and testing hooks - Добавлено
undo/redo — Added keyboard shortcuts (Ctrl/Cmd+Z and Ctrl/Cmd+Shift+Z) for editing history navigation
- Добавлено
RTL language support — Added translations for Hebrew, Persian, Urdu, Yiddish, Pashto, Sindhi, Uyghur, Kurdish, and Dhivehi with right-to-left layout
ДобавленоEastern European languages — Added Czech, Romanian, and Hungarian translations
ДобавленоSoutheast Asian languages — Added Thai, Ukrainian, and Greek translations
ДобавленоSouth Asian languages — Added Hindi, Bengali, Indonesian, and Vietnamese translations
ДобавленоTurkic languages — Added Turkish and Azerbaijani translations
ДобавленоArabic — Added Arabic translation with RTL support
ДобавленоNorthern European languages — Added Dutch, Polish, and Swedish translations
ДобавленоKorean, Japanese, Italian, Portuguese, German, French, Spanish — Added translations
ДобавленоArmenian, Chinese, Russian — Added translations
Добавленоrename checklist to to-do list — Changed terminology from "checklist" to "to-do list"
Добавленоdrag & drop — Rewrote the drag and drop system for smoother interactions
Добавленоflat data model — Changed from nested to flat structure using
parentIdandcontentIdsreferencesДобавленоlists: flat data model — List items now use the flat data structure
Добавленоkeyboard navigation — Added keyboard shortcuts for editing without the mouse
Добавленоlist tools — Added numbered lists, ordered (nested) lists, and to-do lists with checkboxes
Добавленоparagraph tool: custom configuration — The paragraph tool supports custom configuration for placeholder text and styling
Добавленоheader tool: custom configuration — The header tool supports custom configuration for levels and placeholder text
Добавленоnavigation mode — Added arrow key navigation through blocks, separate from text editing
ДобавленоUX improvements — Focus management, cursor positioning, and block interactions
Исправленоtranslation keys: camelCase — Converted all translation keys to camelCase
Исправленоtranslation key parsing — Fixed nested translation key parsing
Исправленоremove redundant translation keys — Cleaned up duplicate and unused translation keys
Исправленоfix Russian translation — Corrected a missing word in the Russian translation
Исправленоfake selection display — Fixed how fake (visual-only) selections render
Исправленоclose inline toolbar on outside click — The inline toolbar now closes when clicking outside the editor
Исправленоtoolbar centering — Fixed toolbar positioning to stay centered regardless of content width
- Изменено
codemod improvements — Better pattern matching and safer transformations for the Editor.js migration
- Добавлено
bundle paragraph and header tools — These tools are now included by default in the core bundle
- Добавлено
drag & drop — Block reordering via the block handle (☰) icon
Исправленоremove debug logging — Cleaned up console.log statements and resolved performance bottlenecks
Измененоrebrand to Blok — Updated logos, color schemes, and documentation
- Изменено
fork from Editor.js — Blok forked from Editor.js, preserving the block-based editing architecture
Измененоinitial feature set — Block management, inline formatting, slash toolbox, and plugin system