Svelte2tsx NPM | npm.io

0.7.22 • Published 9 months ago

Install

Weekly downloads

3,307

License

MIT

Repository

Last release

9 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

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

11 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

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

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

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

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