Svelte2tsx NPM | npm.io

0.7.8 • Published 7 days ago

Install

Weekly downloads

3,307

License

MIT

Repository

Last release

7 days ago

svelte2tsx

Converts Svelte component source into TSX. The TSX can be type checked using the included svelte-jsx.d.ts and svelte-shims.d.ts.

This project only converts svelte to tsx, type checking is left to consumers of this plugin such as language services

type SvelteCompiledToTsx = {
    code: string;
    map: import('magic-string').SourceMap;
};

export default function svelte2tsx(svelte: string): SvelteCompiledToTsx;

For example

Input.svelte

<script>
    export let world = 'name';
</script>

<h1>hello {world}</h1>

will produce this ugly but type checkable TSX

<></>;
function render() {
    let world = 'name';
    <>
        <h1>hello {world}</h1>
    </>;
    return { props: { world }, slots: {}, events: {} };
}

export default class _World_ extends __sveltets_2_createSvelte2TsxComponent(
    __sveltets_2_partial(__sveltets_2_with_any_event(render))
) {}

with a v3 SourceMap back to the original source.

For more examples of the transformations, see the test/**/samples folders

Credits

halfnelson for creating svelte2tsx
pushkine for creating the source mapping test infrastructure

svelte typescript

dedent-js pascal-case

@hazou/material @tzuleger/svelte-emscripten @codeunic/svelte-ui @material-svelte/svelte-type-generator @jlepere/svelte-routing svelte-woobler props-sdk core-svelte sveltekit-mvp-utils jean-boxfish-test rafal-toggle-component sneat-svelte sample-heybit-common @infinitebrahmanuniverse/nolb-svelte2 matskui testing-ci-ortsa-svelte kih-components @everything-registry/sub-chunk-2857 holocene @mediakular/svelte-data-grid @i-masanari/comic-viewer @imtala/svelte-components @inqling/svelte-icons @liquivelte/liquivelte-language-server @lilregie/svelte-scanner @mediahackza/graphic-components @medyll/slotui @micromegas/designsystem @gql.tada/cli-utils @haysquare/svelte-multi-select @gratrockstar/native-dialog-component @maan.khalife/accordion @mac-barrett/sortable-table @lorena-cocora-updivision/test-3 @mattjennings/headlessui-svelte @mattjennings/heroicons-svelte @nelreina/nr-svelte @kitql/all-in @kitasio/redkit @fdti/designsystem @fabezio/svelte-main-ui @hvehealth/hve-modal @hvehealth/hve-tailwind-config scan-qr-svelte @syyskimo/sveditor @svenwagener/lib-svorm @sveltejs/package xo-developers-components-library xkayp-blocks @theui/sveltekit-components @ap0nia/svelte-og @vikas.nikam/custom-header @vikas.nikam/viewer-olts @volar-examples/svelte-language-core wrenchnpm-ui-components kjistik-component-library @codesoup/floating-menu @el3um4s/svelte-component-info @el3um4s/svelte-component-package-starter @el3um4s/svelte-titlebar @eki-group/svelvet @erbridge/svelte-feather @srsholmes/svelte-code-input @smui/tab-bar @smui/tab-indicator @smui/tab-scroller @smui/textfield @smui/tooltip @smui/top-app-bar @smui/switch @smui/tab @smui/slider @smui/snackbar @sngn/esbuild-svelte-dts @small-tech/nodekit-language-server @supalingua/designsystem @smui/circular-progress @smui/common @smui/data-table @smui/dialog @smui/drawer @smui/fab @smui/floating-label @smui/form-field @smui-extra/accordion @smui-extra/autocomplete @smui-extra/badge @smui-extra/bottom-app-bar @smui/banner @smui/button @smui/card @smui/checkbox @smui/chips @smui/icon-button @smui/image-list @smui/layout-grid @smui/line-ripple @smui/linear-progress @smui/list @smui/menu

7 days ago

14 days ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

4 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

8 months ago

9 months ago

8 months ago

10 months ago

10 months ago

10 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago