Readme doocs and previews

Author: iamdabe

README.md

@@ -1,33 +1,36 @@
 # Blazer Markdown Editor
-A lightweight ProseMirror-based Markdown editor for Blazor (including MudBlazor) with slash commands, table editing, and JSInterop-friendly APIs.
+A lightweight (<550kb) ProseMirror-based javascript Markdown editor with slash commands, table editing, and JSInterop-friendly APIs. Developed as I needed a WYSIWYG markdown editor for Blazor but all I could find was react and vue components. Can be used standalone or authored into component for Blazor. Check the demo https://iamdabe.github.io/codex/  
 
 ## Contents
 - **[Features](#features)**
 - **[Preview](#preview)**
-  - [Desktop](#desktop)
-  - [Mobile](#mobile)
 - **[Install](#install)**
-  - [Install Method 1](#install-method-1)
 - **[Third-Party](#third-party)**
 
 Additional docs:
-- [JSInterop Packaging](docs/jsinterop-packaging.md)
-- [How to Use](docs/how-to-use.md)
+- [JSInterop Packaging](./docs/jsinterop-packaging.md)
+- [How to Use](./docs/how-to-use.md)
 
 ## Features
 * Markdown-first authoring with ProseMirror document model and serializer
 * Blazor-focused JSInterop API: `create`, `setMarkdown`, `getMarkdown`, `focus`, `destroy`
 * Productive editing features: slash menu, table controls, link toolbar, and keyboard shortcuts
 
 ## Preview
-### Desktop
-Use `samples/index.html` to preview editor behavior in desktop browsers.
 
-### Mobile
-Use device emulation (or a real device) with `samples/index.html` to validate responsive behavior and touch interactions.
+<div style="display:flex; flex-wrap:wrap; gap:15px;">
+
+<a href="./docs/preview.png">
+  <img src="./docs/preview.png" alt="Preview" width="300">
+</a>
+
+<a href="./docs/slash-menu.png">
+  <img src="./docs/slash-menu.png" alt="Slash Menu" width="300">
+</a>
+</div>
+
 
 ## Install
-### Install Method 1
 1. Install dependencies:
    - `npm ci`
 2. Build distributable assets:

docs/how-to-use.md

@@ -31,5 +31,4 @@ Use the global object:
 
 ## Notes
 - Keep `wwwroot` outputs as release artifacts (`js`, `min.js`, `css`).
-- Keep dependency versions pinned for deterministic behavior.
 - Use the packaging guidance in [jsinterop-packaging.md](jsinterop-packaging.md).

docs/jsinterop-packaging.md

@@ -44,11 +44,8 @@ JSInterop API:
 - `window.blazerMarkdownEditor.focus(editorId)`
 - `window.blazerMarkdownEditor.destroy(editorId)`
 
-## Release process (artifact-only)
 
-Create a GitHub release with only the `wwwroot` files for that version.
-
-Suggested release assets:
+Required assets:
 
 - `wwwroot/blazer-markdown-editor.js`
 - `wwwroot/blazer-markdown-editor.min.js`