This directory contains various implementations of browser-based font analysis tools, primarily using Python via PyScript. Each example demonstrates a different approach to UI integration or a specific PyScript feature.
All examples leverage the core font analysis logic from src/boabro/boabro.py.
_pyscript-alpinejs.html: Font analysis tool using PyScript with Alpine.js for lightweight reactive components._pyscript-fs.html: Demonstrates PyScript’s capabilities for interacting with a virtual filesystem to load and analyze fonts._pyscript-htmx.html: Font inspector combining PyScript with HTMX for AJAX interactions. Uses Bootstrap for styling._pyscript-indexeddb.html: Example showing PyScript integration with the browser’s IndexedDB for potential local storage of font data or results._pyscript-lit.html: PyScript integrated with Lit, a library for building lightweight Web Components._pyscript-preact-signals.html: Font inspector using PyScript and Preact with Signals for state management._pyscript-tailwindcss.html: A font inspector web application using PyScript with Tailwind CSS for styling._pyscript-vuejs.html: Font analysis tool combining PyScript with Vue.js for reactive UI components._pyscript-webcomponents.html: Font inspector using PyScript with native Web Components for modular UI._pyscript-worker.html (with _pyscript-worker-script.py): Demonstrates running font analysis in a Web Worker using PyScript, improving UI responsiveness._pyscript-workerspool.html (with _pyscript-pool-worker.py): Shows a pool of PyScript Web Workers for potentially parallelizing tasks (though font analysis is typically serial per font).gradio.html: Font analysis interface built with Gradio-Lite, running entirely in the browser.pyscript-mako.html: Implementation using PyScript with Mako templates for server-side style templating rendered in the browser.pyscript-puepy-bootstrap.html: Font inspector built with PyScript and PuePy, styled with Bootstrap 5.pyscript-puepy-bulma.html: Font inspector built with PyScript and PuePy, styled with Bulma.pyscript-puepy-frankenui.html: Font inspector built with PyScript and PuePy, styled with FrankenUI.pyscript-puepy-uikit.html: Font inspector built with PyScript and PuePy, styled with UIkit.stlite.html: Streamlit implementation of the font analyzer, running in the browser with Stlite (Streamlit-lite).pyodide-react.jsx: A React-based implementation. (Note: Uses JSX and may require a build step or specific environment if run outside a compatible setup).pyscript-solidjs.html: Font analysis application using PyScript with SolidJS. (May require specific setup or be experimental).pyscript-svelte.html: PyScript implementation with Svelte. (May require specific setup or be experimental).testfont.ttf: A test font file used by some examples.Most of these implementations provide similar core functionality: