From 1fb1d9388b35734f7d126ee96956853891af41f5 Mon Sep 17 00:00:00 2001 From: Simon Holthausen Date: Sun, 20 Jun 2021 16:22:06 +0200 Subject: [PATCH 1/3] (breaking) rename ambient __sveltets_-declarations Rename all __sveltets_* ambient declarations to __sveltets_1_* . This way, we avoid the situation where multiple ambient versions of svelte2tsx are loaded and their declarations conflict each other. #1059 for an example bug that stems from it. The other breaking change is that svelte2tsx no longer provides a default export, svelte2tsx now is a named export. This opens up the possibility to export other utility functions alongside it. --- docs/internal/overview.md | 2 +- packages/language-server/package.json | 2 +- .../plugins/typescript/DocumentSnapshot.ts | 2 +- .../typescript/features/HoverProvider.ts | 2 +- .../typescript/features/RenameProvider.ts | 10 +- packages/svelte2tsx/README.md | 4 +- packages/svelte2tsx/index.d.ts | 2 +- packages/svelte2tsx/package.json | 2 +- packages/svelte2tsx/repl/debug.ts | 2 +- .../src/htmlxtojsx/nodes/action-directive.ts | 8 +- .../htmlxtojsx/nodes/animation-directive.ts | 10 +- .../src/htmlxtojsx/nodes/attribute.ts | 2 +- .../svelte2tsx/src/htmlxtojsx/nodes/await.ts | 8 +- .../src/htmlxtojsx/nodes/binding.ts | 10 +- .../src/htmlxtojsx/nodes/class-directive.ts | 4 +- .../svelte2tsx/src/htmlxtojsx/nodes/each.ts | 4 +- .../src/htmlxtojsx/nodes/event-handler.ts | 4 +- .../htmlxtojsx/nodes/transition-directive.ts | 6 +- .../src/htmlxtojsx/utils/node-utils.ts | 12 +-- packages/svelte2tsx/src/index.ts | 2 +- .../src/svelte2tsx/addComponentExport.ts | 8 +- .../src/svelte2tsx/createRenderFunction.ts | 8 +- .../src/svelte2tsx/nodes/ComponentEvents.ts | 6 +- .../src/svelte2tsx/nodes/ExportedNames.ts | 12 +-- .../svelte2tsx/nodes/ImplicitStoreValues.ts | 6 +- .../svelte2tsx/nodes/ImplicitTopLevelNames.ts | 2 +- .../svelte2tsx/src/svelte2tsx/nodes/Stores.ts | 4 +- .../src/svelte2tsx/nodes/event-handler.ts | 12 +-- .../svelte2tsx/src/svelte2tsx/nodes/slot.ts | 8 +- .../processInstanceScriptContent.ts | 4 +- .../svelte2tsx/src/svelte2tsx/svelteShims.ts | 92 +++++++++--------- packages/svelte2tsx/svelte-shims.d.ts | 97 ++++++++++--------- .../samples/action-bare/expected.jsx | 2 +- .../samples/action-nested/expected.jsx | 10 +- .../samples/action-params/expected.jsx | 6 +- .../samples/animation-bare/expected.jsx | 2 +- .../samples/animation-params/expected.jsx | 7 +- .../await-block-basic-catch/expected.jsx | 4 +- .../samples/await-block-basic/expected.jsx | 6 +- .../await-block-destruct-array/expected.jsx | 4 +- .../await-block-destruct-default/expected.jsx | 10 +- .../await-block-destruct-object/expected.jsx | 4 +- .../await-block-destruct-rest/expected.jsx | 10 +- .../samples/await-block-no-then/expected.jsx | 4 +- .../await-block-parentheses/expected.jsx | 6 +- .../await-block-pending-catch/expected.jsx | 4 +- .../samples/await-block-pending/expected.jsx | 4 +- .../samples/binding-group-bare/expected.jsx | 4 +- .../samples/binding-group/expected.jsx | 2 +- .../samples/binding-oneway/expected.jsx | 22 ++--- .../binding-this-component/expected.jsx | 2 +- .../binding-this-svelte-body/expected.jsx | 2 +- .../expected.jsx | 2 +- .../binding-this-svelte-self/expected.jsx | 4 +- .../samples/binding-this/expected.jsx | 2 +- .../expected.jsx | 2 +- .../htmlx2jsx/samples/class-bare/expected.jsx | 2 +- .../samples/class-parentheses/expected.jsx | 2 +- .../test/htmlx2jsx/samples/class/expected.jsx | 4 +- .../expected.jsx | 2 +- .../component-default-slot-let/expected.jsx | 2 +- .../samples/component-multi-slot/expected.jsx | 8 +- .../samples/component-named-slot/expected.jsx | 6 +- .../component-slot-infer-props/expected.jsx | 4 +- .../component-slot-shadowed-prop/expected.jsx | 8 +- .../custom-css-properties/expected.jsx | 10 +- .../samples/directive-quoted/expected.jsx | 10 +- .../each-block-basic-sequence/expected.jsx | 4 +- .../samples/each-block-basic/expected.jsx | 4 +- .../samples/each-block-index/expected.jsx | 4 +- .../samples/each-block-key-else/expected.jsx | 4 +- .../samples/each-block-key/expected.jsx | 4 +- .../expected.jsx | 4 +- .../each-block-optional-chaining/expected.jsx | 4 +- .../expected.jsx | 2 +- .../event-handler-component/expected.jsx | 2 +- .../expected.jsx | 2 +- .../expected.jsx | 22 ++--- .../if-nested-await-block/expected.jsx | 12 +-- .../expected.jsx | 12 +-- .../samples/if-nested-each-block/expected.jsx | 8 +- .../if-nested-slot-let-shadowed/expected.jsx | 26 ++--- .../samples/if-nested-slot-let/expected.jsx | 8 +- .../expected.jsx | 2 +- .../samples/svelte-fragment/expected.jsx | 4 +- .../transition-animate-fallbacks/expected.jsx | 26 ++--- .../samples/transition-bare/expected.jsx | 6 +- .../samples/transition-modifiers/expected.jsx | 2 +- .../samples/transition-params/expected.jsx | 10 +- .../samples/action-directive/mappings.jsx | 60 ++++++------ .../samples/action-directive/test.jsx | 46 ++++----- .../samples/await-block/mappings.jsx | 40 ++++---- .../sourcemaps/samples/await-block/test.jsx | 20 ++-- .../samples/component-props/mappings.jsx | 10 +- .../samples/component-props/test.jsx | 26 ++--- .../samples/each-block/mappings.jsx | 52 +++++----- .../sourcemaps/samples/each-block/test.jsx | 60 ++++++------ .../samples/element-attributes/mappings.jsx | 2 +- .../samples/event-binding/mappings.jsx | 24 ++--- .../sourcemaps/samples/event-binding/test.jsx | 12 +-- .../sourcemaps/samples/if-block/mappings.jsx | 10 +- .../test/sourcemaps/samples/if-block/test.jsx | 18 ++-- .../samples/large-sample-1/mappings.jsx | 64 ++++++------ .../test/sourcemaps/samples/let/mappings.jsx | 10 +- .../test/sourcemaps/samples/let/test.jsx | 6 +- .../samples/property-shorthand/mappings.jsx | 2 +- .../samples/reactive-statements/mappings.jsx | 26 ++--- .../samples/reactive-statements/test.jsx | 26 ++--- .../samples/reserved-variables/mappings.jsx | 22 ++--- .../samples/reserved-variables/test.jsx | 14 +-- .../samples/simple-element/mappings.jsx | 2 +- .../sourcemaps/samples/slots/mappings.jsx | 4 +- .../test/sourcemaps/samples/slots/test.jsx | 18 ++-- .../samples/$store-as-directive/expected.tsx | 22 ++--- .../samples/$store-assign/expected.tsx | 22 ++--- .../samples/$store-index/expected.tsx | 4 +- .../samples/array-binding-export/expected.tsx | 2 +- .../samples/ast-offset-none/expected.tsx | 4 +- .../samples/ast-offset-some/expected.tsx | 4 +- .../attributes-foreign-ns/expected.tsx | 2 +- .../samples/await-with-$store/expected.tsx | 8 +- .../samples/binding-group-store/expected.tsx | 4 +- .../circle-drawer-example/expected.tsx | 4 +- .../samples/commented-out-script/expected.tsx | 2 +- .../component-default-slot/expected.tsx | 4 +- .../expected.tsx | 2 +- .../expected.tsx | 4 +- .../expected.tsx | 2 +- .../component-events-interface/expected.tsx | 2 +- .../expected.tsx | 4 +- .../component-events-type/expected.tsx | 2 +- .../component-multiple-slots/expected.tsx | 4 +- .../expected.tsx | 4 +- .../component-slot-$$slot-type/expected.tsx | 4 +- .../expected.tsx | 4 +- .../expected.tsx | 8 +- .../component-slot-inside-await/expected.tsx | 10 +- .../component-slot-inside-each/expected.tsx | 10 +- .../expected.tsx | 8 +- .../component-slot-let-forward/expected.tsx | 8 +- .../component-slot-nest-scope/expected.tsx | 14 +-- .../component-slot-no-space/expected.tsx | 4 +- .../component-slot-object-key/expected.tsx | 10 +- .../component-slot-var-shadowing/expected.tsx | 8 +- .../component-with-documentation/expected.tsx | 2 +- .../expected.tsx | 2 +- .../expected.tsx | 2 +- .../samples/creates-dts/expected.tsx | 96 +++++++++--------- .../expected.tsx | 10 +- .../samples/debug-block/expected.tsx | 6 +- .../samples/editing-mustache/expected.tsx | 2 +- .../event-and-forwarded-event/expected.tsx | 4 +- .../event-bubble-component-multi/expected.tsx | 4 +- .../expected.tsx | 4 +- .../event-bubble-component/expected.tsx | 4 +- .../samples/event-bubble-element/expected.tsx | 4 +- .../event-bubble-svelte-element/expected.tsx | 4 +- .../expected.tsx | 4 +- .../event-dispatcher-events/expected.tsx | 4 +- .../samples/event-dispatchers/expected.tsx | 4 +- .../samples/export-class/expected.tsx | 2 +- .../samples/export-doc/expected.tsx | 2 +- .../export-js-required-props/expected.tsx | 2 +- .../samples/export-list/expected.tsx | 2 +- .../export-references-local/expected.tsx | 2 +- .../export-with-default-multi/expected.tsx | 4 +- .../expected.tsx | 2 +- .../expected.tsx | 2 +- .../samples/import-single-quote/expected.tsx | 2 +- .../svelte2tsx/samples/imports/expected.tsx | 2 +- .../expected.tsx | 2 +- .../expected.tsx | 2 +- .../module-script-and-script/expected.tsx | 2 +- .../module-script-and-script2/expected.tsx | 2 +- .../nested-$-variables-script/expected.tsx | 14 +-- .../nested-$-variables-template/expected.tsx | 10 +- .../object-binding-export/expected.tsx | 2 +- .../expected.tsx | 18 ++-- .../expected.tsx | 4 +- .../samples/reactive-block/expected.tsx | 2 +- .../samples/reactive-break-$/expected.tsx | 2 +- .../reactive-declare-object/expected.tsx | 4 +- .../expected.tsx | 6 +- .../samples/reactive-declare/expected.tsx | 6 +- .../samples/reactive-store-set/expected.tsx | 4 +- .../samples/renamed-exports/expected.tsx | 2 +- .../script-and-module-script/expected.tsx | 2 +- .../expected.tsx | 2 +- .../samples/script-on-bottom/expected.tsx | 2 +- .../script-style-like-component/expected.tsx | 2 +- .../self-closing-component/expected.tsx | 2 +- .../samples/single-element/expected.tsx | 2 +- .../samples/single-export/expected.tsx | 2 +- .../samples/slot-bind-this/expected.tsx | 6 +- .../samples/store-destructuring/expected.tsx | 18 ++-- .../samples/store-from-module/expected.tsx | 16 +-- .../expected.tsx | 14 +-- .../samples/store-import/expected.tsx | 10 +- .../store-property-access/expected.tsx | 40 ++++---- .../samples/stores-mustache/expected.tsx | 4 +- .../expected.tsx | 2 +- .../samples/style-attribute-bare/expected.tsx | 2 +- .../samples/style-attribute/expected.tsx | 2 +- .../svelte2tsx/samples/style/expected.tsx | 2 +- .../samples/ts-$$Props-interface/expected.tsx | 10 +- .../samples/ts-$$Props-type/expected.tsx | 10 +- .../samples/ts-$$generics-dts/expected.tsx | 96 +++++++++--------- .../samples/ts-$$generics/expected.tsx | 6 +- .../samples/ts-creates-dts/expected.tsx | 96 +++++++++--------- .../ts-event-dispatcher-typed/expected.tsx | 4 +- .../expected.tsx | 6 +- .../samples/ts-event-dispatchers/expected.tsx | 6 +- .../ts-export-arrow-function/expected.tsx | 2 +- .../samples/ts-export-boolean/expected.tsx | 12 +-- .../samples/ts-export-const/expected.tsx | 2 +- .../ts-export-doc-typedef/expected.tsx | 2 +- .../samples/ts-export-doc/expected.tsx | 2 +- .../ts-export-has-initializer/expected.tsx | 2 +- .../samples/ts-export-has-type/expected.tsx | 4 +- .../samples/ts-export-interface/expected.tsx | 2 +- .../samples/ts-export-list/expected.tsx | 8 +- .../ts-export-required-props/expected.tsx | 4 +- .../samples/ts-multiple-export/expected.tsx | 2 +- .../samples/ts-style-and-script/expected.tsx | 2 +- .../samples/ts-type-assertion/expected.tsx | 2 +- .../ts-typed-export-with-default/expected.tsx | 4 +- .../samples/ts-uses-$$props/expected.tsx | 4 +- .../samples/typeof-$store/expected.tsx | 4 +- .../samples/uses-$$props-script/expected.tsx | 4 +- .../samples/uses-$$props/expected.tsx | 4 +- .../uses-$$restProps-script/expected.tsx | 4 +- .../samples/uses-$$restProps/expected.tsx | 4 +- .../samples/uses-$$slots-script/expected.tsx | 6 +- .../samples/uses-$$slots/expected.tsx | 6 +- .../samples/uses-$property/expected.tsx | 2 +- .../uses-$store-in-event-binding/expected.tsx | 6 +- .../expected.tsx | 30 +++--- .../expected.tsx | 4 +- .../expected.tsx | 8 +- .../uses-$store-with-increments/expected.tsx | 4 +- .../samples/uses-$store/expected.tsx | 6 +- .../expected.tsx | 4 +- .../uses-accessors-attr-present/expected.tsx | 4 +- .../expected.tsx | 4 +- .../expected.tsx | 4 +- .../expected.tsx | 4 +- .../expected.tsx | 10 +- .../uses-svelte-components/expected.tsx | 2 +- packages/typescript-plugin/package.json | 2 +- .../typescript-plugin/src/svelte-snapshots.ts | 2 +- 250 files changed, 1145 insertions(+), 1141 deletions(-) diff --git a/docs/internal/overview.md b/docs/internal/overview.md index b9ff47fe2..7013de537 100644 --- a/docs/internal/overview.md +++ b/docs/internal/overview.md @@ -88,7 +88,7 @@ function render() { return { props: { world }, slots: {}, events: {} }; } // -- generate a class -export default class _World_ extends createSvelte2TsxComponent(__sveltets_partial(render)) {} +export default class _World_ extends createSvelte2TsxComponent(__sveltets_1_partial(render)) {} ``` 3. Pass that result to the TypeScript language service diff --git a/packages/language-server/package.json b/packages/language-server/package.json index d6415753e..12a8629ff 100644 --- a/packages/language-server/package.json +++ b/packages/language-server/package.json @@ -58,7 +58,7 @@ "source-map": "^0.7.3", "svelte": "~3.38.2", "svelte-preprocess": "~4.7.3", - "svelte2tsx": "~0.2.0", + "svelte2tsx": "~0.3.0", "typescript": "*", "vscode-css-languageservice": "5.0.0", "vscode-emmet-helper": "2.1.2", diff --git a/packages/language-server/src/plugins/typescript/DocumentSnapshot.ts b/packages/language-server/src/plugins/typescript/DocumentSnapshot.ts index eb9b05b79..2b1e22019 100644 --- a/packages/language-server/src/plugins/typescript/DocumentSnapshot.ts +++ b/packages/language-server/src/plugins/typescript/DocumentSnapshot.ts @@ -1,5 +1,5 @@ import { RawSourceMap, SourceMapConsumer } from 'source-map'; -import svelte2tsx, { IExportedNames } from 'svelte2tsx'; +import { svelte2tsx, IExportedNames } from 'svelte2tsx'; import ts from 'typescript'; import { Position, Range, TextDocumentContentChangeEvent } from 'vscode-languageserver'; import { diff --git a/packages/language-server/src/plugins/typescript/features/HoverProvider.ts b/packages/language-server/src/plugins/typescript/features/HoverProvider.ts index c8185b779..cae5834a9 100644 --- a/packages/language-server/src/plugins/typescript/features/HoverProvider.ts +++ b/packages/language-server/src/plugins/typescript/features/HoverProvider.ts @@ -31,7 +31,7 @@ export class HoverProviderImpl implements HoverProvider { // show docs of $store instead of store if necessary const is$store = fragment.text .substring(0, info.textSpan.start) - .endsWith('(__sveltets_store_get('); + .endsWith('(__sveltets_1_store_get('); if (is$store) { const infoFor$store = lang.getQuickInfoAtPosition( tsDoc.filePath, diff --git a/packages/language-server/src/plugins/typescript/features/RenameProvider.ts b/packages/language-server/src/plugins/typescript/features/RenameProvider.ts index 0808183a4..83ada1bae 100644 --- a/packages/language-server/src/plugins/typescript/features/RenameProvider.ts +++ b/packages/language-server/src/plugins/typescript/features/RenameProvider.ts @@ -317,13 +317,13 @@ export class RenameProviderImpl implements RenameProvider { const content = snapshot.getText(0, snapshot.getLength()); // When the user renames a Svelte component, ts will also want to rename - // `__sveltets_instanceOf(TheComponentToRename)` or - // `__sveltets_ensureType(TheComponentToRename,..`. Prevent that. + // `__sveltets_1_instanceOf(TheComponentToRename)` or + // `__sveltets_1_ensureType(TheComponentToRename,..`. Prevent that. // Additionally, we cannot rename the hidden variable containing the store value return ( - notPrecededBy('__sveltets_instanceOf(') && - notPrecededBy('__sveltets_ensureType(') && - notPrecededBy('= __sveltets_store_get(') + notPrecededBy('__sveltets_1_instanceOf(') && + notPrecededBy('__sveltets_1_ensureType(') && + notPrecededBy('= __sveltets_1_store_get(') ); function notPrecededBy(str: string) { diff --git a/packages/svelte2tsx/README.md b/packages/svelte2tsx/README.md index 40c9b0049..7ad62dee0 100644 --- a/packages/svelte2tsx/README.md +++ b/packages/svelte2tsx/README.md @@ -37,8 +37,8 @@ function render() { return { props: { world }, slots: {}, events: {} }; } -export default class _World_ extends createSvelte2TsxComponent( - __sveltets_partial(__sveltets_with_any_event(render)) +export default class _World_ extends __sveltets_1_createSvelte2TsxComponent( + __sveltets_1_partial(__sveltets_1_with_any_event(render)) ) {} ``` diff --git a/packages/svelte2tsx/index.d.ts b/packages/svelte2tsx/index.d.ts index 5c895dca9..5a7b7adf1 100644 --- a/packages/svelte2tsx/index.d.ts +++ b/packages/svelte2tsx/index.d.ts @@ -13,7 +13,7 @@ export interface ComponentEvents { getAll(): { name: string; type: string; doc?: string }[]; } -export default function svelte2tsx( +export function svelte2tsx( svelte: string, options?: { /** diff --git a/packages/svelte2tsx/package.json b/packages/svelte2tsx/package.json index fac08011e..df6f60446 100644 --- a/packages/svelte2tsx/package.json +++ b/packages/svelte2tsx/package.json @@ -1,6 +1,6 @@ { "name": "svelte2tsx", - "version": "0.2.0", + "version": "0.3.0", "description": "Convert Svelte components to TSX for type checking", "author": "David Pershouse", "license": "MIT", diff --git a/packages/svelte2tsx/repl/debug.ts b/packages/svelte2tsx/repl/debug.ts index 724f0413e..a85e32714 100644 --- a/packages/svelte2tsx/repl/debug.ts +++ b/packages/svelte2tsx/repl/debug.ts @@ -1,5 +1,5 @@ import fs from 'fs'; -import svelte2tsx from '../src'; +import { svelte2tsx } from '../src'; const content = fs.readFileSync(`${__dirname}/index.svelte`, 'utf-8'); svelte2tsx(content); /** diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/action-directive.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/action-directive.ts index 2081d5191..60fad5872 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/action-directive.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/action-directive.ts @@ -3,7 +3,7 @@ import { isQuote } from '../utils/node-utils'; import { BaseDirective, BaseNode } from '../../interfaces'; /** - * use:xxx={params} ---> {...__sveltets_ensureAction(xxx(__sveltets_mapElementTag('ParentNodeName'),(params)))} + * use:xxx={params} ---> {...__sveltets_1_ensureAction(xxx(__sveltets_1_mapElementTag('ParentNodeName'),(params)))} */ export function handleActionDirective( htmlx: string, @@ -11,17 +11,17 @@ export function handleActionDirective( attr: BaseDirective, parent: BaseNode ): void { - str.overwrite(attr.start, attr.start + 'use:'.length, '{...__sveltets_ensureAction('); + str.overwrite(attr.start, attr.start + 'use:'.length, '{...__sveltets_1_ensureAction('); if (!attr.expression) { - str.appendLeft(attr.end, `(__sveltets_mapElementTag('${parent.name}')))}`); + str.appendLeft(attr.end, `(__sveltets_1_mapElementTag('${parent.name}')))}`); return; } str.overwrite( attr.start + `use:${attr.name}`.length, attr.expression.start, - `(__sveltets_mapElementTag('${parent.name}'),(` + `(__sveltets_1_mapElementTag('${parent.name}'),(` ); str.appendLeft(attr.expression.end, ')))'); const lastChar = htmlx[attr.end - 1]; diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/animation-directive.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/animation-directive.ts index 882ede55c..68296b4a3 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/animation-directive.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/animation-directive.ts @@ -3,7 +3,7 @@ import { isQuote } from '../utils/node-utils'; import { BaseDirective, BaseNode } from '../../interfaces'; /** - * animate:xxx(yyy) ---> {...__sveltets_ensureAnimation(xxx(__sveltets_mapElementTag('..'),__sveltets_AnimationMove,(yyy)))} + * animate:xxx(yyy) ---> {...__sveltets_1_ensureAnimation(xxx(__sveltets_1_mapElementTag('..'),__sveltets_1_AnimationMove,(yyy)))} */ export function handleAnimateDirective( htmlx: string, @@ -14,19 +14,19 @@ export function handleAnimateDirective( str.overwrite( attr.start, htmlx.indexOf(':', attr.start) + 1, - '{...__sveltets_ensureAnimation(' + '{...__sveltets_1_ensureAnimation(' ); - const nodeType = `__sveltets_mapElementTag('${parent.name}')`; + const nodeType = `__sveltets_1_mapElementTag('${parent.name}')`; if (!attr.expression) { - str.appendLeft(attr.end, `(${nodeType},__sveltets_AnimationMove,{}))}`); + str.appendLeft(attr.end, `(${nodeType},__sveltets_1_AnimationMove,{}))}`); return; } str.overwrite( htmlx.indexOf(':', attr.start) + 1 + `${attr.name}`.length, attr.expression.start, - `(${nodeType},__sveltets_AnimationMove,(` + `(${nodeType},__sveltets_1_AnimationMove,(` ); str.appendLeft(attr.expression.end, ')))'); if (isQuote(htmlx[attr.end - 1])) { diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/attribute.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/attribute.ts index c20995990..63c968a72 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/attribute.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/attribute.ts @@ -89,7 +89,7 @@ export function handleAttribute( // Custom CSS property if (parent.type === 'InlineComponent' && attr.name.startsWith('--') && attr.value !== true) { - str.prependRight(attr.start, '{...__sveltets_cssProp({"'); + str.prependRight(attr.start, '{...__sveltets_1_cssProp({"'); buildTemplateString(attr, str, htmlx, '": `', '`})}'); return; } diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/await.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/await.ts index 2d65b6320..3d9f45aaf 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/await.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/await.ts @@ -57,7 +57,7 @@ export function handleAwaitPending( return; } // no need to prepend ifcondition here as we know the then block is empty - str.appendLeft(pendingEnd, '__sveltets_awaitThen(_$$p, () => {<>'); + str.appendLeft(pendingEnd, '__sveltets_1_awaitThen(_$$p, () => {<>'); } export function handleAwaitThen( @@ -71,7 +71,7 @@ export function handleAwaitThen( } // then value } | {:then value} | {await ..} .. {/await} -> - // __sveltets_awaitThen(_$$p, (value) => {(possibleIfCondition && )<> + // __sveltets_1_awaitThen(_$$p, (value) => {(possibleIfCondition && )<> let thenStart: number; let thenEnd: number; // then value } | {:then value} @@ -93,10 +93,10 @@ export function handleAwaitThen( } if (awaitBlock.value) { - str.overwrite(thenStart, awaitBlock.value.start, '__sveltets_awaitThen(_$$p, ('); + str.overwrite(thenStart, awaitBlock.value.start, '__sveltets_1_awaitThen(_$$p, ('); str.overwrite(awaitBlock.value.end, thenEnd, `) => {${ifScope.addPossibleIfCondition()}<>`); } else { - const awaitThenFn = `__sveltets_awaitThen(_$$p, () => {${ifScope.addPossibleIfCondition()}<>`; // eslint-disable-line + const awaitThenFn = `__sveltets_1_awaitThen(_$$p, () => {${ifScope.addPossibleIfCondition()}<>`; // eslint-disable-line if (thenStart === thenEnd) { str.appendLeft(thenStart, awaitThenFn); } else { diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/binding.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/binding.ts index 70570be17..a04394292 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/binding.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/binding.ts @@ -25,7 +25,7 @@ export function handleBinding( //bind group on input if (attr.name == 'group' && el.name == 'input') { str.remove(attr.start, attr.expression.start); - str.appendLeft(attr.expression.start, '{...__sveltets_empty('); + str.appendLeft(attr.expression.start, '{...__sveltets_1_empty('); const endBrackets = ')}'; if (isShortHandAttribute(attr)) { @@ -49,7 +49,7 @@ export function handleBinding( if (thisType) { str.remove(attr.start, attr.expression.start); - str.appendLeft(attr.expression.start, `{...__sveltets_ensureType(${thisType}, `); + str.appendLeft(attr.expression.start, `{...__sveltets_1_ensureType(${thisType}, `); str.overwrite(attr.expression.end, attr.end, ')}'); return; } @@ -58,19 +58,19 @@ export function handleBinding( //one way binding if (oneWayBindingAttributes.has(attr.name) && el.type === 'Element') { str.remove(attr.start, attr.expression.start); - str.appendLeft(attr.expression.start, '{...__sveltets_empty('); + str.appendLeft(attr.expression.start, '{...__sveltets_1_empty('); if (isShortHandAttribute(attr)) { // eslint-disable-next-line max-len str.appendLeft( attr.end, - `=__sveltets_instanceOf(${oneWayBindingAttributes.get(attr.name)}).${attr.name})}` + `=__sveltets_1_instanceOf(${oneWayBindingAttributes.get(attr.name)}).${attr.name})}` ); } else { // eslint-disable-next-line max-len str.overwrite( attr.expression.end, attr.end, - `=__sveltets_instanceOf(${oneWayBindingAttributes.get(attr.name)}).${attr.name})}` + `=__sveltets_1_instanceOf(${oneWayBindingAttributes.get(attr.name)}).${attr.name})}` ); } return; diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/class-directive.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/class-directive.ts index 28edc264a..bdd4d2fda 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/class-directive.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/class-directive.ts @@ -2,10 +2,10 @@ import MagicString from 'magic-string'; import { BaseDirective } from '../../interfaces'; /** - * class:xx={yyy} ---> {...__sveltets_ensureType(Boolean, !!(yyy))} + * class:xx={yyy} ---> {...__sveltets_1_ensureType(Boolean, !!(yyy))} */ export function handleClassDirective(str: MagicString, attr: BaseDirective): void { - str.overwrite(attr.start, attr.expression.start, '{...__sveltets_ensureType(Boolean, !!('); + str.overwrite(attr.start, attr.expression.start, '{...__sveltets_1_ensureType(Boolean, !!('); const endBrackets = '))}'; if (attr.end !== attr.expression.end) { str.overwrite(attr.expression.end, attr.end, endBrackets); diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/each.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/each.ts index 4293353bf..fd1ba9f82 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/each.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/each.ts @@ -12,10 +12,10 @@ export function handleEach( ifScope: IfScope ): void { // {#each items as item,i (key)} -> - // {__sveltets_each(items, (item,i) => (key) && (possible if expression &&) <> + // {__sveltets_1_each(items, (item,i) => (key) && (possible if expression &&) <> const constRedeclares = ifScope.getConstDeclaration(); const prefix = constRedeclares ? `{() => {${constRedeclares}() => ` : ''; - str.overwrite(eachBlock.start, eachBlock.expression.start, `${prefix}{__sveltets_each(`); + str.overwrite(eachBlock.start, eachBlock.expression.start, `${prefix}{__sveltets_1_each(`); str.overwrite(eachBlock.expression.end, eachBlock.context.start, ', ('); // {#each true, items as item} diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/event-handler.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/event-handler.ts index c1c639ed9..84454a666 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/event-handler.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/event-handler.ts @@ -5,7 +5,7 @@ import { BaseDirective, BaseNode } from '../../interfaces'; /** * Transform on:xxx={yyy} * - For DOM elements: ---> onxxx={yyy} - * - For Svelte components/special elements: ---> {__sveltets_instanceOf(..ComponentType..).$on("xxx", yyy)} + * - For Svelte components/special elements: ---> {__sveltets_1_instanceOf(..ComponentType..).$on("xxx", yyy)} */ export function handleEventHandler( htmlx: string, @@ -35,7 +35,7 @@ export function handleEventHandler( } else { if (attr.expression) { const on = 'on'; - //for handler assignment, we change it to call to our __sveltets_ensureFunction + //for handler assignment, we change it to call to our __sveltets_1_ensureFunction str.appendRight(attr.start, `{${getInstanceType(parent, str.original)}.$`); const eventNameIndex = htmlx.indexOf(':', attr.start) + 1; str.overwrite(htmlx.indexOf(on, attr.start) + on.length, eventNameIndex, "('"); diff --git a/packages/svelte2tsx/src/htmlxtojsx/nodes/transition-directive.ts b/packages/svelte2tsx/src/htmlxtojsx/nodes/transition-directive.ts index 3ca29e3b7..50eaaa594 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/nodes/transition-directive.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/nodes/transition-directive.ts @@ -3,7 +3,7 @@ import { isQuote } from '../utils/node-utils'; import { BaseDirective, BaseNode } from '../../interfaces'; /** - * transition:xxx(yyy) ---> {...__sveltets_ensureTransition(xxx(__sveltets_mapElementTag('..'),(yyy)))} + * transition:xxx(yyy) ---> {...__sveltets_1_ensureTransition(xxx(__sveltets_1_mapElementTag('..'),(yyy)))} */ export function handleTransitionDirective( htmlx: string, @@ -14,7 +14,7 @@ export function handleTransitionDirective( str.overwrite( attr.start, htmlx.indexOf(':', attr.start) + 1, - '{...__sveltets_ensureTransition(' + '{...__sveltets_1_ensureTransition(' ); if (attr.modifiers.length) { @@ -22,7 +22,7 @@ export function handleTransitionDirective( str.remove(local, attr.expression ? attr.expression.start : attr.end); } - const nodeType = `__sveltets_mapElementTag('${parent.name}')`; + const nodeType = `__sveltets_1_mapElementTag('${parent.name}')`; if (!attr.expression) { str.appendLeft(attr.end, `(${nodeType},{}))}`); diff --git a/packages/svelte2tsx/src/htmlxtojsx/utils/node-utils.ts b/packages/svelte2tsx/src/htmlxtojsx/utils/node-utils.ts index 73c29c392..6166bd958 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/utils/node-utils.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/utils/node-utils.ts @@ -4,7 +4,7 @@ import { surroundWithIgnoreComments } from '../../utils/ignore'; export function getTypeForComponent(node: Node): string { if (node.name === 'svelte:component' || node.name === 'svelte:self') { - return '__sveltets_componentType()'; + return '__sveltets_1_componentType()'; } else { return node.name; } @@ -16,7 +16,7 @@ export function getInstanceType( replacedPropValues: PropsShadowedByLet[] = [] ): string { if (node.name === 'svelte:component' || node.name === 'svelte:self') { - return '__sveltets_instanceOf(__sveltets_componentType())'; + return '__sveltets_1_instanceOf(__sveltets_1_componentType())'; } const propsStr = getNameValuePairsFromAttributes(node, originalStr) @@ -28,7 +28,7 @@ export function getInstanceType( }) .join(', '); return surroundWithIgnoreComments( - `new ${node.name}({target: __sveltets_any(''), props: {${propsStr}}})` + `new ${node.name}({target: __sveltets_1_any(''), props: {${propsStr}}})` ); } @@ -54,7 +54,7 @@ export function getInstanceTypeForDefaultSlot( ): { str: string; shadowedProps: PropsShadowedByLet[] } { if (node.name === 'svelte:component' || node.name === 'svelte:self') { return { - str: '__sveltets_instanceOf(__sveltets_componentType())', + str: '__sveltets_1_instanceOf(__sveltets_1_componentType())', shadowedProps: [] }; } @@ -77,7 +77,7 @@ export function getInstanceTypeForDefaultSlot( }) .join(', '); const str = surroundWithIgnoreComments( - `new ${node.name}({target: __sveltets_any(''), props: {${propsStr}}})` + `new ${node.name}({target: __sveltets_1_any(''), props: {${propsStr}}})` ); return { str, shadowedProps }; } @@ -157,7 +157,7 @@ export function getThisType(node: Node): string | undefined { case 'InlineComponent': return getTypeForComponent(node); case 'Element': - return `__sveltets_ctorOf(__sveltets_mapElementTag('${node.name}'))`; + return `__sveltets_1_ctorOf(__sveltets_1_mapElementTag('${node.name}'))`; case 'Body': return 'HTMLBodyElement'; case 'Slot': // Web Components only diff --git a/packages/svelte2tsx/src/index.ts b/packages/svelte2tsx/src/index.ts index f147cbabb..1c32f786b 100644 --- a/packages/svelte2tsx/src/index.ts +++ b/packages/svelte2tsx/src/index.ts @@ -1 +1 @@ -export { svelte2tsx as default } from './svelte2tsx'; +export { svelte2tsx } from './svelte2tsx'; diff --git a/packages/svelte2tsx/src/svelte2tsx/addComponentExport.ts b/packages/svelte2tsx/src/svelte2tsx/addComponentExport.ts index 663283051..1f9a1253d 100644 --- a/packages/svelte2tsx/src/svelte2tsx/addComponentExport.ts +++ b/packages/svelte2tsx/src/svelte2tsx/addComponentExport.ts @@ -141,7 +141,7 @@ function addSimpleComponentExport({ statement = `\n\n${doc}export default class${ className ? ` ${className}` : '' - } extends createSvelte2TsxComponent(${propDef}) {` + + } extends __sveltets_1_createSvelte2TsxComponent(${propDef}) {` + exportedNames.createClassGetters() + (usesAccessors ? exportedNames.createClassAccessors() : '') + '\n}'; @@ -151,7 +151,7 @@ function addSimpleComponentExport({ } function events(strictEvents: boolean, renderStr: string) { - return strictEvents ? renderStr : `__sveltets_with_any_event(${renderStr})`; + return strictEvents ? renderStr : `__sveltets_1_with_any_event(${renderStr})`; } function props( @@ -161,10 +161,10 @@ function props( renderStr: string ) { if (isTsFile) { - return uses$$propsOr$$restProps ? `__sveltets_with_any(${renderStr})` : renderStr; + return uses$$propsOr$$restProps ? `__sveltets_1_with_any(${renderStr})` : renderStr; } else { const optionalProps = exportedNames.createOptionalPropsArray(); - const partial = `__sveltets_partial${uses$$propsOr$$restProps ? '_with_any' : ''}`; + const partial = `__sveltets_1_partial${uses$$propsOr$$restProps ? '_with_any' : ''}`; return optionalProps.length > 0 ? `${partial}([${optionalProps.join(',')}], ${renderStr})` : `${partial}(${renderStr})`; diff --git a/packages/svelte2tsx/src/svelte2tsx/createRenderFunction.ts b/packages/svelte2tsx/src/svelte2tsx/createRenderFunction.ts index 1e79de7d9..d24cbf995 100644 --- a/packages/svelte2tsx/src/svelte2tsx/createRenderFunction.ts +++ b/packages/svelte2tsx/src/svelte2tsx/createRenderFunction.ts @@ -34,15 +34,15 @@ export function createRenderFunction({ let propsDecl = ''; if (uses$$props) { - propsDecl += ' let $$props = __sveltets_allPropsType();'; + propsDecl += ' let $$props = __sveltets_1_allPropsType();'; } if (uses$$restProps) { - propsDecl += ' let $$restProps = __sveltets_restPropsType();'; + propsDecl += ' let $$restProps = __sveltets_1_restPropsType();'; } if (uses$$slots) { propsDecl += - ' let $$slots = __sveltets_slotsType({' + + ' let $$slots = __sveltets_1_slotsType({' + Array.from(slots.keys()) .map((name) => `'${name}': ''`) .join(', ') + @@ -53,7 +53,7 @@ export function createRenderFunction({ slots.size > 0 && mode !== 'dts' ? '\n' + surroundWithIgnoreComments( - ';const __sveltets_ensureSlot = __sveltets_createEnsureSlot' + + ';const __sveltets_ensureSlot = __sveltets_1_createEnsureSlot' + (uses$$SlotsInterface ? '<$$Slots>' : '') + '();' ) diff --git a/packages/svelte2tsx/src/svelte2tsx/nodes/ComponentEvents.ts b/packages/svelte2tsx/src/svelte2tsx/nodes/ComponentEvents.ts index c56b36134..4e3fe04bf 100644 --- a/packages/svelte2tsx/src/svelte2tsx/nodes/ComponentEvents.ts +++ b/packages/svelte2tsx/src/svelte2tsx/nodes/ComponentEvents.ts @@ -140,7 +140,7 @@ class ComponentEventsFromInterface { if (!dispatcherTyping) { this.str.prependLeft( dispatcherCreationExpr.expression.getEnd() + this.astOffset, - '<__Sveltets_CustomEvents<$$Events>>' + '<__sveltets_1_CustomEvents<$$Events>>' ); } } @@ -290,11 +290,11 @@ class ComponentEventsFromEventsMap { .map( (dispatcher) => dispatcher.typing && - `...__sveltets_toEventTypings<${dispatcher.typing}>()` + `...__sveltets_1_toEventTypings<${dispatcher.typing}>()` ) .filter((str) => !!str), ...this.eventHandler.bubbledEventsAsStrings(), - ...[...this.dispatchedEvents.keys()].map((e) => `'${e}': __sveltets_customEvent`) + ...[...this.dispatchedEvents.keys()].map((e) => `'${e}': __sveltets_1_customEvent`) ].join(', ') + '}' ); diff --git a/packages/svelte2tsx/src/svelte2tsx/nodes/ExportedNames.ts b/packages/svelte2tsx/src/svelte2tsx/nodes/ExportedNames.ts index 3f7190de0..122e067b3 100644 --- a/packages/svelte2tsx/src/svelte2tsx/nodes/ExportedNames.ts +++ b/packages/svelte2tsx/src/svelte2tsx/nodes/ExportedNames.ts @@ -94,7 +94,7 @@ export class ExportedNames { } /** - * Appends `prop = __sveltets_any(prop)` to given declaration in order to + * Appends `prop = __sveltets_1_any(prop)` to given declaration in order to * trick TS into widening the type. Else for example `let foo: string | undefined = undefined` * is narrowed to `undefined` by TS. */ @@ -124,7 +124,7 @@ export class ExportedNames { const name = identifier.getText(); const end = declaration.end + this.astOffset; - this.str.appendLeft(end, `;${name} = __sveltets_any(${name});`); + this.str.appendLeft(end, `;${name} = __sveltets_1_any(${name});`); }; const findComma = (target: ts.Node) => @@ -317,12 +317,12 @@ export class ExportedNames { // count as optional, but semantically speaking it is still correctly implementing the interface // - The check if $$Props is assignable to exports is necessary to make sure no extraneous props // are defined and that no props are required that should be optional - // __sveltets_ensureRightProps needs to be declared in a way that doesn't affect the type result of props + // __sveltets_1_ensureRightProps needs to be declared in a way that doesn't affect the type result of props return ( - '{...__sveltets_ensureRightProps<{' + + '{...__sveltets_1_ensureRightProps<{' + this.createReturnElementsType(lets).join(',') + - '}>(__sveltets_any("") as $$Props), ' + - '...__sveltets_ensureRightProps>({' + + '}>(__sveltets_1_any("") as $$Props), ' + + '...__sveltets_1_ensureRightProps>({' + this.createReturnElements(lets, false).join(',') + '}), ...{} as unknown as $$Props, ...{' + this.createReturnElements(others, false).join(', ') + diff --git a/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitStoreValues.ts b/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitStoreValues.ts index cd6d0d36f..8931e7325 100644 --- a/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitStoreValues.ts +++ b/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitStoreValues.ts @@ -7,7 +7,7 @@ import { extractIdentifiers, getNamesFromLabeledStatement } from '../utils/tsAst * Tracks all store-usages as well as all variable declarations and imports in the component. * * In the modification-step at the end, all variable declartaions and imports which - * were used as stores are appended with `let $xx = __sveltets_store_get(xx)` to create the store variables. + * were used as stores are appended with `let $xx = __sveltets_1_store_get(xx)` to create the store variables. */ export class ImplicitStoreValues { private accessedStores = new Set(); @@ -26,7 +26,7 @@ export class ImplicitStoreValues { /** * All variable declartaions and imports which - * were used as stores are appended with `let $xx = __sveltets_store_get(xx)` to create the store variables. + * were used as stores are appended with `let $xx = __sveltets_1_store_get(xx)` to create the store variables. */ public modifyCode(astOffset: number, str: MagicString) { this.variableDeclarations.forEach((node) => @@ -111,6 +111,6 @@ export class ImplicitStoreValues { } private createStoreDeclaration(storeName: string): string { - return `;let $${storeName} = __sveltets_store_get(${storeName});`; + return `;let $${storeName} = __sveltets_1_store_get(${storeName});`; } } diff --git a/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitTopLevelNames.ts b/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitTopLevelNames.ts index 71596cfaf..1771100de 100644 --- a/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitTopLevelNames.ts +++ b/packages/svelte2tsx/src/svelte2tsx/nodes/ImplicitTopLevelNames.ts @@ -44,7 +44,7 @@ export class ImplicitTopLevelNames { this.str.appendRight(end, ')'); } - this.str.prependLeft(start, '__sveltets_invalidate(() => '); + this.str.prependLeft(start, '__sveltets_1_invalidate(() => '); preprendStr(this.str, end, ')'); // Not adding ';' at the end because right now this function is only invoked // in situations where there is a line break of ; guaranteed to be present (else the code is invalid) diff --git a/packages/svelte2tsx/src/svelte2tsx/nodes/Stores.ts b/packages/svelte2tsx/src/svelte2tsx/nodes/Stores.ts index 4ee4396fa..06faee332 100644 --- a/packages/svelte2tsx/src/svelte2tsx/nodes/Stores.ts +++ b/packages/svelte2tsx/src/svelte2tsx/nodes/Stores.ts @@ -55,11 +55,11 @@ export function handleStore(node: Node, parent: Node, str: MagicString): void { return; } - // we change "$store" references into "(__sveltets_store_get(store), $store)" + // we change "$store" references into "(__sveltets_1_store_get(store), $store)" // - in order to get ts errors if store is not assignable to SvelteStore // - use $store variable defined above to get ts flow control const dollar = str.original.indexOf('$', node.start); - str.overwrite(dollar, dollar + 1, '(__sveltets_store_get(', { contentOnly: true }); + str.overwrite(dollar, dollar + 1, '(__sveltets_1_store_get(', { contentOnly: true }); str.prependLeft(node.end, `), $${storename})`); } diff --git a/packages/svelte2tsx/src/svelte2tsx/nodes/event-handler.ts b/packages/svelte2tsx/src/svelte2tsx/nodes/event-handler.ts index e0e776baa..05b04e17e 100644 --- a/packages/svelte2tsx/src/svelte2tsx/nodes/event-handler.ts +++ b/packages/svelte2tsx/src/svelte2tsx/nodes/event-handler.ts @@ -51,8 +51,8 @@ export class EventHandler { } private handleEventHandlerBubble(parent: Node, eventName: string): void { - const componentEventDef = `__sveltets_instanceOf(${parent.name})`; - const exp = `__sveltets_bubbleEventDef(${componentEventDef}.$$events_def, '${eventName}')`; + const componentEventDef = `__sveltets_1_instanceOf(${parent.name})`; + const exp = `__sveltets_1_bubbleEventDef(${componentEventDef}.$$events_def, '${eventName}')`; const exist = this.bubbledEvents.get(eventName); this.bubbledEvents.set(eventName, exist ? [].concat(exist, exp) : exp); } @@ -61,11 +61,11 @@ export class EventHandler { function getEventDefExpressionForNonCompoent(eventName: string, ele: Node) { switch (ele.type) { case 'Element': - return `__sveltets_mapElementEvent('${eventName}')`; + return `__sveltets_1_mapElementEvent('${eventName}')`; case 'Body': - return `__sveltets_mapBodyEvent('${eventName}')`; + return `__sveltets_1_mapBodyEvent('${eventName}')`; case 'Window': - return `__sveltets_mapWindowEvent('${eventName}')`; + return `__sveltets_1_mapWindowEvent('${eventName}')`; default: break; } @@ -73,6 +73,6 @@ function getEventDefExpressionForNonCompoent(eventName: string, ele: Node) { function eventMapEntryToString([eventName, expression]: [string, string | string[]]) { return `'${eventName}':${ - Array.isArray(expression) ? `__sveltets_unionType(${expression.join(',')})` : expression + Array.isArray(expression) ? `__sveltets_1_unionType(${expression.join(',')})` : expression }`; } diff --git a/packages/svelte2tsx/src/svelte2tsx/nodes/slot.ts b/packages/svelte2tsx/src/svelte2tsx/nodes/slot.ts index ea4b3a217..fc154259f 100644 --- a/packages/svelte2tsx/src/svelte2tsx/nodes/slot.ts +++ b/packages/svelte2tsx/src/svelte2tsx/nodes/slot.ts @@ -69,7 +69,7 @@ export class SlotHandler { const owner = scope.getOwner(name); if (owner?.type === 'CatchBlock') { - return '__sveltets_any({})'; + return '__sveltets_1_any({})'; } // list.map(list => list.someProperty) @@ -77,11 +77,11 @@ export class SlotHandler { else if (owner?.type === 'ThenBlock') { const resolvedExpression = this.resolveExpression(initExpression, scope.parent); - return `__sveltets_unwrapPromiseLike(${resolvedExpression})`; + return `__sveltets_1_unwrapPromiseLike(${resolvedExpression})`; } else if (owner?.type === 'EachBlock') { const resolvedExpression = this.resolveExpression(initExpression, scope.parent); - return `__sveltets_unwrapArr(${resolvedExpression})`; + return `__sveltets_1_unwrapArr(${resolvedExpression})`; } return null; } @@ -272,5 +272,5 @@ function getSingleSlotDef(componentNode: Node, slotName: string) { // in htmlx2jsx, we cannot know for sure that all properties we would generate the component with exist // in this scope, some could have been generated through each/await blocks or other lets. const componentType = getTypeForComponent(componentNode); - return `__sveltets_instanceOf(${componentType}).$$slot_def['${slotName}']`; + return `__sveltets_1_instanceOf(${componentType}).$$slot_def['${slotName}']`; } diff --git a/packages/svelte2tsx/src/svelte2tsx/processInstanceScriptContent.ts b/packages/svelte2tsx/src/svelte2tsx/processInstanceScriptContent.ts index 8ef083180..7d65deed6 100644 --- a/packages/svelte2tsx/src/svelte2tsx/processInstanceScriptContent.ts +++ b/packages/svelte2tsx/src/svelte2tsx/processInstanceScriptContent.ts @@ -159,12 +159,12 @@ export function processInstanceScriptContent( } } - // we change "$store" references into "(__sveltets_store_get(store), $store)" + // we change "$store" references into "(__sveltets_1_store_get(store), $store)" // - in order to get ts errors if store is not assignable to SvelteStore // - use $store variable defined above to get ts flow control const dollar = str.original.indexOf('$', ident.getStart() + astOffset); const getPrefix = isFirstInAnExpressionStatement(ident) ? ';' : ''; - str.overwrite(dollar, dollar + 1, getPrefix + '(__sveltets_store_get('); + str.overwrite(dollar, dollar + 1, getPrefix + '(__sveltets_1_store_get('); str.prependLeft(ident.end + astOffset, `), $${storename})`); }; diff --git a/packages/svelte2tsx/src/svelte2tsx/svelteShims.ts b/packages/svelte2tsx/src/svelte2tsx/svelteShims.ts index 467006f93..1557ed416 100644 --- a/packages/svelte2tsx/src/svelte2tsx/svelteShims.ts +++ b/packages/svelte2tsx/src/svelte2tsx/svelteShims.ts @@ -101,109 +101,109 @@ type SvelteStore = { subscribe: (run: (value: T) => any, invalidate?: any) => type Expand = T extends infer O ? { [K in keyof O]: O[K] } : never; type KeysMatching = {[K in keyof Obj]-?: Obj[K] extends V ? K : never}[keyof Obj] -declare type __Sveltets_CustomEvents = {[K in KeysMatching]: T[K] extends CustomEvent ? T[K]['detail']: T[K]} +declare type __sveltets_1_CustomEvents = {[K in KeysMatching]: T[K] extends CustomEvent ? T[K]['detail']: T[K]} declare var process: NodeJS.Process & { browser: boolean } -declare var __sveltets_AnimationMove: { from: DOMRect, to: DOMRect } - -declare function __sveltets_ensureAnimation(animationCall: SvelteAnimationReturnType): {}; -declare function __sveltets_ensureAction(actionCall: SvelteActionReturnType): {}; -declare function __sveltets_ensureTransition(transitionCall: SvelteTransitionReturnType): {}; -declare function __sveltets_ensureFunction(expression: (e: Event & { detail?: any }) => unknown ): {}; -declare function __sveltets_ensureType(type: AConstructorTypeOf, el: T): {}; -declare function __sveltets_createEnsureSlot>>(): (k1: K1, k2: K2, val: Slots[K1][K2]) => Slots[K1][K2]; -declare function __sveltets_ensureRightProps(props: Props): {}; -declare function __sveltets_cssProp(prop: Record): {}; -declare function __sveltets_ctorOf(type: T): AConstructorTypeOf; -declare function __sveltets_instanceOf(type: AConstructorTypeOf): T; -declare function __sveltets_allPropsType(): SvelteAllProps -declare function __sveltets_restPropsType(): SvelteRestProps -declare function __sveltets_slotsType(slots: Slots): Record; +declare var __sveltets_1_AnimationMove: { from: DOMRect, to: DOMRect } + +declare function __sveltets_1_ensureAnimation(animationCall: SvelteAnimationReturnType): {}; +declare function __sveltets_1_ensureAction(actionCall: SvelteActionReturnType): {}; +declare function __sveltets_1_ensureTransition(transitionCall: SvelteTransitionReturnType): {}; +declare function __sveltets_1_ensureFunction(expression: (e: Event & { detail?: any }) => unknown ): {}; +declare function __sveltets_1_ensureType(type: AConstructorTypeOf, el: T): {}; +declare function __sveltets_1_createEnsureSlot>>(): (k1: K1, k2: K2, val: Slots[K1][K2]) => Slots[K1][K2]; +declare function __sveltets_1_ensureRightProps(props: Props): {}; +declare function __sveltets_1_cssProp(prop: Record): {}; +declare function __sveltets_1_ctorOf(type: T): AConstructorTypeOf; +declare function __sveltets_1_instanceOf(type: AConstructorTypeOf): T; +declare function __sveltets_1_allPropsType(): SvelteAllProps +declare function __sveltets_1_restPropsType(): SvelteRestProps +declare function __sveltets_1_slotsType(slots: Slots): Record; // Overload of the following two functions is necessary. // An empty array of optionalProps makes OptionalProps type any, which means we lose the prop typing. // optionalProps need to be first or its type cannot be infered correctly. -declare function __sveltets_partial( +declare function __sveltets_1_partial( render: {props: Props, events: Events, slots: Slots } ): {props: SveltePropsAnyFallback, events: Events, slots: Slots } -declare function __sveltets_partial( +declare function __sveltets_1_partial( optionalProps: OptionalProps[], render: {props: Props, events: Events, slots: Slots } ): {props: Expand, OptionalProps>>, events: Events, slots: Slots } -declare function __sveltets_partial_with_any( +declare function __sveltets_1_partial_with_any( render: {props: Props, events: Events, slots: Slots } ): {props: SveltePropsAnyFallback & SvelteAllProps, events: Events, slots: Slots } -declare function __sveltets_partial_with_any( +declare function __sveltets_1_partial_with_any( optionalProps: OptionalProps[], render: {props: Props, events: Events, slots: Slots } ): {props: Expand, OptionalProps>> & SvelteAllProps, events: Events, slots: Slots } -declare function __sveltets_with_any( +declare function __sveltets_1_with_any( render: {props: Props, events: Events, slots: Slots } ): {props: Props & SvelteAllProps, events: Events, slots: Slots } -declare function __sveltets_with_any_event( +declare function __sveltets_1_with_any_event( render: {props: Props, events: Events, slots: Slots } ): {props: Props, events: Events & {[evt: string]: CustomEvent;}, slots: Slots } -declare function __sveltets_store_get(store: SvelteStore): T -declare function __sveltets_any(dummy: any): any; -declare function __sveltets_empty(dummy: any): {}; -declare function __sveltets_componentType(): AConstructorTypeOf> -declare function __sveltets_invalidate(getValue: () => T): T +declare function __sveltets_1_store_get(store: SvelteStore): T +declare function __sveltets_1_any(dummy: any): any; +declare function __sveltets_1_empty(dummy: any): {}; +declare function __sveltets_1_componentType(): AConstructorTypeOf> +declare function __sveltets_1_invalidate(getValue: () => T): T -declare function __sveltets_mapWindowEvent( +declare function __sveltets_1_mapWindowEvent( event: K ): HTMLBodyElementEventMap[K]; -declare function __sveltets_mapBodyEvent( +declare function __sveltets_1_mapBodyEvent( event: K ): WindowEventMap[K]; -declare function __sveltets_mapElementEvent( +declare function __sveltets_1_mapElementEvent( event: K ): HTMLElementEventMap[K]; -declare function __sveltets_mapElementTag( +declare function __sveltets_1_mapElementTag( tag: K ): ElementTagNameMap[K]; -declare function __sveltets_mapElementTag( +declare function __sveltets_1_mapElementTag( tag: K ): SVGElementTagNameMap[K]; -declare function __sveltets_mapElementTag( +declare function __sveltets_1_mapElementTag( tag: any ): HTMLElement; -declare function __sveltets_bubbleEventDef( +declare function __sveltets_1_bubbleEventDef( events: Events, eventKey: K ): Events[K]; -declare function __sveltets_bubbleEventDef( +declare function __sveltets_1_bubbleEventDef( events: any, eventKey: string ): any; -declare const __sveltets_customEvent: CustomEvent; -declare function __sveltets_toEventTypings(): {[Key in keyof Typings]: CustomEvent}; +declare const __sveltets_1_customEvent: CustomEvent; +declare function __sveltets_1_toEventTypings(): {[Key in keyof Typings]: CustomEvent}; -declare function __sveltets_unionType(t1: T1, t2: T2): T1 | T2; -declare function __sveltets_unionType(t1: T1, t2: T2, t3: T3): T1 | T2 | T3; -declare function __sveltets_unionType(t1: T1, t2: T2, t3: T3, t4: T4): T1 | T2 | T3 | T4; -declare function __sveltets_unionType(...types: any[]): any; +declare function __sveltets_1_unionType(t1: T1, t2: T2): T1 | T2; +declare function __sveltets_1_unionType(t1: T1, t2: T2, t3: T3): T1 | T2 | T3; +declare function __sveltets_1_unionType(t1: T1, t2: T2, t3: T3, t4: T4): T1 | T2 | T3 | T4; +declare function __sveltets_1_unionType(...types: any[]): any; -declare function __sveltets_awaitThen( +declare function __sveltets_1_awaitThen( promise: T, onfulfilled: (value: T extends PromiseLike ? U : T) => any, onrejected?: (value: T extends PromiseLike ? any : never) => any ): any; -declare function __sveltets_each( +declare function __sveltets_1_each( array: ArrayLike, callbackfn: (value: T, index: number) => any ): any; -declare function createSvelte2TsxComponent( +declare function __sveltets_1_createSvelte2TsxComponent( render: {props: Props, events: Events, slots: Slots } ): SvelteComponentConstructor,Svelte2TsxComponentConstructorParameters>; -declare function __sveltets_unwrapArr(arr: ArrayLike): T -declare function __sveltets_unwrapPromiseLike(promise: PromiseLike | T): T +declare function __sveltets_1_unwrapArr(arr: ArrayLike): T +declare function __sveltets_1_unwrapPromiseLike(promise: PromiseLike | T): T `; diff --git a/packages/svelte2tsx/svelte-shims.d.ts b/packages/svelte2tsx/svelte-shims.d.ts index dfe80d151..3cc64e43e 100644 --- a/packages/svelte2tsx/svelte-shims.d.ts +++ b/packages/svelte2tsx/svelte-shims.d.ts @@ -1,3 +1,8 @@ +// Whenever a ambient declaration changes, its number should be increased +// This way, we avoid the situation where multiple ambient versions of svelte2tsx +// are loaded and their declarations conflict each other +// See https://github.com/sveltejs/language-tools/issues/1059 for an example bug that stems from it + declare module '*.svelte' { export default Svelte2TsxComponent } @@ -102,108 +107,108 @@ type SvelteStore = { subscribe: (run: (value: T) => any, invalidate?: any) => type Expand = T extends infer O ? { [K in keyof O]: O[K] } : never; type KeysMatching = {[K in keyof Obj]-?: Obj[K] extends V ? K : never}[keyof Obj] -declare type __Sveltets_CustomEvents = {[K in KeysMatching]: T[K] extends CustomEvent ? T[K]['detail']: T[K]} +declare type __sveltets_1_CustomEvents = {[K in KeysMatching]: T[K] extends CustomEvent ? T[K]['detail']: T[K]} declare var process: NodeJS.Process & { browser: boolean } -declare var __sveltets_AnimationMove: { from: DOMRect, to: DOMRect } - -declare function __sveltets_ensureAnimation(animationCall: SvelteAnimationReturnType): {}; -declare function __sveltets_ensureAction(actionCall: SvelteActionReturnType): {}; -declare function __sveltets_ensureTransition(transitionCall: SvelteTransitionReturnType): {}; -declare function __sveltets_ensureFunction(expression: (e: Event & { detail?: any }) => unknown ): {}; -declare function __sveltets_ensureType(type: AConstructorTypeOf, el: T): {}; -declare function __sveltets_createEnsureSlot>>(): (k1: K1, k2: K2, val: Slots[K1][K2]) => Slots[K1][K2]; -declare function __sveltets_ensureRightProps(props: Props): {}; -declare function __sveltets_cssProp(prop: Record): {}; -declare function __sveltets_ctorOf(type: T): AConstructorTypeOf; -declare function __sveltets_instanceOf(type: AConstructorTypeOf): T; -declare function __sveltets_allPropsType(): SvelteAllProps -declare function __sveltets_restPropsType(): SvelteRestProps -declare function __sveltets_slotsType(slots: Slots): Record; +declare var __sveltets_1_AnimationMove: { from: DOMRect, to: DOMRect } + +declare function __sveltets_1_ensureAnimation(animationCall: SvelteAnimationReturnType): {}; +declare function __sveltets_1_ensureAction(actionCall: SvelteActionReturnType): {}; +declare function __sveltets_1_ensureTransition(transitionCall: SvelteTransitionReturnType): {}; +declare function __sveltets_1_ensureFunction(expression: (e: Event & { detail?: any }) => unknown ): {}; +declare function __sveltets_1_ensureType(type: AConstructorTypeOf, el: T): {}; +declare function __sveltets_1_createEnsureSlot>>(): (k1: K1, k2: K2, val: Slots[K1][K2]) => Slots[K1][K2]; +declare function __sveltets_1_ensureRightProps(props: Props): {}; +declare function __sveltets_1_cssProp(prop: Record): {}; +declare function __sveltets_1_ctorOf(type: T): AConstructorTypeOf; +declare function __sveltets_1_instanceOf(type: AConstructorTypeOf): T; +declare function __sveltets_1_allPropsType(): SvelteAllProps +declare function __sveltets_1_restPropsType(): SvelteRestProps +declare function __sveltets_1_slotsType(slots: Slots): Record; // Overload of the following two functions is necessary. // An empty array of optionalProps makes OptionalProps type any, which means we lose the prop typing. // optionalProps need to be first or its type cannot be infered correctly. -declare function __sveltets_partial( +declare function __sveltets_1_partial( render: {props: Props, events: Events, slots: Slots } ): {props: SveltePropsAnyFallback, events: Events, slots: Slots } -declare function __sveltets_partial( +declare function __sveltets_1_partial( optionalProps: OptionalProps[], render: {props: Props, events: Events, slots: Slots } ): {props: Expand, OptionalProps>>, events: Events, slots: Slots } -declare function __sveltets_partial_with_any( +declare function __sveltets_1_partial_with_any( render: {props: Props, events: Events, slots: Slots } ): {props: SveltePropsAnyFallback & SvelteAllProps, events: Events, slots: Slots } -declare function __sveltets_partial_with_any( +declare function __sveltets_1_partial_with_any( optionalProps: OptionalProps[], render: {props: Props, events: Events, slots: Slots } ): {props: Expand, OptionalProps>> & SvelteAllProps, events: Events, slots: Slots } -declare function __sveltets_with_any( +declare function __sveltets_1_with_any( render: {props: Props, events: Events, slots: Slots } ): {props: Props & SvelteAllProps, events: Events, slots: Slots } -declare function __sveltets_with_any_event( +declare function __sveltets_1_with_any_event( render: {props: Props, events: Events, slots: Slots } ): {props: Props, events: Events & {[evt: string]: CustomEvent;}, slots: Slots } -declare function __sveltets_store_get(store: SvelteStore): T -declare function __sveltets_any(dummy: any): any; -declare function __sveltets_empty(dummy: any): {}; -declare function __sveltets_componentType(): AConstructorTypeOf> -declare function __sveltets_invalidate(getValue: () => T): T +declare function __sveltets_1_store_get(store: SvelteStore): T +declare function __sveltets_1_any(dummy: any): any; +declare function __sveltets_1_empty(dummy: any): {}; +declare function __sveltets_1_componentType(): AConstructorTypeOf> +declare function __sveltets_1_invalidate(getValue: () => T): T -declare function __sveltets_mapWindowEvent( +declare function __sveltets_1_mapWindowEvent( event: K ): HTMLBodyElementEventMap[K]; -declare function __sveltets_mapBodyEvent( +declare function __sveltets_1_mapBodyEvent( event: K ): WindowEventMap[K]; -declare function __sveltets_mapElementEvent( +declare function __sveltets_1_mapElementEvent( event: K ): HTMLElementEventMap[K]; -declare function __sveltets_mapElementTag( +declare function __sveltets_1_mapElementTag( tag: K ): ElementTagNameMap[K]; -declare function __sveltets_mapElementTag( +declare function __sveltets_1_mapElementTag( tag: K ): SVGElementTagNameMap[K]; -declare function __sveltets_mapElementTag( +declare function __sveltets_1_mapElementTag( tag: any ): HTMLElement; -declare function __sveltets_bubbleEventDef( +declare function __sveltets_1_bubbleEventDef( events: Events, eventKey: K ): Events[K]; -declare function __sveltets_bubbleEventDef( +declare function __sveltets_1_bubbleEventDef( events: any, eventKey: string ): any; -declare const __sveltets_customEvent: CustomEvent; -declare function __sveltets_toEventTypings(): {[Key in keyof Typings]: CustomEvent}; +declare const __sveltets_1_customEvent: CustomEvent; +declare function __sveltets_1_toEventTypings(): {[Key in keyof Typings]: CustomEvent}; -declare function __sveltets_unionType(t1: T1, t2: T2): T1 | T2; -declare function __sveltets_unionType(t1: T1, t2: T2, t3: T3): T1 | T2 | T3; -declare function __sveltets_unionType(t1: T1, t2: T2, t3: T3, t4: T4): T1 | T2 | T3 | T4; -declare function __sveltets_unionType(...types: any[]): any; +declare function __sveltets_1_unionType(t1: T1, t2: T2): T1 | T2; +declare function __sveltets_1_unionType(t1: T1, t2: T2, t3: T3): T1 | T2 | T3; +declare function __sveltets_1_unionType(t1: T1, t2: T2, t3: T3, t4: T4): T1 | T2 | T3 | T4; +declare function __sveltets_1_unionType(...types: any[]): any; -declare function __sveltets_awaitThen( +declare function __sveltets_1_awaitThen( promise: T, onfulfilled: (value: T extends PromiseLike ? U : T) => any, onrejected?: (value: T extends PromiseLike ? any : never) => any ): any; -declare function __sveltets_each( +declare function __sveltets_1_each( array: ArrayLike, callbackfn: (value: T, index: number) => any ): any; -declare function createSvelte2TsxComponent( +declare function __sveltets_1_createSvelte2TsxComponent( render: {props: Props, events: Events, slots: Slots } ): SvelteComponentConstructor,Svelte2TsxComponentConstructorParameters>; -declare function __sveltets_unwrapArr(arr: ArrayLike): T -declare function __sveltets_unwrapPromiseLike(promise: PromiseLike | T): T +declare function __sveltets_1_unwrapArr(arr: ArrayLike): T +declare function __sveltets_1_unwrapPromiseLike(promise: PromiseLike | T): T diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/action-bare/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/action-bare/expected.jsx index ba37fc9be..40e25f16b 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/action-bare/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/action-bare/expected.jsx @@ -1 +1 @@ -<>

