Svelte2tsx NPM | npm.io

0.7.22 • Published 10 months ago

Install

Weekly downloads

3,307

License

MIT

Repository

Last release

10 months 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 kjistik-fixed-component-library @testpack03/auto-form phone-morkup symax2 svelte-remix-icons svelte-render-md svelte-video-kit svelte-tsc svelte-type-checker svelte-type-generator svelte-types-writer svelte-masonry-jothsa svelte-material-color-picker svelte-mazer svelte-elegant svelte-scroll-progress-bar svelte-navigator svelte-obfuscate svelte-pagedown svelte-pagination-pro svelte-speech svelte-stopwatch svelte-template-ui svroutes svelte-language-server svelte-kanban svelte-kloktun-tooltip sveltekit-ui sveltekit-wallet-adapter sveltekit-wallet-adapter-anchor sveltemeacoffee svelte-password-strength-bar sveltedemotestingips sveltekit-auth0-js sveltekit-cookie-manager-diego svelty-picker-raz svelvet-custom svembla sverocons web-components-new wrenchnpm-ui-components xkayp-blocks sthree-js test-svelte-package test-svelte-v2 test-svelte-v3 test-svelte-v4 test-svelte-v5 test-svelte-v6 test-svelte-v8 test-ui-kit-svelte test-svelte sveltable svelte-aid svelte-compare svelte-command-palette svelte-compo svelte-component-lib svelte-component-library-asimed svelte-input-autosize svelte-auto-clock svelte-every-layout svelte-crypt-text svelte-gapi-components svelte-tablesort this-is-my-package-no-one-cares ticatec-data-sheet @cnshsliu/myinput1 @cseabra-dev/mycomponentlibrary @cyrila/designsystem @dijkstra/svelteflow @demo-41x3n/component @detachhead/smui-banner @detachhead/smui-button @detachhead/smui-card @detachhead/smui-checkbox @detachhead/smui-chips @detachhead/smui-circular-progress @detachhead/smui-common @detachhead/smui-data-table

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

11 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

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

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

4 years ago

4 years ago

4 years ago

4 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

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago