Skip to content

Release 2.0.0

Latest
Latest

Choose a tag to compare

View all tags
@rina-coding rina-coding released this 16 Jun 10:22
· 2 commits to main since this release
v2.0.0
ba531a4

About

PMs, designers, and developers spend hours on Lanhu reviewing Axure prototypes and writing specs. Axure Utilities shortens that to:

Select an area on the prototype → auto-detect tables/text → fill modular docs → preview / copy / download Markdown.

No more screenshot → paste → retype tables → reformat loops.

Features at a Glance

Category Capabilities
Extraction Drag-select; smart Axure table detection; text fallback; cross-iframe picking
Doc building Module titles + entries; drag reorder; expand/collapse; select all / batch delete
Editing Dedicated edit dialog; split Markdown editor; undo/redo; pick-to-fill
Export Full doc / single module: preview, copy, download; filenames use real page title
Persistence Auto-save by versionId + pageId; page-switch hints and restore
UX Dark UI; draggable panel; fixed tooltips; Chinese / English

Quick Start

1. Sign in to Lanhu → open an Axure prototype page
2. Click the extension icon → "📄 Open Doc Builder"
3. Click "Add Module" → scrolls to and focuses the new module
4. Click 🎯 Pick → drag-select title or content on the page
5. Add more modules/entries, or use "Edit" for bulk Markdown editing
6. Use bottom "Preview / Copy / Download" for the full document

If the panel does not appear: refresh the page and confirm the URL contains lanhuapp.com.

Feature Details

Doc Builder Panel

The floating panel (bottom-right, draggable) is the main editing surface:

  • Toolbar: add module, expand/collapse all, select all, batch delete
  • Module cards: title preview, checkbox, grouped action buttons
  • Module actions (fused button groups with hover tooltips):
    • Edit / Preview / Copy / Download
    • Move up / Move down / Delete
  • Module body: title field + content entries (pick, reorder, delete)
  • Footer: full-document preview, copy, download
  • Focus mode: clicked module highlighted; siblings dimmed
  • New module: defaults to empty title + one empty entry; auto-scrolls into view

Drag-Select Picking

  • Click 🎯 to enter pick mode; drag a rectangle on the Axure page (including inside iframes)
  • Tables: detects table_cell, _形状1, etc.; rebuilds Markdown tables via Y/X grouping
  • Text: merges visible text; degrades to text when too few elements
  • Cross-iframe: panel on top frame; pick in child frames; results via postMessage
  • Overwrite: picking the same field again replaces existing content

Module Edit Dialog

Click Edit on a module for long-form / Markdown work:

Capability Description
Layout Default 60% width, 80vh height (max 750px); draggable
Window controls Minimize / restore, fullscreen / exit, close
Title Input + pick button; dialog can shrink to bottom-left while picking
Entries Collapsible; default 400px height, vertically resizable
Markdown editor Source / split / preview; bold, italic, link, etc.
Undo / redo Text history in the editor
Pick fill Toast indicates whether title or content was filled
Save policy Changes apply only on Save; dialog closes on page switch

Preview & Export

Full document

  • Structure: # Page title + ## Module title + entry content
  • Page title from the actual Axure iframe page (not the Lanhu shell title)
  • Download filename: PageTitle_YYYY-MM-DD.md

Single module

  • Independent preview / copy / download
  • Module title always ## (h2) for consistency with full docs

Preview window

  • Dark-themed HTML via marked
  • Wide tables scroll horizontally
  • Scrollbars match in-extension styling

Per-Page Save & Navigation

  • Cache key: lh_{versionId}_{pageId} in chrome.storage.local
  • Switching Lanhu pages auto-saves current modules
  • Optional full-screen hint on page switch; "Don't show again" supported
  • Data survives browser restarts (unless browser data is cleared)

UI & Interaction

  • Language: Popup selector (中文 / English / Auto); panel and edit dialog update live
  • Tooltips: Fixed-position; not clipped by module overflow
  • Scrollbars: Unified 6px dark style in panel, edit dialog, and preview
  • Buttons: Consistent sizing and hover states; inputs highlight on focus
Assets 3
Loading