histoire

Bug Fixes

• re-export vendors, fix #239 (2f3e49a)
• use a specific cache folder for histoire, fix #96 (c0c874e)

Bug Fixes

• broken tailwind tokens (626176a)
• exclude @histoire/vendors from optimize (a9171d4)

Highlights

Svelte support

• Read the new documentation about Svelte here.
• Check out the live demo.
• Edit the Stackblitz

Markdown files

You can now create .story.md files to either:

• Attach markdown to the Docs tab of a story
• Create a standalone page directly

Read more: Vue | Svelte

Vite 3

Histoire is now officially compatible with Vite 3! ⚡

Bug Fixes

• do not add target blank to urls that start with # in markdown (#235) (4abb77f)
• escape paths on Windows (976eae8)
• types: ServerStory.layout (6eaf15c)

Features

• change default port to 6006 (54241e3)
• index markdown files into search (e6529a5)
• markdown files, fix #237 (c92a382)
• plugin: defaultConfig hook (c31bc74)
• search: auto open docs tab if search result is from docs (0d0d02f)
• svelte support (#232) (d160204)
• upgrade to vite 3 (bdff4a4)

Bug Fixes

• add key to generic render/mount, fix #231 (203f7a9)
• iframe: variant.previewReady wasn't reeset to false (4f52b45)
• state preset: use structured cloning when applying (10b1b4b)
• state preset: wait for controls render (e31002d)

Bug Fixes

• optimize flexsearch (7babe9b)

Bug Fixes

• remove shiki deps from direct deps (70f36c9)

Bug Fixes

• optimize histoire deps (8de066e)

Bug Fixes

• allow require.resolve @histoire/controls (2717442)
• import of flexsearch, fix #227 (1b44bb6)
• plugin: initialize context before calling onDev (ed0d5b8)
• remove forced deps optimize (234c8c1)
• rename tailwind plugin with builtin: prefix (295fc59)
• sourcecode pane crashing if no generated source code (1517832)
• vanilla: inherit options (55162e0)

Features

• vanilla js (no-framework) support plugin (31f1bce)

Bug Fixes

• build: force external = [] to rollup options, fix #214 (45f7ba5)
• build: force lib:false, fix #219 (6cca1e1)
• grid: remove prevent modifier, fix #221 (8ca882b)
• resize story responsive preview (#181) (0999c54)
• resolve plugin correctly on windows (#218) (3544713)
• update floating-vue, fix #206 (d3b0061)
• vue2: HMR adding new variants not updating grid layout (d8a8b55)

Features

• add process.env.HISTOIRE = 'true' in cli bin to help adding conditions in vite.config.js (94339d9)

Bug Fixes

• controls: design tokens slots not working (297f62f)
• floating-vue not bundled (3b77a87)
• replace VUE_OPTIONS_API in bluded vue (4f77909)
• revert non-enumerable internal state props (645509f)
• vue2: codegen: skip slots key starting with _ (47ae607)
• vue2: missing moveSlotContent (38d1f97)

Features

• cleaner histoire package, moved client to @histoire/app (0b788a3)
• support plugins (3357c46)
• Vue 2.7 support (e54694a)

Migrate from v0.8

Install the vue3 plugin:

pnpm i -D @histoire/plugin-vue
# OR
npm i -D @histoire/plugin-vue
# OR
yarn add -D @histoire/plugin-vue

Create or update your histoire config file (histoire.config.js or histoire.config.ts):

import { defineConfig } from 'histoire'
import { HstVue } from '@histoire/plugin-vue' // New

export default defineConfig({
  plugins: [
    HstVue(), // New
  ],
})

Update imports:

• import { defineSetupVue3 } from 'histoire' => import { defineSetupVue3 } from '@histoire/plugin-vue'
• /// <reference types="histoire/vue" /> => /// <reference types="@histoire/plugin-vue/components" />

Bug Fixes

• Added questionmark to possibly undefined userViteConfig (#196) (64e306a)
• show empty state faster (8289eb8)

Features

• dim 'Docs' tab if no docs available (81871a8)
• dim 'Events' tab if empty (be697e4)

Bug Fixes

• mark auto prop internal state as non-enumerable (20678c8)
• too much recursion with circular data (df81aac)
• vue3: state sync hang (7c399fd)

Bug Fixes

• config: disable vite internal config file loading (8ca4362)
• config: merge function vite (f52c05c)
• config: remove vite:legacy, fix #156 (f057330)
• HstSelect: allow any type of value (1e198a8)
• pin shiki version on cdn (8f69bbf)
• vue3: codegen: remove undefined props (b0dc96d)
• vue3: falsy auto props overrides not applied, fix #164 (0a53656)
• vue3: global components not resolved, fix #158 (855103b)
• vue3: script setup refs not synced, fix #190 (780967d)
• vue3: shared auto props (dbcf87b)
• vue3: toRawDeep emptying duplicate objects/arrays, fix #183 (bba7711)

Bug Fixes

• server: set content-type on html during dev (d805861)
• shiki not found (6a71d64)

Bug Fixes

• add min and max attrs to the input (#173) (cc5ead5)
• auto props value override not working after vendor bundling (a663735)
• skip app setups while collecting (5fff544)
• vue3: detect type of shorthand prop def, fix #155 (cc8e06a)
• vue3: hot reload not triggered (c747458)

Features

• autoPropsDisabled, fix #177 (22d5a10)
• bundle dependencies (vue, etc.), closes #87 (c019c9d)

Bug Fixes

• stringify functions in toRawDeep (#152) (30077c0)

Features

• added radio controls (#153) (bef7bc2)

Bug Fixes

• build: force no externalize, fix #137 (a760adf)
• collect: autostub components in child vnodes, fix #138 (5f6d29b)
• prevent vite from restarting two times when changing vite config (f00143c)
• ts: global component types, fix #146 (fbec6bf)
• vue3: components not skipped for implicit state, causing clone error (86e580f)
• vue3: double sandbox mounting, fix #144 (a788feb)
• vue3: improve sandbox mounting logic (f851658)
• vue3: state sync breaking after loading story 2nd time, fix #128 (58ecf07)

Features

• vue3: scan for auto props in child vnodes, fix #145 (c39f6a3)

Bug Fixes

• disable vite lib mode by default, fix #137 (2fb86a2)
• use __sandbox.html instead of __sandbox, fix #141 (#142) (3e4466e)

Features

• routerMode, fix #143 (1e337e3)

Bug Fixes

• force dedupe vue, fix #132 (937f07f)
• toRawDeep checking seen on primitives, fix #131 (c02ea99)

Bug Fixes

• vite deps optimization error, fix #133 (e9b1ee5)