tailor panel

The tailor, always on the system bar, and the wardrobe it keeps. This is the character builder's tailor as a piece any page with a character can mount: a scissors button opens a panel with a slot and a garment picker. A garment of your own made on the body shown opens on its outline in the tailor tool; (new garment) starts one; anything else is worn and the panel says why it cannot be cut. There is no done or cancel: switching slot or garment, or closing the panel, keeps a closed outline as a garment file (kept in a store, worn in its slot), and undo covers the edits. Forget, export (GLB or OBJ, with the body as a helper or alone) and import (a GLB or OBJ from Blender) are at the bottom.

const tailor = tailorPanel(b3dEl, {
  character: () => ch,
  target: () => ch.shown ?? 'loading the body…',
  slots: CHARACTER_SLOTS,
  choices: (slot) => ch.choices(slot),
  worn: (slot) => ch.settings[slot],
  wear: (slot, name) => ch.set({ [slot]: name }),
  madeOn: (source) => ({ format: 'tosijs-garment', version: 1, source }),
  draft: { get: () => draft, set: (d) => { draft = d } },
  save: (data, name, type) => download(data, name, type),
})

The host keeps what outlives the panel: the new garment's DRAFT (its outline, thickness, mode, look and name, which a character file carries), the slot, and what each slot wears. The store keeps garment files by name; the default, garmentStore(), is this browser's IndexedDB (tosijs-garments), shared by every page on the site.

The host also tells the tailor when to step aside: keep() before the body changes under it (another source, the rig tool), begin() when it is back, and the tool's setBody after a reshape (editing.source says which body it was cutting). tool is the tailor tool while one is open, for undo and redo.