Hello

+<>

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/action-nested/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/action-nested/expected.jsx index 4be39f1f8..5f6f46aa8 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/action-nested/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/action-nested/expected.jsx @@ -1,6 +1,6 @@ -<> -
- -

- +<> +
+ +

+
\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/action-params/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/action-params/expected.jsx index a02050ded..84e8ce87f 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/action-params/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/action-params/expected.jsx @@ -1,3 +1,3 @@ -<>

Hello

-

Hello

-

Hello

+<>

Hello

+

Hello

+

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/animation-bare/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/animation-bare/expected.jsx index 224538902..cfcd82655 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/animation-bare/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/animation-bare/expected.jsx @@ -1 +1 @@ -<>

Hello

+<>

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/animation-params/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/animation-params/expected.jsx index 47505c0ad..3605b3969 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/animation-params/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/animation-params/expected.jsx @@ -1,4 +1,3 @@ -<>

Hello

-

Hello

-

Hello

- +<>

Hello

+

Hello

+

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic-catch/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic-catch/expected.jsx index fcc1fb770..2ed8f6224 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic-catch/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic-catch/expected.jsx @@ -1,5 +1,5 @@ -<>{() => {let _$$p = (somePromise); __sveltets_awaitThen(_$$p, (value) => {<> +<>{() => {let _$$p = (somePromise); __sveltets_1_awaitThen(_$$p, (value) => {<>

Promise Resolved

}, () => {<>

Promise Errored

-})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic/expected.jsx index 10fc51664..9a06c73e7 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-basic/expected.jsx @@ -1,9 +1,9 @@ -<>{() => {let _$$p = (somePromise); __sveltets_awaitThen(_$$p, (value) => {<> +<>{() => {let _$$p = (somePromise); __sveltets_1_awaitThen(_$$p, (value) => {<>

Promise Resolved

})}} {() => {let _$$p = (somePromise); <>

Loading...

-; __sveltets_awaitThen(_$$p, () => {<> +; __sveltets_1_awaitThen(_$$p, () => {<>

Promise Resolved

-})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-array/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-array/expected.jsx index 5880240d8..c05acbe23 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-array/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-array/expected.jsx @@ -1,7 +1,7 @@ <>{() => {let _$$p = (thePromise); <> loading -; __sveltets_awaitThen(_$$p, ([ a, b ]) => {<> +; __sveltets_1_awaitThen(_$$p, ([ a, b ]) => {<> then }, ([c, [d, e]]) => {<> catch -})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-default/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-default/expected.jsx index 43c0ff4d5..fbcafbd1c 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-default/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-default/expected.jsx @@ -1,19 +1,19 @@ -<>{() => {let _$$p = (object); __sveltets_awaitThen(_$$p, ({ a = 3, b = 4, c }) => {<> +<>{() => {let _$$p = (object); __sveltets_1_awaitThen(_$$p, ({ a = 3, b = 4, c }) => {<> then })}} -{() => {let _$$p = (array); __sveltets_awaitThen(_$$p, ([a, b, c = 3]) => {<> +{() => {let _$$p = (array); __sveltets_1_awaitThen(_$$p, ([a, b, c = 3]) => {<> then })}} -{() => {let _$$p = (objectReject); __sveltets_awaitThen(_$$p, (value) => {<> +{() => {let _$$p = (objectReject); __sveltets_1_awaitThen(_$$p, (value) => {<> then }, ({ a = 3, b = 4, c }) => {<> catch })}} -{() => {let _$$p = (arrayReject); __sveltets_awaitThen(_$$p, (value) => {<> +{() => {let _$$p = (arrayReject); __sveltets_1_awaitThen(_$$p, (value) => {<> then }, ([a, b, c = 3]) => {<> catch -})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-object/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-object/expected.jsx index fd2ff3247..e6f3b93b5 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-object/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-object/expected.jsx @@ -1,7 +1,7 @@ <>{() => {let _$$p = (thePromise); <> loading -; __sveltets_awaitThen(_$$p, ({ result, error }) => {<> +; __sveltets_1_awaitThen(_$$p, ({ result, error }) => {<> then }, ({ error: { message, code } }) => {<> catch -})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-rest/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-rest/expected.jsx index 128ea8adc..ae5f18a9e 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-rest/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-destruct-rest/expected.jsx @@ -1,19 +1,19 @@ -<>{() => {let _$$p = (object); __sveltets_awaitThen(_$$p, ({ a, ...rest }) => {<> +<>{() => {let _$$p = (object); __sveltets_1_awaitThen(_$$p, ({ a, ...rest }) => {<> then })}} -{() => {let _$$p = (array); __sveltets_awaitThen(_$$p, ([a, b, ...rest]) => {<> +{() => {let _$$p = (array); __sveltets_1_awaitThen(_$$p, ([a, b, ...rest]) => {<> then })}} -{() => {let _$$p = (objectReject); __sveltets_awaitThen(_$$p, (value) => {<> +{() => {let _$$p = (objectReject); __sveltets_1_awaitThen(_$$p, (value) => {<> then }, ({ a, ...rest }) => {<> catch })}} -{() => {let _$$p = (arrayReject); __sveltets_awaitThen(_$$p, (value) => {<> +{() => {let _$$p = (arrayReject); __sveltets_1_awaitThen(_$$p, (value) => {<> then }, ([a, b, ...rest]) => {<> catch -})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-no-then/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-no-then/expected.jsx index e76443234..c4c12a073 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-no-then/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-no-then/expected.jsx @@ -1,9 +1,9 @@ <>{() => {let _$$p = (aPromise); <>
Spinner...
-; __sveltets_awaitThen(_$$p, () => {<>})}} +; __sveltets_1_awaitThen(_$$p, () => {<>})}} {() => {let _$$p = (aPromise); <>
Spinner...
-; __sveltets_awaitThen(_$$p, () => {<>}, (error) => {<> +; __sveltets_1_awaitThen(_$$p, () => {<>}, (error) => {<>
Ups: {error}
})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-parentheses/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-parentheses/expected.jsx index 10fc51664..9a06c73e7 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-parentheses/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-parentheses/expected.jsx @@ -1,9 +1,9 @@ -<>{() => {let _$$p = (somePromise); __sveltets_awaitThen(_$$p, (value) => {<> +<>{() => {let _$$p = (somePromise); __sveltets_1_awaitThen(_$$p, (value) => {<>

Promise Resolved

})}} {() => {let _$$p = (somePromise); <>

Loading...

-; __sveltets_awaitThen(_$$p, () => {<> +; __sveltets_1_awaitThen(_$$p, () => {<>

Promise Resolved

-})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending-catch/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending-catch/expected.jsx index 0f47bbca7..d95b9b49e 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending-catch/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending-catch/expected.jsx @@ -1,7 +1,7 @@ <>{() => {let _$$p = (somePromise); <>

Promise Pending

-; __sveltets_awaitThen(_$$p, (value) => {<> +; __sveltets_1_awaitThen(_$$p, (value) => {<>

Promise Resolved {value}

}, (error) => {<>

Promise Errored {error}

-})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending/expected.jsx index 851104f99..6bb8a529d 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/await-block-pending/expected.jsx @@ -1,5 +1,5 @@ <>{() => {let _$$p = (somePromise); <>

Promise Pending

-; __sveltets_awaitThen(_$$p, (value) => {<> +; __sveltets_1_awaitThen(_$$p, (value) => {<>

Promise Resolved {value}

-})}} +})}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group-bare/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group-bare/expected.jsx index b5339f596..c5c37571b 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group-bare/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group-bare/expected.jsx @@ -1,2 +1,2 @@ -<> - +<> + \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group/expected.jsx index b81be68d5..315436892 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-group/expected.jsx @@ -1 +1 @@ -<> +<> \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-oneway/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-oneway/expected.jsx index 0ee79b3a8..d789ab185 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-oneway/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-oneway/expected.jsx @@ -1,16 +1,16 @@ <>
+ {...__sveltets_1_empty(duration=__sveltets_1_instanceOf(HTMLMediaElement).duration)} + {...__sveltets_1_empty(buffered=__sveltets_1_instanceOf(HTMLMediaElement).buffered)} + {...__sveltets_1_empty(seekable=__sveltets_1_instanceOf(HTMLMediaElement).seekable)} + {...__sveltets_1_empty(seeking=__sveltets_1_instanceOf(HTMLMediaElement).seeking)} + {...__sveltets_1_empty(played=__sveltets_1_instanceOf(HTMLMediaElement).played)} + {...__sveltets_1_empty(ended=__sveltets_1_instanceOf(HTMLMediaElement).ended)} +> \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-component/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-component/expected.jsx index cbe4cb709..73d0b6c56 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-component/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-component/expected.jsx @@ -1 +1 @@ -<> +<> \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-body/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-body/expected.jsx index c0bb85860..8012228d2 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-body/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-body/expected.jsx @@ -1 +1 @@ -<> +<> \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-component/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-component/expected.jsx index c98642434..b0cdeb0e6 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-component/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-component/expected.jsx @@ -1 +1 @@ -<> +<> \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-self/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-self/expected.jsx index 13077f8aa..55138d9cb 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-self/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this-svelte-self/expected.jsx @@ -1,3 +1,3 @@ <>{(false) ? <> - - : <>} + + : <>} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this/expected.jsx index da0fb960b..f946b33a6 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/binding-this/expected.jsx @@ -1 +1 @@ -<> +<> \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/blocks-without-whitespace-inbetween/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/blocks-without-whitespace-inbetween/expected.jsx index 9c02e72f6..ef4c00d4b 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/blocks-without-whitespace-inbetween/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/blocks-without-whitespace-inbetween/expected.jsx @@ -1 +1 @@ -<>{(name == "world") ? <>! : <>}{__sveltets_each(x, (y) => <>!)}{() => {let _$$p = (x); __sveltets_awaitThen(_$$p, (y) => {<>!})}}{(bla) ? <>* : <>} \ No newline at end of file +<>{(name == "world") ? <>! : <>}{__sveltets_1_each(x, (y) => <>!)}{() => {let _$$p = (x); __sveltets_1_awaitThen(_$$p, (y) => {<>!})}}{(bla) ? <>* : <>} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/class-bare/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/class-bare/expected.jsx index 3a5c9700a..de22eac5b 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/class-bare/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/class-bare/expected.jsx @@ -1 +1 @@ -<>

Hello

+<>

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/class-parentheses/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/class-parentheses/expected.jsx index e616f4daf..1acb608c4 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/class-parentheses/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/class-parentheses/expected.jsx @@ -1 +1 @@ -<>

Hello

+<>

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/class/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/class/expected.jsx index 17ca8d0d3..4f41b3f98 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/class/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/class/expected.jsx @@ -1,2 +1,2 @@ -<>

Hello

-

Hello

+<>

Hello

+

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let-destructure/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let-destructure/expected.jsx index 9bfd7f8bd..0741c6a11 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let-destructure/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let-destructure/expected.jsx @@ -1,3 +1,3 @@ -<>{() => { let {thing:{ a }} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> +<>{() => { let {thing:{ a }} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<>

Hello { a }

}}
\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let/expected.jsx index 284cf030a..c330b438e 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/component-default-slot-let/expected.jsx @@ -1,3 +1,3 @@ -<>{() => { let {name:n, thing} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> +<>{() => { let {name:n, thing} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<>

Hello {thing} {n}

}}
\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/component-multi-slot/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/component-multi-slot/expected.jsx index 39df516ff..0e4a4e7b8 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/component-multi-slot/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/component-multi-slot/expected.jsx @@ -1,10 +1,10 @@ -<>{() => { let {var:new_var} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> +<>{() => { let {var:new_var} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<>

Hello {new_var}

- {() => { let {slotvar:newvar} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['someslot'];<>
+ {() => { let {slotvar:newvar} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['someslot'];<>

Hi Slot {newvar}

}} - {() => { let {newvar2} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['slotwithoutchildren'];<>
}} - {() => { let {hi1, hi2, hi3:hi3alias} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['slotwithmultiplelets'];<>
}} + {() => { let {newvar2} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['slotwithoutchildren'];<>
}} + {() => { let {hi1, hi2, hi3:hi3alias} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['slotwithmultiplelets'];<>
}}

Test

diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/component-named-slot/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/component-named-slot/expected.jsx index 1d4b3689c..00eb4f693 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/component-named-slot/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/component-named-slot/expected.jsx @@ -1,8 +1,8 @@ -<>{() => { let {foo, bar:baz} = /*Ωignore_startΩ*/new Parent({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> - {() => { let {bla} = /*Ωignore_startΩ*/new Parent({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];<> +<>{() => { let {foo, bar:baz} = /*Ωignore_startΩ*/new Parent({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> + {() => { let {bla} = /*Ωignore_startΩ*/new Parent({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];<> {foo} {baz} {bla} }} - {() => { let {blubb} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> + {() => { let {blubb} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> {blubb} }} }} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-infer-props/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-infer-props/expected.jsx index 7259b44d4..c98ecdf42 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-infer-props/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-infer-props/expected.jsx @@ -1,5 +1,5 @@ -<>{() => {/*Ωignore_startΩ*/const Ψcomplex={a},Ψa_dashed_complex={a};/*Ωignore_endΩ*/() => { let {foo} = /*Ωignore_startΩ*/new Parent({target: __sveltets_any(''), props: {'bare':true, 'shorthand':shorthand, 'text1':"", 'text2':"", 'text3':"", 'textEmpty':"", 'literal':true, 'strLiteral':"", 'complex':Ψcomplex, 'a-dashed-complex':Ψa_dashed_complex}})/*Ωignore_endΩ*/.$$slot_def['default'];<> - {() => { let {bar} = /*Ωignore_startΩ*/new Parent({target: __sveltets_any(''), props: {'bare':true, 'shorthand':shorthand, 'text1':"", 'text2':"", 'text3':"", 'textEmpty':"", 'literal':true, 'strLiteral':"", 'complex':Ψcomplex, 'a-dashed-complex':Ψa_dashed_complex}})/*Ωignore_endΩ*/.$$slot_def['named'];<> +<>{() => {/*Ωignore_startΩ*/const Ψcomplex={a},Ψa_dashed_complex={a};/*Ωignore_endΩ*/() => { let {foo} = /*Ωignore_startΩ*/new Parent({target: __sveltets_1_any(''), props: {'bare':true, 'shorthand':shorthand, 'text1':"", 'text2':"", 'text3':"", 'textEmpty':"", 'literal':true, 'strLiteral':"", 'complex':Ψcomplex, 'a-dashed-complex':Ψa_dashed_complex}})/*Ωignore_endΩ*/.$$slot_def['default'];<> + {() => { let {bar} = /*Ωignore_startΩ*/new Parent({target: __sveltets_1_any(''), props: {'bare':true, 'shorthand':shorthand, 'text1':"", 'text2':"", 'text3':"", 'textEmpty':"", 'literal':true, 'strLiteral':"", 'complex':Ψcomplex, 'a-dashed-complex':Ψa_dashed_complex}})/*Ωignore_endΩ*/.$$slot_def['named'];<> {foo} {bar} }}
diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-shadowed-prop/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-shadowed-prop/expected.jsx index 6ac65dac9..2968b7e91 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-shadowed-prop/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/component-slot-shadowed-prop/expected.jsx @@ -10,10 +10,10 @@ ->{() => {/*Ωignore_startΩ*/const Ψsubthing=subthing,Ψshadowed1=shadowed1,Ψshadowed_2=shadowed2,Ψcomplex={complex};/*Ωignore_endΩ*/() => { let {name:n, shadowed1, shadowed2, subthing} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {'unshadowed1':unshadowed1, 'foo':unshadowed2, 'subthing':Ψsubthing, 'shadowed1':Ψshadowed1, 'shadowed-2':Ψshadowed_2, 'templateString':"", 'complex':Ψcomplex}})/*Ωignore_endΩ*/.$$slot_def['default'];<> - {() => { let {subthing} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {'unshadowed1':unshadowed1, 'foo':unshadowed2, 'subthing':Ψsubthing, 'shadowed1':Ψshadowed1, 'shadowed-2':Ψshadowed_2, 'templateString':"", 'complex':Ψcomplex}})/*Ωignore_endΩ*/.$$slot_def['sub1'];<>

{thing}{subthing}

}} +>{() => {/*Ωignore_startΩ*/const Ψsubthing=subthing,Ψshadowed1=shadowed1,Ψshadowed_2=shadowed2,Ψcomplex={complex};/*Ωignore_endΩ*/() => { let {name:n, shadowed1, shadowed2, subthing} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {'unshadowed1':unshadowed1, 'foo':unshadowed2, 'subthing':Ψsubthing, 'shadowed1':Ψshadowed1, 'shadowed-2':Ψshadowed_2, 'templateString':"", 'complex':Ψcomplex}})/*Ωignore_endΩ*/.$$slot_def['default'];<> + {() => { let {subthing} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {'unshadowed1':unshadowed1, 'foo':unshadowed2, 'subthing':Ψsubthing, 'shadowed1':Ψshadowed1, 'shadowed-2':Ψshadowed_2, 'templateString':"", 'complex':Ψcomplex}})/*Ωignore_endΩ*/.$$slot_def['sub1'];<>

{thing}{subthing}

}} - {() => { let {subthing, othersubthing} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {'unshadowed1':unshadowed1, 'foo':unshadowed2, 'subthing':Ψsubthing, 'shadowed1':Ψshadowed1, 'shadowed-2':Ψshadowed_2, 'templateString':"", 'complex':Ψcomplex}})/*Ωignore_endΩ*/.$$slot_def['sub2'];<>{thing}{subthing}}} + {() => { let {subthing, othersubthing} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {'unshadowed1':unshadowed1, 'foo':unshadowed2, 'subthing':Ψsubthing, 'shadowed1':Ψshadowed1, 'shadowed-2':Ψshadowed_2, 'templateString':"", 'complex':Ψcomplex}})/*Ωignore_endΩ*/.$$slot_def['sub2'];<>{thing}{subthing}}} - {() => {/*Ωignore_startΩ*/const Ψsubthing=subthing;/*Ωignore_endΩ*/() => { let {subthing, othersubthing} = /*Ωignore_startΩ*/new Sub({target: __sveltets_any(''), props: {'subthing':Ψsubthing}})/*Ωignore_endΩ*/.$$slot_def['default'];<>{thing}{subthing}}}} + {() => {/*Ωignore_startΩ*/const Ψsubthing=subthing;/*Ωignore_endΩ*/() => { let {subthing, othersubthing} = /*Ωignore_startΩ*/new Sub({target: __sveltets_1_any(''), props: {'subthing':Ψsubthing}})/*Ωignore_endΩ*/.$$slot_def['default'];<>{thing}{subthing}}}} }}} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/custom-css-properties/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/custom-css-properties/expected.jsx index 64bc86141..8ca4283e9 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/custom-css-properties/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/custom-css-properties/expected.jsx @@ -1,7 +1,7 @@ <> \ No newline at end of file + {...__sveltets_1_cssProp({"--custom-css-property3": `hi${jo}hi`})} + {...__sveltets_1_cssProp({"--custom-css-property4": `hi${jo}hi`})} + {...__sveltets_1_cssProp({"--custom-css-property5": `hi${jo}hi`})} /> \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/directive-quoted/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/directive-quoted/expected.jsx index e3b7a2856..061354726 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/directive-quoted/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/directive-quoted/expected.jsx @@ -1,7 +1,7 @@ <>

console.log("click")}>Hello

-{/*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$on('click', test)} - - - - +{/*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$on('click', test)} + + + + \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic-sequence/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic-sequence/expected.jsx index 4bb6d6814..1de94684c 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic-sequence/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic-sequence/expected.jsx @@ -1,3 +1,3 @@ -<>{__sveltets_each((true, items), (item) => <> +<>{__sveltets_1_each((true, items), (item) => <>
{item}
-)} +)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic/expected.jsx index 21770dcb3..4a868513b 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic/expected.jsx @@ -1,3 +1,3 @@ -<>{__sveltets_each(items, (item) => <> +<>{__sveltets_1_each(items, (item) => <>
{item}
-)} +)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-index/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-index/expected.jsx index 174b0b203..bef03997b 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-index/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-index/expected.jsx @@ -1,3 +1,3 @@ -<>{__sveltets_each(items, (item,i) => <> +<>{__sveltets_1_each(items, (item,i) => <>
{item}{i}
-)} +)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key-else/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key-else/expected.jsx index c564f69c2..5ca00706f 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key-else/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key-else/expected.jsx @@ -1,5 +1,5 @@ -<>{__sveltets_each(items, (item,i) => (item.id) && <> +<>{__sveltets_1_each(items, (item,i) => (item.id) && <>
{item}{i}
)}
No Items
- + \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key/expected.jsx index d44038c87..3e0e95f5c 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-key/expected.jsx @@ -1,3 +1,3 @@ -<>{__sveltets_each(items, (item,i) => (item.id) && <> +<>{__sveltets_1_each(items, (item,i) => (item.id) && <>
{item}{i}
-)} +)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-nullish-coalescing/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-nullish-coalescing/expected.jsx index 78102ef1e..29a278277 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-nullish-coalescing/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-nullish-coalescing/expected.jsx @@ -1,3 +1,3 @@ -<>{__sveltets_each(items ?? [], (item) => <> +<>{__sveltets_1_each(items ?? [], (item) => <>
{item}
-)} +)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-optional-chaining/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-optional-chaining/expected.jsx index ae24027a7..08b671e41 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-optional-chaining/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-optional-chaining/expected.jsx @@ -1,3 +1,3 @@ -<>{__sveltets_each(someObject?.items, (item) => <> +<>{__sveltets_1_each(someObject?.items, (item) => <>
{item}
-)} +)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component-infer-props/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component-infer-props/expected.jsx index a76072aa2..2b5c95f0d 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component-infer-props/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component-infer-props/expected.jsx @@ -1 +1 @@ -<>{/*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {'bare':true, 'shorthand':shorthand, 'text1':"", 'text2':"", 'text3':"", 'textEmpty':"", 'literal':true, 'strLiteral':"", 'complex':{a}, 'a-dashed-complex':{a}}})/*Ωignore_endΩ*/.$on('click', e => e)} \ No newline at end of file +<>{/*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {'bare':true, 'shorthand':shorthand, 'text1':"", 'text2':"", 'text3':"", 'textEmpty':"", 'literal':true, 'strLiteral':"", 'complex':{a}, 'a-dashed-complex':{a}}})/*Ωignore_endΩ*/.$on('click', e => e)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component/expected.jsx index 681aa8f65..4516da38d 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-component/expected.jsx @@ -1 +1 @@ -<>{/*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$on('event', () => click())}{/*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$on('UpperCaseEvent', () => log('hi'))} \ No newline at end of file +<>{/*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$on('event', () => click())}{/*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$on('UpperCaseEvent', () => log('hi'))} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-svelte-component/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-svelte-component/expected.jsx index 5b85c1c8a..1c315de13 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-svelte-component/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/event-handler-svelte-component/expected.jsx @@ -1 +1 @@ -<>{__sveltets_instanceOf(__sveltets_componentType()).$on('submit', handleSubmit)} +<>{__sveltets_1_instanceOf(__sveltets_1_componentType()).$on('submit', handleSubmit)} \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block-shadowed/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block-shadowed/expected.jsx index 4a12ea499..6ba60cf35 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block-shadowed/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block-shadowed/expected.jsx @@ -1,26 +1,26 @@ <>{(hello) ? <> - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (aPromise); __sveltets_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/((Ωhello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (aPromise); __sveltets_1_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/((Ωhello)) && /*Ωignore_endΩ*/<> {hello} }, () => {/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> {hello} })}}} - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (aPromise); __sveltets_awaitThen(_$$p, (hi) => {/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (aPromise); __sveltets_1_awaitThen(_$$p, (hi) => {/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> {hello} }, (hello) => {/*Ωignore_startΩ*/((Ωhello)) && /*Ωignore_endΩ*/<> {hello} })}}} - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (hello); __sveltets_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/((Ωhello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (hello); __sveltets_1_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/((Ωhello)) && /*Ωignore_endΩ*/<> {hello} {(hello) ? <> {() => {/*Ωignore_startΩ*/if((((Ωhello))) && ((hello))) {/*Ωignore_endΩ*/let _$$p = (aPromise); /*Ωignore_startΩ*/(((Ωhello))) && ((hello)) && /*Ωignore_endΩ*/<> {hello} - ; __sveltets_awaitThen(_$$p, () => {<>})}}} + ; __sveltets_1_awaitThen(_$$p, () => {<>})}}} {() => {/*Ωignore_startΩ*/const ΩΩhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((Ωhello))) && ((hello))) {/*Ωignore_endΩ*/let _$$p = (aPromise); /*Ωignore_startΩ*/(((Ωhello))) && ((hello)) && /*Ωignore_endΩ*/<> {hello} - ; __sveltets_awaitThen(_$$p, () => {<>}, (hello) => {/*Ωignore_startΩ*/(((Ωhello))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> + ; __sveltets_1_awaitThen(_$$p, () => {<>}, (hello) => {/*Ωignore_startΩ*/(((Ωhello))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> {hello} })}}} - {() => {/*Ωignore_startΩ*/const ΩΩhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((Ωhello))) && ((hello))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/(((Ωhello))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const ΩΩhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((Ωhello))) && ((hello))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_1_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/(((Ωhello))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} @@ -28,7 +28,7 @@ : <>} })}}} {(hi && bye) ? <> - {() => {/*Ωignore_startΩ*/const Ωbye=bye,Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((hello))) && ((hi && bye))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_awaitThen(_$$p, (bye) => {/*Ωignore_startΩ*/(((hello))) && ((hi && Ωbye)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωbye=bye,Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((hello))) && ((hi && bye))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_1_awaitThen(_$$p, (bye) => {/*Ωignore_startΩ*/(((hello))) && ((hi && Ωbye)) && /*Ωignore_endΩ*/<> {bye} }, (hello) => {/*Ωignore_startΩ*/(((Ωhello))) && ((hi && bye)) && /*Ωignore_endΩ*/<> {(hello) ? <> @@ -38,7 +38,7 @@ : (cool) ? <> {() => {/*Ωignore_startΩ*/const Ωcool=cool;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((hello))) && (!(hi && bye) && (cool))) {/*Ωignore_endΩ*/let _$$p = (cool); /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<> loading - ; __sveltets_awaitThen(_$$p, (cool) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<> + ; __sveltets_1_awaitThen(_$$p, (cool) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<> {(cool) ? <> {cool} : <>} @@ -47,11 +47,11 @@ })}}} {() => {/*Ωignore_startΩ*/const Ωcool=cool;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((hello))) && (!(hi && bye) && (cool))) {/*Ωignore_endΩ*/let _$$p = (aPromise); /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<> loading - ; __sveltets_awaitThen(_$$p, (cool) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<> + ; __sveltets_1_awaitThen(_$$p, (cool) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<> {cool} })}}} : <> - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((hello))) && (!(hi && bye) && !(cool))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/(((Ωhello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*//*Ωignore_startΩ*/if((((hello))) && (!(hi && bye) && !(cool))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_1_awaitThen(_$$p, (hello) => {/*Ωignore_startΩ*/(((Ωhello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} @@ -65,7 +65,7 @@ : (hello) ? <> {hello} : <> } -; __sveltets_awaitThen(_$$p, (cool) => {<> +; __sveltets_1_awaitThen(_$$p, (cool) => {<> {(cool) ? <> {cool} : (hello) ? <> diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block/expected.jsx index d37939416..4852a919a 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-await-block/expected.jsx @@ -1,15 +1,15 @@ <>{(hello) ? <> - {() => {/*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (hello.foo); __sveltets_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (hello.foo); __sveltets_1_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> {y} })}}} - {() => {/*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_1_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> {y} })}}} {() => {/*Ωignore_startΩ*/if(((hello))) {/*Ωignore_endΩ*/let _$$p = (aPromise); /*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> {hello} - ; __sveltets_awaitThen(_$$p, () => {<>})}}} + ; __sveltets_1_awaitThen(_$$p, () => {<>})}}} {(hi && bye) ? <> - {() => {/*Ωignore_startΩ*/if((((hello))) && ((hi && bye))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/(((hello))) && ((hi && bye)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/if((((hello))) && ((hi && bye))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_1_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/(((hello))) && ((hi && bye)) && /*Ωignore_endΩ*/<> {y} }, () => {/*Ωignore_startΩ*/(((hello))) && ((hi && bye)) && /*Ωignore_endΩ*/<> z @@ -17,13 +17,13 @@ : (cool) ? <> {() => {/*Ωignore_startΩ*/if((((hello))) && (!(hi && bye) && (cool))) {/*Ωignore_endΩ*/let _$$p = (x); /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<> loading - ; __sveltets_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<> + ; __sveltets_1_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<> {y} }, () => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<> z })}}} : <> - {() => {/*Ωignore_startΩ*/if((((hello))) && (!(hi && bye) && !(cool))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/if((((hello))) && (!(hi && bye) && !(cool))) {/*Ωignore_endΩ*/let _$$p = (x); __sveltets_1_awaitThen(_$$p, (y) => {/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<> {y} })}}} } diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block-shadowed/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block-shadowed/expected.jsx index 240661761..d19c2f6b5 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block-shadowed/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block-shadowed/expected.jsx @@ -1,8 +1,8 @@ <>{(hello) ? <> - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => {__sveltets_each(items, (hello,i) => (hello.id) && /*Ωignore_startΩ*/((Ωhello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => {__sveltets_1_each(items, (hello,i) => (hello.id) && /*Ωignore_startΩ*/((Ωhello)) && /*Ωignore_endΩ*/<>
{hello}{i}
{(hello) ? <> - {() => {/*Ωignore_startΩ*/const ΩΩhello=hello;/*Ωignore_endΩ*/() => {__sveltets_each(items, (hello) => /*Ωignore_startΩ*/(((Ωhello))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const ΩΩhello=hello;/*Ωignore_endΩ*/() => {__sveltets_1_each(items, (hello) => /*Ωignore_startΩ*/(((Ωhello))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} @@ -14,7 +14,7 @@ : <>} {(hi && bye) ? <> - {() => {/*Ωignore_startΩ*/const Ωbye=bye;/*Ωignore_endΩ*/() => {__sveltets_each(items, (bye) => /*Ωignore_startΩ*/(((hello))) && ((hi && Ωbye)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωbye=bye;/*Ωignore_endΩ*/() => {__sveltets_1_each(items, (bye) => /*Ωignore_startΩ*/(((hello))) && ((hi && Ωbye)) && /*Ωignore_endΩ*/<>
{bye}
)}}} {(bye) ? <> @@ -22,17 +22,17 @@ : <>} : (cool) ? <> - {() => {/*Ωignore_startΩ*/const Ωcool=cool;/*Ωignore_endΩ*/() => {__sveltets_each(items, (item,cool) => /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωcool=cool;/*Ωignore_endΩ*/() => {__sveltets_1_each(items, (item,cool) => /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<>
{item}{cool}
)}}} : <> - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => {__sveltets_each(items, (hello) => /*Ωignore_startΩ*/(((Ωhello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => {__sveltets_1_each(items, (hello) => /*Ωignore_startΩ*/(((Ωhello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<>
{hello}
)}}} } : <>} -{__sveltets_each(items, (hello,i) => <> +{__sveltets_1_each(items, (hello,i) => <> {(hello && i && bye) ? <> {hello} {i} {bye} : (hello && i && bye) ? <> diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block/expected.jsx index f9e7204fd..2df614ea4 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-each-block/expected.jsx @@ -1,19 +1,19 @@ <>{(hello) ? <> - {__sveltets_each(items, (item,i) => (item.id) && /*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> + {__sveltets_1_each(items, (item,i) => (item.id) && /*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<>
{item}{i}
)} {(hi && bye) ? <> - {__sveltets_each(items, (item) => /*Ωignore_startΩ*/(((hello))) && ((hi && bye)) && /*Ωignore_endΩ*/<> + {__sveltets_1_each(items, (item) => /*Ωignore_startΩ*/(((hello))) && ((hi && bye)) && /*Ωignore_endΩ*/<>
{item}
)}

hi

: (cool) ? <> - {__sveltets_each(items, (item,i) => /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<> + {__sveltets_1_each(items, (item,i) => /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<>
{item}{i}
)} : <> - {__sveltets_each(items, (item) => /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<> + {__sveltets_1_each(items, (item) => /*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<>
{item}
)} } diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let-shadowed/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let-shadowed/expected.jsx index 6f8a49c0b..2cbc55f21 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let-shadowed/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let-shadowed/expected.jsx @@ -1,33 +1,33 @@ <>{(hello && hello1) ? <> - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> {hello} - {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> + {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} }} - {() => {/*Ωignore_startΩ*/const Ψhello=hello;/*Ωignore_endΩ*/() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {'hello':Ψhello}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ψhello=hello;/*Ωignore_endΩ*/() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {'hello':Ψhello}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} }}} - {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named1'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> + {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named1'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} }} - {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named2'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<>

+ {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named2'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<>

{(hello) ? <> {hello} : <>}

}} - {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named3'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> + {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named3'];/*Ωignore_startΩ*/((Ωhello && hello1)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} }} {(hello) ? <> - {() => {/*Ωignore_startΩ*/const ΩΩhello=hello;/*Ωignore_endΩ*/() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/(((Ωhello && hello1))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const ΩΩhello=hello;/*Ωignore_endΩ*/() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/(((Ωhello && hello1))) && ((ΩΩhello)) && /*Ωignore_endΩ*/<> {(hello) ? <> {hello} : <>} @@ -35,25 +35,25 @@ : <>} }}} {(hi && bye) ? <> - {() => {/*Ωignore_startΩ*/const Ωbye=bye;/*Ωignore_endΩ*/() => { let {foo:bye} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/(((hello && hello1))) && ((hi && Ωbye)) && /*Ωignore_endΩ*/<> + {() => {/*Ωignore_startΩ*/const Ωbye=bye;/*Ωignore_endΩ*/() => { let {foo:bye} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/(((hello && hello1))) && ((hi && Ωbye)) && /*Ωignore_endΩ*/<> {bye} }}} : (cool) ? <> - {() => {/*Ωignore_startΩ*/const Ωcool=cool,Ωhello=hello;/*Ωignore_endΩ*/() => { let {cool, hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((Ωhello && hello1))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<>
+ {() => {/*Ωignore_startΩ*/const Ωcool=cool,Ωhello=hello;/*Ωignore_endΩ*/() => { let {cool, hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((Ωhello && hello1))) && (!(hi && bye) && (Ωcool)) && /*Ωignore_endΩ*/<>
{hello}
}}} : <> - {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => { let {foo:hello, hello1:other} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((Ωhello && hello1))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<>
+ {() => {/*Ωignore_startΩ*/const Ωhello=hello;/*Ωignore_endΩ*/() => { let {foo:hello, hello1:other} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((Ωhello && hello1))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<>
{hello}
}}} } : <>} -{() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> +{() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> {(hello && bye) ? <> {hello} {bye} : (hello && bye) ? <> @@ -61,7 +61,7 @@ : <> {hello} {bye} } - {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named1'];<> + {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named1'];<> {(hello && bye) ? <> {hello} {bye} : (hello && bye) ? <> @@ -70,7 +70,7 @@ {hello} {bye} } }} - {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named2'];<>

+ {() => { let {hello} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named2'];<>

{(hello && bye) ? <> {hello} {bye} : (hello && bye) ? <> diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let/expected.jsx index 969bda7ee..4a16c6bb4 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/if-nested-slot-let/expected.jsx @@ -1,20 +1,20 @@ <>{(hello) ? <> - {() => { let {foo} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> + {() => { let {foo} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/((hello)) && /*Ωignore_endΩ*/<> {foo} }} {(hi && bye) ? <> - {() => { let {foo:bar} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/(((hello))) && ((hi && bye)) && /*Ωignore_endΩ*/<> + {() => { let {foo:bar} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];/*Ωignore_startΩ*/(((hello))) && ((hi && bye)) && /*Ωignore_endΩ*/<> {bar} }} : (cool) ? <> - {() => { let {foo, foo1} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<>

+ {() => { let {foo, foo1} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && (cool)) && /*Ωignore_endΩ*/<>
{foo}
}} : <> - {() => { let {foo:bar} = /*Ωignore_startΩ*/new Comp({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<>
+ {() => { let {foo:bar} = /*Ωignore_startΩ*/new Comp({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];/*Ωignore_startΩ*/(((hello))) && (!(hi && bye) && !(cool)) && /*Ωignore_endΩ*/<>
{bar}
}} diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/nested-if-else-if-and-each-block/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/nested-if-else-if-and-each-block/expected.jsx index db202efcf..cf00ca123 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/nested-if-else-if-and-each-block/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/nested-if-else-if-and-each-block/expected.jsx @@ -1,5 +1,5 @@ <>{(true) ? <> {(true) ? <> : (true) ? <> : <> } : <> - {__sveltets_each([], (_) => /*Ωignore_startΩ*/(!(true)) && /*Ωignore_endΩ*/<>)} + {__sveltets_1_each([], (_) => /*Ωignore_startΩ*/(!(true)) && /*Ωignore_endΩ*/<>)} } \ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/svelte-fragment/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/svelte-fragment/expected.jsx index 9d010904e..1f4fb342f 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/svelte-fragment/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/svelte-fragment/expected.jsx @@ -9,11 +9,11 @@ - {() => { let {foo, bar:baz} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<> + {() => { let {foo, bar:baz} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['default'];<>

{foo} {baz}

}} - {() => { let {foo, bar:baz} = /*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];<> + {() => { let {foo, bar:baz} = /*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$$slot_def['named'];<>

{foo} {baz}

}}
\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-animate-fallbacks/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-animate-fallbacks/expected.jsx index 0fe6b3a78..3499f4b33 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-animate-fallbacks/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-animate-fallbacks/expected.jsx @@ -1,17 +1,17 @@ <> -

Hello

-

Hello

-

Hello

-

Hello

-

Hello

-

Hello

+

Hello

+

Hello

+

Hello

+

Hello

+

Hello

+

Hello

-

Hello

-

Hello

+

Hello

+

Hello

-

Hello

+

Hello

-

Hello

-

Hello

-

Hello

-

Hello

\ No newline at end of file +

Hello

+

Hello

+

Hello

+

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-bare/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-bare/expected.jsx index 1eede9af9..36eafae47 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-bare/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-bare/expected.jsx @@ -1,3 +1,3 @@ -<>

Hello

-

Hello

-

Hello

+<>

Hello

+

Hello

+

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-modifiers/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-modifiers/expected.jsx index 3b5af3f2d..4d12dc115 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-modifiers/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-modifiers/expected.jsx @@ -1,3 +1,3 @@ -<>
+<>
{item}
\ No newline at end of file diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-params/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-params/expected.jsx index 5fbd1b0dc..f97e3f8ef 100644 --- a/packages/svelte2tsx/test/htmlx2jsx/samples/transition-params/expected.jsx +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/transition-params/expected.jsx @@ -1,5 +1,5 @@ -<>

Hello

-

Hello

-

Hello

-

Hello

-

Hello

+<>

Hello

+

Hello

+

Hello

+

Hello

+

Hello

\ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/action-directive/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/action-directive/mappings.jsx index d79f836e7..27e5312f9 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/action-directive/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/action-directive/mappings.jsx @@ -1,66 +1,66 @@ /// <>;function render() { {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -<> {/** -=# Originless mappings -<>↲ [generated] line 3 - ↲ +<> {/** +=# Originless mappings +<>↲ [generated] line 3 + ↲ -↲ [original] line 1 +↲ [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {/** -↲ [generated] line 9 -↲ + {/** +↲ [generated] line 9 +↲ -↲ [original] line 7 +↲ [original] line 7 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** - #===== [generated] line 3 */} +<> {/** + #===== [generated] line 3 */} {/** - #===== [original] line 1 + #===== [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {...__sveltets_ensureAction(action(__sveltets_mapElementTag('element')))} {/** - #===== [generated] line 6 */} + {...__sveltets_1_ensureAction(action(__sveltets_1_mapElementTag('element')))} {/** + #===== [generated] line 6 */} use:action {/** - #===== [original] line 4 + #===== [original] line 4 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {/** - 1===== 2===== 3===== 4== [generated] line 9 */} + {/** + 1===== 2===== 3===== 4== [generated] line 9 */} {/** - 1===== 2===== 3===== 4== [original] line 7 + 1===== 2===== 3===== 4== [original] line 7 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {...__sveltets_ensureAction(action(__sveltets_mapElementTag('element'),((__sveltets_store_get(foo), $foo))))} {/** - #== [generated] line 12 */} + {...__sveltets_1_ensureAction(action(__sveltets_1_mapElementTag('element'),((__sveltets_1_store_get(foo), $foo))))} {/** + #== [generated] line 12 */} use:action={$foo} {/** - #== [original] line 10 + #== [original] line 10 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {...__sveltets_ensureAction(action(__sveltets_mapElementTag('element'),({ foo })))} {/** - #== [generated] line 16 */} + {...__sveltets_1_ensureAction(action(__sveltets_1_mapElementTag('element'),({ foo })))} {/** + #== [generated] line 16 */} use:action={{ foo }} {/** - #== [original] line 14 + #== [original] line 14 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {...__sveltets_ensureAction(action(__sveltets_mapElementTag('element'),({ {/** - #===== [generated] line 20 */} + {...__sveltets_1_ensureAction(action(__sveltets_1_mapElementTag('element'),({ {/** + #===== [generated] line 20 */} use:action={{ {/** - #===== [original] line 18 + #===== [original] line 18 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} ...leet, {/** - #=== [generated] line 21 */} + #=== [generated] line 21 */} ...leet, {/** - #=== [original] line 19 + #=== [original] line 19 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - foo: (__sveltets_store_get(bar), $bar) {/** - #== [generated] line 22 */} + foo: (__sveltets_1_store_get(bar), $bar) {/** + #== [generated] line 22 */} foo: $bar {/** - #== [original] line 20 + #== [original] line 20 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} /** origin-hash: 1sz8xal */ \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/await-block/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/await-block/mappings.jsx index 60fbd332a..8186261c2 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/await-block/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/await-block/mappings.jsx @@ -1,12 +1,12 @@ /// <>;function render() { {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -<>{() => {let _$$p = (promise); __sveltets_awaitThen(_$$p, (value) => {<> {/** -=# Originless mappings -<>{()•=>•{let•_$$p•=•(promise);•__sveltets_awaitThen(_$$p,•(value)•=>•{<>↲ [generated] line 3 - { promise• t value} ↲ +<>{() => {let _$$p = (promise); __sveltets_1_awaitThen(_$$p, (value) => {<> {/** +=# Originless mappings +<>{()•=>•{let•_$$p•=•(promise);•__sveltets_1_awaitThen(_$$p,•(value)•=>•{<>↲ [generated] line 3 + { promise• t value} ↲ { promise•t value}↲ -{#await•promise•then•value}↲ [original] line 1 +{#await•promise•then•value}↲ [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -26,12 +26,12 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -; __sveltets_awaitThen(_$$p, () => {<> {/** -====# Originless mappings -;•__sveltets_awaitThen(_$$p,•()•=>•{<>↲ [generated] line 9 - { ↲ +; __sveltets_1_awaitThen(_$$p, () => {<> {/** +====# Originless mappings +;•__sveltets_1_awaitThen(_$$p,•()•=>•{<>↲ [generated] line 9 + { ↲ { ↲ -{:then}↲ [original] line 7 +{:then}↲ [original] line 7 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -43,22 +43,22 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{() => {let _$$p = ((__sveltets_store_get(promise), $promise)); <> {/** -{()•=>•{let•_$$p•=•((__sveltets_store_get(promise),•$promise));•<>↲ [generated] line 13 -{ $ promise } ↲ +{() => {let _$$p = ((__sveltets_1_store_get(promise), $promise)); <> {/** +{()•=>•{let•_$$p•=•((__sveltets_1_store_get(promise),•$promise));•<>↲ [generated] line 13 +{ $ promise } ↲ { $promise}↲ -{#await•$promise}↲ [original] line 11 +{#await•$promise}↲ [original] line 11 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -; __sveltets_awaitThen(_$$p, () => {<>})}} {/** -========================================# Originless mappings -;•__sveltets_awaitThen(_$$p,•()•=>•{<>})}}↲ [generated] line 15 - { +; __sveltets_1_awaitThen(_$$p, () => {<>})}} {/** +==========================================# Originless mappings +;•__sveltets_1_awaitThen(_$$p,•()•=>•{<>})}}↲ [generated] line 15 + { { -{/await} [original] line 13 +{/await} [original] line 13 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} return { props: {}, slots: {}, getters: {}, events: {} }} -export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render()))) { +export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) { } \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/await-block/test.jsx b/packages/svelte2tsx/test/sourcemaps/samples/await-block/test.jsx index 4d4480315..a002c7147 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/await-block/test.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/await-block/test.jsx @@ -1,23 +1,23 @@ /** tested-ranges: [[8,7,"promise"],[52,3,"bar"],[77,7,"promise"],[139,7,"promise"]] */ {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -<>{() => {let _$$p = (promise); __sveltets_awaitThen(_$$p, (value) => {<> {/** - #====== [generated] line 3 */} +<>{() => {let _$$p = (promise); __sveltets_1_awaitThen(_$$p, (value) => {<> {/** + #====== [generated] line 3 */} {#await promise then value} {/** - #====== [original] line 1 + #====== [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** - #== [generated] line 4 */} + #== [generated] line 4 */} {/** - #== [original] line 2 + #== [original] line 2 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {() => {let _$$p = (promise); <> {/** - #====== [generated] line 7 */} + #====== [generated] line 7 */} {#await promise} {/** - #====== [original] line 5 + #====== [original] line 5 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{() => {let _$$p = ((__sveltets_store_get(promise), $promise)); <> {/** - #====== [generated] line 13 */} +{() => {let _$$p = ((__sveltets_1_store_get(promise), $promise)); <> {/** + #====== [generated] line 13 */} {#await $promise} {/** - #====== [original] line 11 + #====== [original] line 11 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} /** origin-hash: 1isi3ox */ \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/component-props/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/component-props/mappings.jsx index 793ff6099..5ff187ac7 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/component-props/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/component-props/mappings.jsx @@ -27,11 +27,11 @@ {/** />↲ [generated] line 19 @@ -39,5 +39,5 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} return { props: {}, slots: {}, getters: {}, events: {} }} -export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render()))) { +export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) { } \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/component-props/test.jsx b/packages/svelte2tsx/test/sourcemaps/samples/component-props/test.jsx index 4a96a6709..6d9a702d7 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/component-props/test.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/component-props/test.jsx @@ -1,33 +1,33 @@ /** tested-ranges: [[11,3,"foo"],[40,3,"bar"],[63,3,"bar"],[88,3,"bar"],[119,3,"bar"],[151,3,"bar"]] */ {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} <> {/** - #== [generated] line 3 */} + #== [generated] line 3 */} {/** - #== [original] line 1 + #== [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** - #== [generated] line 5 */} + #== [generated] line 5 */} {/** - #== [original] line 3 + #== [original] line 3 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** - #== [generated] line 7 */} + #== [generated] line 7 */} {/** - #== [original] line 5 + #== [original] line 5 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {...bar} {/** - #== [generated] line 10 */} + #== [generated] line 10 */} {...bar} {/** - #== [original] line 8 + #== [original] line 8 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} foo={bar} {/** - #== [generated] line 14 */} + #== [generated] line 14 */} bind:foo={bar} {/** - #== [original] line 12 + #== [original] line 12 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {...__sveltets_ensureType(Component, bar)} {/** - #== [generated] line 18 */} + {...__sveltets_1_ensureType(Component, bar)} {/** + #== [generated] line 18 */} bind:this={bar} {/** - #== [original] line 16 + #== [original] line 16 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} /** origin-hash: 1scpo61 */ \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/each-block/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/each-block/mappings.jsx index 02ddad215..70610cbea 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/each-block/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/each-block/mappings.jsx @@ -1,12 +1,12 @@ /// <>;function render() { {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -<>{__sveltets_each(items, (item) => <> {/** -=# Originless mappings -<>{__sveltets_each(items,•(item)•=>•<>↲ [generated] line 3 - { items• item } ↲ +<>{__sveltets_1_each(items, (item) => <> {/** +=# Originless mappings +<>{__sveltets_1_each(items,•(item)•=>•<>↲ [generated] line 3 + { items• item } ↲ { items• item}↲ -{#each•items•as•item}↲ [original] line 1 +{#each•items•as•item}↲ [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {item.name} x {item.qty}
  • {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -18,11 +18,11 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(items, (item, i) => <> {/** -{__sveltets_each(items,•(item,•i)•=>•<>↲ [generated] line 7 -{ items• item,•i } ↲ +{__sveltets_1_each(items, (item, i) => <> {/** +{__sveltets_1_each(items,•(item,•i)•=>•<>↲ [generated] line 7 +{ items• item,•i } ↲ { items• item,•i}↲ -{#each•items•as•item,•i}↲ [original] line 5 +{#each•items•as•item,•i}↲ [original] line 5 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {i + 1}: {item.name} x {item.qty}
  • {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -34,11 +34,11 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(items, ({ id, name, qty }, i) => (id) && <> {/** -{__sveltets_each(items,•({•id,•name,•qty•},•i)•=>•(id)•&&•<>↲ [generated] line 11 -{ items• {•id,•name,•qty•},•i •(id)} ↲ +{__sveltets_1_each(items, ({ id, name, qty }, i) => (id) && <> {/** +{__sveltets_1_each(items,•({•id,•name,•qty•},•i)•=>•(id)•&&•<>↲ [generated] line 11 +{ items• {•id,•name,•qty•},•i •(id)} ↲ { items• {•id,•name,•qty•},•i•(id)}↲ -{#each•items•as•{•id,•name,•qty•},•i•(id)}↲ [original] line 9 +{#each•items•as•{•id,•name,•qty•},•i•(id)}↲ [original] line 9 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {i + 1}: {name} x {qty}
  • {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -50,11 +50,11 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(objects, ({ id, ...rest }) => <> {/** -{__sveltets_each(objects,•({•id,•...rest•})•=>•<>↲ [generated] line 15 -{ objects• {•id,•...rest•} } ↲ +{__sveltets_1_each(objects, ({ id, ...rest }) => <> {/** +{__sveltets_1_each(objects,•({•id,•...rest•})•=>•<>↲ [generated] line 15 +{ objects• {•id,•...rest•} } ↲ { objects• {•id,•...rest•}}↲ -{#each•objects•as•{•id,•...rest•}}↲ [original] line 13 +{#each•objects•as•{•id,•...rest•}}↲ [original] line 13 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {id}
  • {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -66,11 +66,11 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(items, ([id, ...rest]) => <> {/** -{__sveltets_each(items,•([id,•...rest])•=>•<>↲ [generated] line 19 -{ items• [id,•...rest] } ↲ +{__sveltets_1_each(items, ([id, ...rest]) => <> {/** +{__sveltets_1_each(items,•([id,•...rest])•=>•<>↲ [generated] line 19 +{ items• [id,•...rest] } ↲ { items• [id,•...rest]}↲ -{#each•items•as•[id,•...rest]}↲ [original] line 17 +{#each•items•as•[id,•...rest]}↲ [original] line 17 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {id}
  • {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -82,11 +82,11 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(todos, (todo) => <> {/** -{__sveltets_each(todos,•(todo)•=>•<>↲ [generated] line 23 -{ todos• todo } ↲ +{__sveltets_1_each(todos, (todo) => <> {/** +{__sveltets_1_each(todos,•(todo)•=>•<>↲ [generated] line 23 +{ todos• todo } ↲ { todos• todo}↲ -{#each•todos•as•todo}↲ [original] line 21 +{#each•todos•as•todo}↲ [original] line 21 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}

    {todo.text}

    {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -100,5 +100,5 @@ return { props: {}, slots: {}, getters: {}, events: {} }} -export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render()))) { +export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) { } \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/each-block/test.jsx b/packages/svelte2tsx/test/sourcemaps/samples/each-block/test.jsx index 422eb3933..f560c7df0 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/each-block/test.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/each-block/test.jsx @@ -1,63 +1,63 @@ /** tested-ranges: [[7,5,"items"],[33,4,"name"],[47,3,"qty"],[73,5,"items"],[111,4,"name"],[125,3,"qty"],[151,5,"items"],[162,2,"id"],[166,4,"name"],[172,3,"qty"],[182,2,"id"],[202,4,"name"],[211,3,"qty"],[237,7,"objects"],[250,2,"id"],[257,4,"rest"],[277,2,"id"],[304,4,"rest"],[333,5,"items"],[369,2,"id"],[400,4,"rest"],[429,5,"todos"],[454,4,"text"]] */{/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -<>{__sveltets_each(items, (item) => <> {/** - #==== [generated] line 3 */} +<>{__sveltets_1_each(items, (item) => <> {/** + #==== [generated] line 3 */} {#each items as item} {/** - #==== [original] line 1 + #==== [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {item.name} x {item.qty}
  • {/** - 1=== 2== [generated] line 4 */} + 1=== 2== [generated] line 4 */}
  • {item.name} x {item.qty}
  • {/** - 1=== 2== [original] line 2 + 1=== 2== [original] line 2 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(items, (item, i) => <> {/** - #==== [generated] line 7 */} +{__sveltets_1_each(items, (item, i) => <> {/** + #==== [generated] line 7 */} {#each items as item, i} {/** - #==== [original] line 5 + #==== [original] line 5 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {i + 1}: {item.name} x {item.qty}
  • {/** - 1=== 2== [generated] line 8 */} + 1=== 2== [generated] line 8 */}
  • {i + 1}: {item.name} x {item.qty}
  • {/** - 1=== 2== [original] line 6 + 1=== 2== [original] line 6 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(items, ({ id, name, qty }, i) => (id) && <> {/** - 1==== 2= 3=== 4== 5= [generated] line 11 */} +{__sveltets_1_each(items, ({ id, name, qty }, i) => (id) && <> {/** + 1==== 2= 3=== 4== 5= [generated] line 11 */} {#each items as { id, name, qty }, i (id)} {/** - 1==== 2= 3=== 4== 5= [original] line 9 + 1==== 2= 3=== 4== 5= [original] line 9 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {i + 1}: {name} x {qty}
  • {/** - 1=== 2== [generated] line 12 */} + 1=== 2== [generated] line 12 */}
  • {i + 1}: {name} x {qty}
  • {/** - 1=== 2== [original] line 10 + 1=== 2== [original] line 10 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(objects, ({ id, ...rest }) => <> {/** - 1====== 2= 3=== [generated] line 15 */} +{__sveltets_1_each(objects, ({ id, ...rest }) => <> {/** + 1====== 2= 3=== [generated] line 15 */} {#each objects as { id, ...rest }} {/** - 1====== 2= 3=== [original] line 13 + 1====== 2= 3=== [original] line 13 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {id}
  • {/** - 1= 2=== [generated] line 16 */} + 1= 2=== [generated] line 16 */}
  • {id}
  • {/** - 1= 2=== [original] line 14 + 1= 2=== [original] line 14 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(items, ([id, ...rest]) => <> {/** - #==== [generated] line 19 */} +{__sveltets_1_each(items, ([id, ...rest]) => <> {/** + #==== [generated] line 19 */} {#each items as [id, ...rest]} {/** - #==== [original] line 17 + #==== [original] line 17 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
  • {id}
  • {/** - 1= 2=== [generated] line 20 */} + 1= 2=== [generated] line 20 */}
  • {id}
  • {/** - 1= 2=== [original] line 18 + 1= 2=== [original] line 18 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{__sveltets_each(todos, (todo) => <> {/** - #==== [generated] line 23 */} +{__sveltets_1_each(todos, (todo) => <> {/** + #==== [generated] line 23 */} {#each todos as todo} {/** - #==== [original] line 21 + #==== [original] line 21 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}

    {todo.text}

    {/** - #=== [generated] line 24 */} + #=== [generated] line 24 */}

    {todo.text}

    {/** - #=== [original] line 22 + #=== [original] line 22 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} /** origin-hash: 1y9mv6z */ \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/element-attributes/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/element-attributes/mappings.jsx index fb47c67c7..157c56044 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/element-attributes/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/element-attributes/mappings.jsx @@ -59,5 +59,5 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} return { props: {}, slots: {}, getters: {}, events: {} }} -export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render()))) { +export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) { } \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/event-binding/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/event-binding/mappings.jsx index 3737fb835..ceee71266 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/event-binding/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/event-binding/mappings.jsx @@ -1,21 +1,21 @@ /// <>;function render() { {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -<>{/*Ωignore_startΩ*/new Component({target: __sveltets_any(''), props: {}})/*Ωignore_endΩ*/.$on('click', (__sveltets_store_get(check), $check) ? method1 : method2)}{/** -=# Originless mappings -<>{/*Ωignore_startΩ*/new•Component({target:•__sveltets_any(''),•props:•{}})/*Ωignore_endΩ*/.$on('click',•(__sveltets_store_get(check),•$check)•?•method1•:•method2)}↲ [generated] line 3 - on: click= $ check •?•method1•:•method2} ↲ - #=========================================================================================== Order-breaking mappings -↲ -↲ [original] line 1 +<>{/*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$on('click', (__sveltets_1_store_get(check), $check) ? method1 : method2)}{/** +=# Originless mappings +<>{/*Ωignore_startΩ*/new•Component({target:•__sveltets_1_any(''),•props:•{}})/*Ωignore_endΩ*/.$on('click',•(__sveltets_1_store_get(check),•$check)•?•method1•:•method2)}↲ [generated] line 3 + on: click= $ check •?•method1•:•method2} ↲ + #============================================================================================= Order-breaking mappings +↲ +↲ [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {/** -Bla↲ [generated] line 4 -Bla + {/** +Bla↲ [generated] line 4 +Bla Bla -Bla [original] line 2 +Bla [original] line 2 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} return { props: {}, slots: {}, getters: {}, events: {} }} -export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render()))) { +export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) { } \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/event-binding/test.jsx b/packages/svelte2tsx/test/sourcemaps/samples/event-binding/test.jsx index 89b888f6c..0045c7225 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/event-binding/test.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/event-binding/test.jsx @@ -1,13 +1,13 @@ /** tested-ranges: [[22,5,"check"],[28,19,"? method1 : method2"],[71,5,"check"],[77,19,"? method1 : method2"]] */ {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -<>{__sveltets_instanceOf(Component).$on('click', (__sveltets_store_get(check), $check) ? method1 : method2)} {/** - 1==== 2================== [generated] line 3 */} +<>{/*Ωignore_startΩ*/new Component({target: __sveltets_1_any(''), props: {}})/*Ωignore_endΩ*/.$on('click', (__sveltets_1_store_get(check), $check) ? method1 : method2)}{/** + 1==== 2================== [generated] line 3 */} {/** - 1==== 2================== [original] line 1 + 1==== 2================== [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - {/** - 1==== 2================== [generated] line 4 */} + {/** + 1==== 2================== [generated] line 4 */} {/** - 1==== 2================== [original] line 2 + 1==== 2================== [original] line 2 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} /** origin-hash: 25dzah */ \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/if-block/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/if-block/mappings.jsx index a00c24fdf..54a498eb5 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/if-block/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/if-block/mappings.jsx @@ -18,11 +18,11 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{((__sveltets_store_get(foo), $foo)) ? <> : <>} {/** -{((__sveltets_store_get(foo),•$foo))•?•<>•:•<>}↲ [generated] line 7 -{ $ foo } { ↲ +{((__sveltets_1_store_get(foo), $foo)) ? <> : <>} {/** +{((__sveltets_1_store_get(foo),•$foo))•?•<>•:•<>}↲ [generated] line 7 +{ $ foo } { ↲ { $foo}{ ↲ -{#if•$foo}{/if}↲ [original] line 5 +{#if•$foo}{/if}↲ [original] line 5 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} @@ -57,5 +57,5 @@ ------------------------------------------------------------------------------------------------------------------------------------------------------ */} return { props: {}, slots: {}, getters: {}, events: {} }} -export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render()))) { +export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) { } \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/if-block/test.jsx b/packages/svelte2tsx/test/sourcemaps/samples/if-block/test.jsx index 13da8089e..f59f28b79 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/if-block/test.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/if-block/test.jsx @@ -1,23 +1,23 @@ /** tested-ranges: [[5,3,"foo"],[36,3,"foo"],[63,3,"foo"],[90,3,"bar"]] */ {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} <>{(foo) ? <> {/** - #== [generated] line 3 */} + #== [generated] line 3 */} {#if foo} {/** - #== [original] line 1 + #== [original] line 1 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -{((__sveltets_store_get(foo), $foo)) ? <> : <>} {/** - #== [generated] line 7 */} +{((__sveltets_1_store_get(foo), $foo)) ? <> : <>} {/** + #== [generated] line 7 */} {#if $foo}{/if} {/** - #== [original] line 5 + #== [original] line 5 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {(foo) ? <> {/** - #== [generated] line 9 */} + #== [generated] line 9 */} {#if foo} {/** - #== [original] line 7 + #== [original] line 7 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} : (bar) ? <> {/** - #== [generated] line 11 */} + #== [generated] line 11 */} {:else if bar} {/** - #== [original] line 9 + #== [original] line 9 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} /** origin-hash: ze5mug */ \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/large-sample-1/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/large-sample-1/mappings.jsx index a67b3b8eb..32bee9cbf 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/large-sample-1/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/large-sample-1/mappings.jsx @@ -170,17 +170,17 @@ s const tutorial_repo_link = 'https://github.com/sveltejs/svelte/tree/master/site/content/tutorial'; {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - let selected = __sveltets_invalidate(() => lookup.get(slug)); {/** - ╚let••selected•=•__sveltets_invalidate(()•=>•lookup.get(slug));↲ [generated] line 73 - ╚ •selected•=• lookup.get(slug); ↲ + let selected = __sveltets_1_invalidate(() => lookup.get(slug)); {/** + ╚let••selected•=•__sveltets_1_invalidate(()•=>•lookup.get(slug));↲ [generated] line 73 + ╚ •selected•=• lookup.get(slug); ↲ ╚ •selected•=•lookup.get(slug);↲ - ╚$:•selected•=•lookup.get(slug);↲ [original] line 67 + ╚$:•selected•=•lookup.get(slug);↲ [original] line 67 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - let improve_link = __sveltets_invalidate(() => `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`); {/** - ╚let••improve_link•=•__sveltets_invalidate(()•=>•`${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`);↲ [generated] line 74 - ╚ •improve_link•=• `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`; ↲ + let improve_link = __sveltets_1_invalidate(() => `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`); {/** + ╚let••improve_link•=•__sveltets_1_invalidate(()•=>•`${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`);↲ [generated] line 74 + ╚ •improve_link•=• `${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`; ↲ ╚ •improve_link•=•`${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`;↲ - ╚$:•improve_link•=•`${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`;↲ [original] line 68 + ╚$:•improve_link•=•`${tutorial_repo_link}/${selected.chapter.section_dir}/${selected.chapter.chapter_dir}`;↲ [original] line 68 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} const clone = file => ({ @@ -206,11 +206,11 @@ s ------------------------------------------------------------------------------------------------------------------------------------------------------ */} {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} - let mobile = __sveltets_invalidate(() => width < 768); {/** - ╚let••mobile•=•__sveltets_invalidate(()•=>•width•<•768);↲ [generated] line 89 - ╚ •mobile•=• width•<•768; ↲ + let mobile = __sveltets_1_invalidate(() => width < 768); {/** + ╚let••mobile•=•__sveltets_1_invalidate(()•=>•width•<•768);↲ [generated] line 89 + ╚ •mobile•=• width•<•768; ↲ ╚ •mobile•=•width•<•768;↲ - ╚$:•mobile•=•width•<•768;↲ [original] line 83 + ╚$:•mobile•=•width•<•768;↲ [original] line 83 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} function reset() { @@ -323,11 +323,11 @@ s
    {/** ------------------------------------------------------------------------------------------------------------------------------------------------------ */} -
    {/** - ╚╚╚↲ [generated] line 139 - ╚╚╚↲ +
    {/** + ╚╚╚↲ [generated] line 139 + ╚╚╚↲ ╚╚╚↲ - ╚╚╚↲ [original] line 278 + ╚╚╚↲ [original] line 278 ------------------------------------------------------------------------------------------------------------------------------------------------------ */} { chapter.html} {/** ╚╚╚╚{•chapter.html}↲ [generated] line 140 @@ -400,11 +400,11 @@ s
    {/*Ωignore_startΩ*/new Repl({target: __sveltets_any(''), props: {'workersUrl':"", 'svelteUrl':svelteUrl, 'rollupUrl':rollupUrl, 'orientation':mobile ? 'columns' : 'rows', 'fixed':mobile, 'injectedJS':mapbox_setup, 'relaxed':true}})/*Ωignore_endΩ*/.$on('change', handle_change)}{/** - ╚╚╚/>{/*Ωignore_startΩ*/new•Repl({target:•__sveltets_any(''),•props:•{'workersUrl':"",•'svelteUrl':svelteUrl,•'rollupUrl':rollupUrl,•'orientation':mobile•?•'columns'•:•'rows',•'fixed':mobile,•'injectedJS':mapbox_setup,•'relaxed':true}})/*Ωignore_endΩ*/.$on('change',•handle_change)}↲ [generated] line 172 - on('change',•handle_change)} [generated] subset - on: change= handle_change} - on:change= handle_change} - ╚╚╚╚on:change={handle_change}↲ [original] line 309 (rest generated at line 169) - - ╚╚╚/>{/*Ωignore_startΩ*/new•Repl({target:•__sveltets_any(''),•props:•{'workersUrl':"",•'svelteUrl':svelteUrl,•'rollupUrl':rollupUrl,•'orientation':mobile•?•'columns'•:•'rows',•'fixed':mobile,•'injectedJS':mapbox_setup,•'relaxed':true}})/*Ωignore_endΩ*/.$on('change',•handle_change)}↲ [generated] line 172 - ╚╚╚/>{/*Ωignore_startΩ*/new•Repl({target:•__sveltets_any(''),•props:•{'workersUrl':"",•'svelteUrl':svelteUrl,•'rollupUrl':rollupUrl,•'orientation':mobile•?•'columns'•:•'rows',•'fixed':mobile,•'injectedJS':mapbox_setup,•'relaxed':true}})/*Ωignore_endΩ*/.$ ↲ [generated] subset - ╚╚╚/> ↲ - ╚╚╚/>↲ [original] line 312 + />{/*Ωignore_startΩ*/new Repl({target: __sveltets_1_any(''), props: {'workersUrl':"", 'svelteUrl':svelteUrl, 'rollupUrl':rollupUrl, 'orientation':mobile ? 'columns' : 'rows', 'fixed':mobile, 'injectedJS':mapbox_setup, 'relaxed':true}})/*Ωignore_endΩ*/.$on('change', handle_change)}{/** + ╚╚╚/>{/*Ωignore_startΩ*/new•Repl({target:•__sveltets_1_any(''),•props:•{'workersUrl':"",•'svelteUrl':svelteUrl,•'rollupUrl':rollupUrl,•'orientation':mobile•?•'columns'•:•'rows',•'fixed':mobile,•'injectedJS':mapbox_setup,•'relaxed':true}})/*Ωignore_endΩ*/.$on('change',•handle_change)}↲ [generated] line 172 + on('change',•handle_change)} [generated] subset + on: change= handle_change} + on:change= handle_change} + ╚╚╚╚on:change={handle_change}↲ [original] line 309 (rest generated at line 169) + + ╚╚╚/>{/*Ωignore_startΩ*/new•Repl({target:•__sveltets_1_any(''),•props:•{'workersUrl':"",•'svelteUrl':svelteUrl,•'rollupUrl':rollupUrl,•'orientation':mobile•?•'columns'•:•'rows',•'fixed':mobile,•'injectedJS':mapbox_setup,•'relaxed':true}})/*Ωignore_endΩ*/.$on('change',•handle_change)}↲ [generated] line 172 + ╚╚╚/>{/*Ωignore_startΩ*/new•Repl({target:•__sveltets_1_any(''),•props:•{'workersUrl':"",•'svelteUrl':svelteUrl,•'rollupUrl':rollupUrl,•'orientation':mobile•?•'columns'•:•'rows',•'fixed':mobile,•'injectedJS':mapbox_setup,•'relaxed':true}})/*Ωignore_endΩ*/.$ ↲ [generated] subset + ╚╚╚/> ↲ + ╚╚╚/>↲ [original] line 312 ------------------------------------------------------------------------------------------------------------------------------------------------------ */}
    @@ -469,5 +469,5 @@ s ------------------------------------------------------------------------------------------------------------------------------------------------------ */} return { props: {slug: slug , chapter: chapter}, slots: {}, getters: {}, events: {} }} -export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render()))) { +export default class Input__SvelteComponent_ extends __sveltets_1_createSvelte2TsxComponent(__sveltets_1_partial(__sveltets_1_with_any_event(render()))) { } \ No newline at end of file diff --git a/packages/svelte2tsx/test/sourcemaps/samples/let/mappings.jsx b/packages/svelte2tsx/test/sourcemaps/samples/let/mappings.jsx index a77d866b7..fa9938a7f 100644 --- a/packages/svelte2tsx/test/sourcemaps/samples/let/mappings.jsx +++ b/packages/svelte2tsx/test/sourcemaps/samples/let/mappings.jsx @@ -12,11 +12,11 @@ ↲