Ekstensi VSCode: Open Storybook – Menjalankan hanya Storybook yang diinginkan dengan cepat

Latar belakang

Tim kami mengalami masalah kecepatan saat menjalankan Storybook.
Seiring proyek membesar, waktu build keseluruhan Storybook makin lama,
dan kami hanya ingin membuka sebagian story untuk diuji, tetapi setiap kali harus menjalankan seluruh Storybook atau repot mengubah path di .storybook/main.ts.

Untuk mengatasinya, kami membuat ekstensi VSCode bernama "Open Storybook".
Seperti Jest Runner, Storybook juga kami buat bisa "dijalankan dengan memilih hanya folder tertentu di file explorer" atau "dijalankan dengan memilih file Storybook yang diinginkan".

Fitur

• Folder - klik kanan - perintah Open Stories: Anda dapat membuka tambahan semua Storybook di dalam folder tersebut.
• Command Palette: perintah Open Storybook: jika sudah ada Storybook yang dibuka lewat perintah, Anda bisa melihat gabungan Storybook yang lama + yang baru. (Sama juga jika dibuka lewat Open Stories, hasilnya akan digabung.)
• Pengelolaan monorepo: terminal Storybook dikelola terpisah untuk tiap paket.
• Mencari dan menjalankan perintah Storybook dari script; jika tidak ada, dijalankan dengan npx storybook.

Instalasi

• di extension, cari roseline-song.open-storybook atau open storybook
• untuk Cursor: jika muncul error kompatibilitas versi vscode, klik tombol roda gigi di sebelah install - install specific version - instal versi terbaru

[guseod24]

0.0.5 versi

Menampilkan toast error saat mencoba membuka file yang bukan Storybook dengan Open Storybook
Memperbaiki masalah jalur Storybook per package yang terus menumpuk
Memulihkan main.ts saat terminal Storybook ditutup