Restore & add support for legacy syntax

[xeho91]

Dependencies

Requires #181 to be merged first.

Objectives

Support for legacy components for backward compatibility:

1. <Meta>

   • codemod - <Meta> to defineMeta & insertion into <script context="module">
   • tests

2. <Story>

   • tests
   • codemods:
     • transform let:args & let:context directives to inner children snippet block
     • transform autodocs prop to tags={["autodocs"]}
     • transform source by removing when is a shorthand or to parameters.docs.source.code
     • transform template prop to children={<template identifier>}

3. <Template>

   • codemods - replace component with snippet block
   • tests

Add addon options - StorybookAddonSvelteCsfOptions

• update addon's Vite plugin - add pre-transform hook
• add option supportLegacy

Deprecation warnings, errors, messages

• document new errors
• Ensure deprecation warnings are visible enough while writing stories code:
  - writing the code (with TypeScript support and marking <Template> as deprecated)
• log deprecated warnings at runtime

Update stories tests

• Using LegacyTemplate component
• Using LegacyStory component (and its legacy props)
• Using Meta component

Update indexer

• Support indexing legacy export const meta syntax
• Support indexing legacy Meta component

TODO

• Restore & add support for legacy syntax #186 (comment)
• Restore & add support for legacy syntax #186 (comment)
• Restore & add support for legacy syntax #186 (comment)
• Restore & add support for legacy syntax #186 (comment)

---

📦 Published PR as canary version: 4.2.0--canary.186.ff8a94d.0

✨ Test out this PR locally via:

npm install @storybook/[email protected]
# or 
yarn add @storybook/[email protected]

Version

Published prerelease version: v5.0.0-next.4

Changelog

💥 Breaking Change

• Fix missing @storybook/docs-tools dependency #190 (@JReinhold)
• Experimental support for Svelte 5 #181 (@tsar-boomba @xeho91 @JReinhold @benoitf)

🚀 Enhancement

• Restore & add support for legacy syntax #186 (@xeho91 @JReinhold)

🐛 Bug Fix

• v5: Fix tags being ignored #206 (@JReinhold)
• fix(parser): Resolve autodocs tag issue and extracting rawCode #201 (@xeho91)
• Replace lodash usage with es-toolkit #192 (@JReinhold)
• chore: use dist folder to load the files #185 (@benoitf)

🏠 Internal

• refactor: Improve AST-related types readability & fix existing issues #209 (@xeho91)

Authors: 4

• Florent BENOIT (@benoitf)
• Isaiah Gamble (@tsar-boomba)
• Jeppe Reinhold (@JReinhold)
• Mateusz Kadlubowski (@xeho91)

[shilman]

🚀 PR was released in v5.0.0-next.4 🚀