rastrillo / fiesta Public

Clone
git clone https://amadan.net/rastrillo/fiesta

Plain git — no account needed to clone.

Download

Download this file

Changelog

Unreleased

1.2.0

Fiesta includes fixes Rastrillo made to these files after Fiesta was copied from it. One changes how 1.0 markup looks: the current item in the console rail now shows its full ring and shadow. No other styles in 1.0.0 or 1.1.0 change appearance or layout.

  • The console rail's current item now shows its full ring and shadow. Previously, the rail clipped them at its edges. No item moves. (Rastrillo cc7c9c69)
  • shell.js no longer logs an uncaught AbortError when the browser skips a page transition. It ignores only this error; other errors are still logged. (Rastrillo d9c9ed13, 023740c5, e5e35a3e and 6b1c5478)
  • For column, stage and topbar pages without shell.js, transition.js does the same. Load it before the stylesheets, without defer: the browser can skip a transition before a deferred script runs. The column, stage and topbar examples load it. Sidebar and console pages don't need it.
  • busy.js leaves submits from a form marked data-live-form to the script that handles them. A server that swaps forms in place sets the attribute, and its script marks each submit it handles with liveForm. busy.js shows the spinner only when that script leaves a submit to the browser. Without such a script, the attribute has no effect. (Rastrillo 8548e455)
  • fiesta.Sources() reports the source of each example state: the partial, idiom, shell, format or screen it was seeded from, the state within that source, and its locale and view. A server can use it to check its templates against the examples.

1.1.0

Everything 1.0.0 styles looks and lays out as it did. What is new is new attributes, one new script and two new strings.

  • The column shell ends with a footer row, rst-page-foot, for the language and colour-scheme menus. The page header is the first thing on screen.
  • A dropdown sits in a row beside what it acts on. DESIGN.md says so, a check holds every example to it, and the dropdown, language and scheme examples show their menu in a row.
  • rst-snippet: a line of code in a box, with a Copy button. Load copy.js to make the button work; it stays hidden where the browser has no clipboard.
  • rst-side and rst-side-nav: a sidebar inside a panel. In a narrow panel its links become a row that scrolls sideways.
  • rst-seg-tabs takes buttons as well as links. The pressed button is aria-pressed="true".
  • rst-stats="pairs" puts two stats on a line on a phone, instead of one.
  • rst-status="inline" keeps a short status on its row's first line on a phone, beside the name.
  • The string tables gain copy-done and copy-failed, in all twelve languages.
  • Files under /1/ and under a version such as /1.1.0/ can be read from any site: fetch the strings, load the scripts as modules, or pin a versioned file with an integrity hash. Browsers keep a versioned file for a year and check /1/ every five minutes.

1.0.0

The first release of Fiesta as a package of its own. The stylesheets, tokens.css, shell.css and the Day, Plain and Signal themes, are Rastrillo's at f892f8beebf7aea2811e7634e77021e2ad2b161d (after v0.29.0), byte for byte. New in this release:

  • fiesta.js, the browser half: menus close on an outside click and on Escape, a switch's knob drags, iOS gets its pressed state, and the colour-scheme menu applies in place. On a page marked data-rst-scheme-store="local" it remembers the choice in localStorage as fiesta-scheme and restores it before first paint.
  • The rst-scheme event, dispatched from the scheme form on every change. It bubbles, and detail.scheme is light, dark or system, so a server's own script can write its cookie from it.
  • The string tables: i18n/<lang>.json in twelve languages, holding the words select.js and datetime.js put on screen, and i18n/<lang>.js, which loads a table for the scripts to read.
  • window.fiestaCalendar, the name datetime.js opens the calendar through. It was rastrilloCalendar.
  • The stripped release: the one-file themes fiesta.css, fiesta-plain.css and fiesta-signal.css, each under 25 KiB gzipped; every stylesheet and script with its comments removed behind a one-line banner; the icon sprite; and SHA256SUMS.
  • Synced from Rastrillo: select.js cuts a list's room only to the boxes that can clip it, so a list fixed or anchored out of a sideways-scrolling bar no longer opens 0px tall, and data-rst-select-ceiling marks a sticky header as not room.