Skip to content

Latest commit

 

History

History
122 lines (112 loc) · 12.1 KB

examples.md

File metadata and controls

122 lines (112 loc) · 12.1 KB

Runnable example catalog

Reference index

Run any HTML entry from the repository root:

cargo run -p nile-shell -- examples/pos/index.html

For a headless check, append --png /tmp/example.png --width 1280 --height 820. Inspect terminal errors as well as the picture. Native menus/dialogs and window ownership require a GUI run; PNG success does not verify them.

Application examples

Entry Features/workflows Persistence and limitations
Retail counter Aronium-style dark checkout reference, receipt, search, keyboard shortcuts, held sales, discounts and demo payments In-memory sample data; no payment or hardware integration. Instructions
Neon Breaker Three-sector arcade game, fixed-step physics, Canvas rendering, keyboard/mouse controls, power-ups, pooled audio and music Local high score/settings; CPU rendering. Run, package and verify
System theme Optional OS appearance, control states and components External CSS package; loading guide
POS Product search/categories, quantities, discount, customers, held carts, cash/change, simulated card/mobile, receipts and reports In-memory sample data; no real payments, database, authentication or printing. Instructions
File explorer Real directory tree, filtering, sorting, text preview, history, context menu and split panes Read-only application; synchronous filesystem access, text previews ≤64 KB. Instructions
Northstar Workspace Desktop workbench with menus/toolbars, project tree, tabbed documents, editable properties, resizable panes, activity, persistent projects/tasks, rich notes, backups and PDF reports Local single-user app; SQLite extension build required. Run, package and verify
Explorer-style tabs Add/close/switch tabs, per-tab folder history and search, keyboard navigation and custom window chrome In-memory sample folders; no tab reordering or detaching. Instructions
Virtual grid Up to 1M×100 logical cells, two-axis virtualization, jumps, keyboard navigation and sparse edits Generated data; in-memory edits, fixed tracks. Implementation
Spreadsheet Two sheets, formulas, cell editing/formatting, navigation and undo Local saving; small fixed grid and documented formula subset. Instructions
Word ribbon Live rich text, format/alignment/lists, search, clipboard, tables/images and print-layout view Save/share/print buttons remain demos; page breaks use engine pagination. Editing guide
Menubar Nested custom menus, keyboard commands, editor, selection preservation and context menu Draft in localStorage; not a native OS menu. Script
Workbench Nine interfaces: settings, dashboard, kanban, mail, IDE, inventory, calendar, media, slides In-memory sample flows; no real email/media/code execution. Instructions
Todo Modules, JSX, state and reconciliation Small component example
Components in JSX New tags and inputs from classes and JSX: customElements.define, content(), "on click at span", class components as JSX tags A rating input, a quantity stepper and a badge
First app Inputs, events, selection, theme and basic layout Tutorial entry
Bootstrap Hidden startup script opens application window Native shell run required
C host Embedding, script/host bridge, input and rendering Build instructions in embedding

Engine feature pages

Each page is a focused runnable example rather than a promise of complete browser compatibility.

Page Demonstrates
anim-events.html Transition/animation lifecycle events
animations.html Transitions, keyframes and timing
audit.html DOM/layout feature audit
components.html Class components and lifecycle
controls2.html Additional engine-drawn controls
css-compat.html CSS compatibility checks
dialogs.html Native and inline message/file dialogs
editor.html Contenteditable, formatting, selection and history
fetch.html File requests, networking and storage
fixed.html Fixed/sticky positioning and scroll hit testing
float.html Floats, clear and wrapped text
font-face.html Local TTF/WOFF2 custom fonts
forms.html Text controls, checkbox/radio, input events and selection
frames-transformed.html Clipped/transformed frames
frames.html Nested documents and frame messages
frameset.html Resizable native pane splitters
gradients.html Linear/radial/repeating gradients
grid.html Grid tracks, alignment and placement
hello.html Basic HTML/CSS rendering
image-editing.html Image resize and editable table commands
images.html Local raster images and backgrounds
ime.html Input-method composition
include.html Markup includes and media fallback
inline.html Inline text layout and decorations
inputs.html Range, number, color, date/time and files
inset-shadow.html Outer/inset box shadows
interact.html Hover, active, focus and pointer interaction
listbox.html Multiple select/list scrolling
live-regions.html Accessibility live announcements
markers.html List markers, numbering and generated marker content
measure.html Geometry and computed styles
menubar.html Custom popup-based menubar
native-menu.html OS menu bar markup and accelerators
nile-modules.html Built-in module helpers
number.html Number stepping and input limits
optgroup.html Grouped select options and disabled headings
pagination.html Page breaks, tables and PDF
popups.html Popup positioning, context menus and detached portals
position.html Relative/absolute positioning
print-layout.html Paged on-screen editable document
pseudo.html Generated before/after content
radius.html Corner radii and percentages
scripting.html DOM events and timers
scrolling.html Overflow, wheel input and JS scroll
selectors.html Selector matching and state flags
shape-outside.html Geometric float outlines
stacking.html Z-index, opacity and stacking contexts
static-position.html Absolute elements with automatic offsets
stress.html Large DOM performance workload
subsup.html Inline vertical alignment
table-fixed.html Explicit table column widths
tables.html Semantic tables, spans and spacing
transforms.html 2D transforms
transforms3d.html Projected 3D transforms
window.html Window attributes and frameless chrome
drawer.html @nile/ui drawer from any edge, backdrop and no-script triggers
splitter.html @nile/ui splitter: drag, keyboard, collapse, remembered sizes
data-grid.html @nile/ui data grid: 100,000 virtual rows, sorting, selection, resize
barcodes.html @nile/ui Code 128/39, EAN-13/8, UPC-A and QR
ui-dialogs.html @nile/ui confirm/prompt/dialog, toasts and keyboard shortcuts
ui-navigation.html @nile/ui tabs, accordion and a tile grid with shortcut keys
ui-combobox.html @nile/ui combobox: markup options, script items with groups and hints, async source
ui-ribbon.html @nile/ui Microsoft-style ribbon: tabs, groups, drop-downs, toggles, contextual tab, collapse
ui-charts.html @nile/ui bar, line, stacked area and donut charts with tooltips
ui-tree.html @nile/ui tree: lazy children, filter, icons, keyboard
ui-inputs.html @nile/ui number keypad (field and PIN), calendar, date field and date range with presets
ui-commands.html @nile/ui popup menu with submenus, context menu, command palette and a customer picker
ui-wizard.html @nile/ui wizard with validation, an async step check, optional and skipped steps
printing.html Window.this.print(), exportPdf, @nile/print printer list and an ESC/POS receipt with a text preview, sent to an installed or network printer
media/ @media extension: camera preview and photo, microphone level and WAV recording (build the extension first)
serial.html @nile/serial terminal: list ports, open, send, receive, toggle DTR
mail.html @nile/mail form: SMTP settings, message source preview, password kept in @nile/keychain
sciter-flow.html Sciter layout CSS: flow:, * units, size:, dip, flow: grid(...), tag shortcuts
sciter-paths.html Sciter url(path:...) images, foreground-image, var(name), window constants
windows.html Multiple windows, modal result and shared messages
word-ribbon.html Word-style editing ribbon

External CSS example demonstrates stylesheet links and imports. Nested frame/include/window files support their parent demos and are not separate application entry points.