svelte - npm Package Compare versions
Comparing version 5.0.0-next.240 to 5.0.0-next.241
@@ -5,3 +5,3 @@ { | ||
| "license": "MIT", | ||
| "version": "5.0.0-next.240", | ||
| "version": "5.0.0-next.241", | ||
| "type": "module", | ||
@@ -8,0 +8,0 @@ "types": "./types/index.d.ts", |
@@ -790,11 +790,2 @@ /* This file is generated by scripts/process-messages/index.js. Do not edit! */ | ||
| /** | ||
| * Component name must be a valid variable name or dot notation expression | ||
| * @param {null | number | NodeLike} node | ||
| * @returns {never} | ||
| */ | ||
| export function component_invalid_name(node) { | ||
| e(node, "component_invalid_name", "Component name must be a valid variable name or dot notation expression"); | ||
| } | ||
| /** | ||
| * Cyclical dependency detected: %cycle% | ||
@@ -877,11 +868,2 @@ * @param {null | number | NodeLike} node | ||
| /** | ||
| * Expected valid tag name | ||
| * @param {null | number | NodeLike} node | ||
| * @returns {never} | ||
| */ | ||
| export function element_invalid_tag_name(node) { | ||
| e(node, "element_invalid_tag_name", "Expected valid tag name"); | ||
| } | ||
| /** | ||
| * `<%name%>` was left open | ||
@@ -1384,2 +1366,11 @@ * @param {null | number | NodeLike} node | ||
| /** | ||
| * Expected a valid element or component name. Components must have a valid variable name or dot notation expression | ||
| * @param {null | number | NodeLike} node | ||
| * @returns {never} | ||
| */ | ||
| export function tag_invalid_name(node) { | ||
| e(node, "tag_invalid_name", "Expected a valid element or component name. Components must have a valid variable name or dot notation expression"); | ||
| } | ||
| /** | ||
| * {@%name% ...} tag cannot be %location% | ||
@@ -1386,0 +1377,0 @@ * @param {null | number | NodeLike} node |
@@ -11,2 +11,3 @@ /** @import { TemplateNode, Fragment, Root, SvelteOptionsRaw } from '#compiler' */ | ||
| import { is_reserved } from '../../../utils.js'; | ||
| import { disallow_children } from '../2-analyze/visitors/shared/special-element.js'; | ||
@@ -128,2 +129,5 @@ const regex_position_indicator = / \(\d+:\d+\)$/; | ||
| this.root.options = read_options(options); | ||
| disallow_children(options); | ||
| // We need this for the old AST format | ||
@@ -130,0 +134,0 @@ Object.defineProperty(this.root.options, '__raw__', { |
@@ -15,9 +15,16 @@ /** @import { Expression } from 'estree' */ | ||
| import { closing_tag_omitted } from '../../../../html-tree-validation.js'; | ||
| import { list } from '../../../utils/string.js'; | ||
| // eslint-disable-next-line no-useless-escape | ||
| const valid_tag_name = /^\!?[a-zA-Z]{1,}:?[a-zA-Z0-9\-]*/; | ||
| const regex_invalid_unquoted_attribute_value = /^(\/>|[\s"'=<>`])/; | ||
| const regex_closing_textarea_tag = /^<\/textarea(\s[^>]*)?>/i; | ||
| const regex_closing_comment = /-->/; | ||
| const regex_whitespace_or_slash_or_closing_tag = /(\s|\/|>)/; | ||
| const regex_token_ending_character = /[\s=/>"']/; | ||
| const regex_starts_with_quote_characters = /^["']/; | ||
| const regex_attribute_value = /^(?:"([^"]*)"|'([^'])*'|([^>\s]+))/; | ||
| const regex_valid_element_name = | ||
| /^(?:![a-zA-Z]+|[a-zA-Z](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|[a-zA-Z][a-zA-Z0-9]*:[a-zA-Z][a-zA-Z0-9-]*[a-zA-Z0-9])$/; | ||
| const regex_valid_component_name = | ||
| /^(?:[A-Z][A-Za-z0-9_$.]*|[a-z][A-Za-z0-9_$]*(?:\.[A-Za-z0-9_$]+)+)$/; | ||
| /** Invalid attribute characters if the attribute is not surrounded by quotes */ | ||
| const regex_starts_with_invalid_attr_value = /^(\/>|[\s"'=<>`])/; | ||
| /** @type {Map<string, Compiler.ElementLike['type']>} */ | ||
@@ -41,43 +48,2 @@ const root_only_meta_tags = new Map([ | ||
| const valid_meta_tags = Array.from(meta_tags.keys()); | ||
| const SELF = /^svelte:self(?=[\s/>])/; | ||
| const COMPONENT = /^svelte:component(?=[\s/>])/; | ||
| const SLOT = /^svelte:fragment(?=[\s/>])/; | ||
| const ELEMENT = /^svelte:element(?=[\s/>])/; | ||
| /** @param {Compiler.TemplateNode[]} stack */ | ||
| function parent_is_head(stack) { | ||
| let i = stack.length; | ||
| while (i--) { | ||
| const { type } = stack[i]; | ||
| if (type === 'SvelteHead') return true; | ||
| if (type === 'RegularElement' || type === 'Component') return false; | ||
| } | ||
| return false; | ||
| } | ||
| /** @param {Compiler.TemplateNode[]} stack */ | ||
| function parent_is_shadowroot_template(stack) { | ||
| // https://developer.chrome.com/docs/css-ui/declarative-shadow-dom#building_a_declarative_shadow_root | ||
| let i = stack.length; | ||
| while (i--) { | ||
| if ( | ||
| stack[i].type === 'RegularElement' && | ||
| /** @type {Compiler.RegularElement} */ (stack[i]).attributes.some( | ||
| (a) => a.type === 'Attribute' && a.name === 'shadowrootmode' | ||
| ) | ||
| ) { | ||
| return true; | ||
| } | ||
| } | ||
| return false; | ||
| } | ||
| const regex_closing_textarea_tag = /^<\/textarea(\s[^>]*)?>/i; | ||
| const regex_closing_comment = /-->/; | ||
| const regex_component_name = /^(?:[A-Z]|[A-Za-z][A-Za-z0-9_$]*\.)/; | ||
| const regex_valid_component_name = | ||
| /^(?:[A-Z][A-Za-z0-9_$.]*|[a-z][A-Za-z0-9_$]*\.[A-Za-z0-9_$])[A-Za-z0-9_$.]*$/; | ||
| /** @param {Parser} parser */ | ||
@@ -105,32 +71,63 @@ export default function element(parser) { | ||
| const is_closing_tag = parser.eat('/'); | ||
| const name = parser.read_until(regex_whitespace_or_slash_or_closing_tag); | ||
| const name = read_tag_name(parser); | ||
| if (is_closing_tag) { | ||
| parser.allow_whitespace(); | ||
| parser.eat('>', true); | ||
| if (root_only_meta_tags.has(name)) { | ||
| if (is_closing_tag) { | ||
| if ( | ||
| ['svelte:options', 'svelte:window', 'svelte:body', 'svelte:document'].includes(name) && | ||
| /** @type {Compiler.ElementLike} */ (parent).fragment.nodes.length | ||
| ) { | ||
| e.svelte_meta_invalid_content( | ||
| /** @type {Compiler.ElementLike} */ (parent).fragment.nodes[0].start, | ||
| name | ||
| ); | ||
| } | ||
| } else { | ||
| if (name in parser.meta_tags) { | ||
| e.svelte_meta_duplicate(start, name); | ||
| } | ||
| if (is_void(name)) { | ||
| e.void_element_invalid_content(start); | ||
| } | ||
| if (parent.type !== 'Root') { | ||
| e.svelte_meta_invalid_placement(start, name); | ||
| // close any elements that don't have their own closing tags, e.g. <div><p></div> | ||
| while (/** @type {Compiler.RegularElement} */ (parent).name !== name) { | ||
| if (parent.type !== 'RegularElement') { | ||
| if (parser.last_auto_closed_tag && parser.last_auto_closed_tag.tag === name) { | ||
| e.element_invalid_closing_tag_autoclosed(start, name, parser.last_auto_closed_tag.reason); | ||
| } else { | ||
| e.element_invalid_closing_tag(start, name); | ||
| } | ||
| } | ||
| parser.meta_tags[name] = true; | ||
| parent.end = start; | ||
| parser.pop(); | ||
| parent = parser.current(); | ||
| } | ||
| parent.end = parser.index; | ||
| parser.pop(); | ||
| if (parser.last_auto_closed_tag && parser.stack.length < parser.last_auto_closed_tag.depth) { | ||
| parser.last_auto_closed_tag = undefined; | ||
| } | ||
| return; | ||
| } | ||
| if (name.startsWith('svelte:') && !meta_tags.has(name)) { | ||
| const bounds = { start: start + 1, end: start + 1 + name.length }; | ||
| e.svelte_meta_invalid_tag(bounds, list(Array.from(meta_tags.keys()))); | ||
| } | ||
| if (!regex_valid_element_name.test(name) && !regex_valid_component_name.test(name)) { | ||
| const bounds = { start: start + 1, end: start + 1 + name.length }; | ||
| e.tag_invalid_name(bounds); | ||
| } | ||
| if (root_only_meta_tags.has(name)) { | ||
| if (name in parser.meta_tags) { | ||
| e.svelte_meta_duplicate(start, name); | ||
| } | ||
| if (parent.type !== 'Root') { | ||
| e.svelte_meta_invalid_placement(start, name); | ||
| } | ||
| parser.meta_tags[name] = true; | ||
| } | ||
| const type = meta_tags.has(name) | ||
| ? meta_tags.get(name) | ||
| : regex_component_name.test(name) | ||
| : regex_valid_component_name.test(name) | ||
| ? 'Component' | ||
@@ -144,6 +141,2 @@ : name === 'title' && parent_is_head(parser.stack) | ||
| if (type === 'Component' && !regex_valid_component_name.test(name)) { | ||
| e.component_invalid_name({ start: start + 1, end: start + name.length + 1 }); | ||
| } | ||
| /** @type {Compiler.ElementLike} */ | ||
@@ -182,34 +175,3 @@ const element = | ||
| if (is_closing_tag) { | ||
| if (is_void(name)) { | ||
| e.void_element_invalid_content(start); | ||
| } | ||
| parser.eat('>', true); | ||
| // close any elements that don't have their own closing tags, e.g. <div><p></div> | ||
| while (/** @type {Compiler.RegularElement} */ (parent).name !== name) { | ||
| if (parent.type !== 'RegularElement') { | ||
| if (parser.last_auto_closed_tag && parser.last_auto_closed_tag.tag === name) { | ||
| e.element_invalid_closing_tag_autoclosed(start, name, parser.last_auto_closed_tag.reason); | ||
| } else { | ||
| e.element_invalid_closing_tag(start, name); | ||
| } | ||
| } | ||
| parent.end = start; | ||
| parser.pop(); | ||
| parent = parser.current(); | ||
| } | ||
| parent.end = parser.index; | ||
| parser.pop(); | ||
| if (parser.last_auto_closed_tag && parser.stack.length < parser.last_auto_closed_tag.depth) { | ||
| parser.last_auto_closed_tag = undefined; | ||
| } | ||
| return; | ||
| } else if (parent.type === 'RegularElement' && closing_tag_omitted(parent.name, name)) { | ||
| if (parent.type === 'RegularElement' && closing_tag_omitted(parent.name, name)) { | ||
| parent.end = start; | ||
@@ -394,60 +356,30 @@ parser.pop(); | ||
| const regex_whitespace_or_slash_or_closing_tag = /(\s|\/|>)/; | ||
| /** @param {Compiler.TemplateNode[]} stack */ | ||
| function parent_is_head(stack) { | ||
| let i = stack.length; | ||
| while (i--) { | ||
| const { type } = stack[i]; | ||
| if (type === 'SvelteHead') return true; | ||
| if (type === 'RegularElement' || type === 'Component') return false; | ||
| } | ||
| return false; | ||
| } | ||
| /** @param {Parser} parser */ | ||
| function read_tag_name(parser) { | ||
| const start = parser.index; | ||
| if (parser.read(SELF)) { | ||
| // check we're inside a block, otherwise this | ||
| // will cause infinite recursion | ||
| let i = parser.stack.length; | ||
| let legal = false; | ||
| while (i--) { | ||
| const fragment = parser.stack[i]; | ||
| if ( | ||
| fragment.type === 'IfBlock' || | ||
| fragment.type === 'EachBlock' || | ||
| fragment.type === 'Component' || | ||
| fragment.type === 'SnippetBlock' | ||
| ) { | ||
| legal = true; | ||
| break; | ||
| } | ||
| /** @param {Compiler.TemplateNode[]} stack */ | ||
| function parent_is_shadowroot_template(stack) { | ||
| // https://developer.chrome.com/docs/css-ui/declarative-shadow-dom#building_a_declarative_shadow_root | ||
| let i = stack.length; | ||
| while (i--) { | ||
| if ( | ||
| stack[i].type === 'RegularElement' && | ||
| /** @type {Compiler.RegularElement} */ (stack[i]).attributes.some( | ||
| (a) => a.type === 'Attribute' && a.name === 'shadowrootmode' | ||
| ) | ||
| ) { | ||
| return true; | ||
| } | ||
| if (!legal) { | ||
| e.svelte_self_invalid_placement(start); | ||
| } | ||
| return 'svelte:self'; | ||
| } | ||
| if (parser.read(COMPONENT)) return 'svelte:component'; | ||
| if (parser.read(ELEMENT)) return 'svelte:element'; | ||
| if (parser.read(SLOT)) return 'svelte:fragment'; | ||
| const name = parser.read_until(regex_whitespace_or_slash_or_closing_tag); | ||
| if (meta_tags.has(name)) return name; | ||
| if (name.startsWith('svelte:')) { | ||
| const list = `${valid_meta_tags.slice(0, -1).join(', ')} or ${valid_meta_tags[valid_meta_tags.length - 1]}`; | ||
| e.svelte_meta_invalid_tag(start, list); | ||
| } | ||
| if (!valid_tag_name.test(name)) { | ||
| e.element_invalid_tag_name(start); | ||
| } | ||
| return name; | ||
| return false; | ||
| } | ||
| // eslint-disable-next-line no-useless-escape | ||
| const regex_token_ending_character = /[\s=\/>"']/; | ||
| const regex_starts_with_quote_characters = /^["']/; | ||
| const regex_attribute_value = /^(?:"([^"]*)"|'([^'])*'|([^>\s]+))/; | ||
| /** | ||
@@ -701,3 +633,3 @@ * @param {Parser} parser | ||
| if (quote_mark) return parser.match(quote_mark); | ||
| return !!parser.match_regex(regex_starts_with_invalid_attr_value); | ||
| return !!parser.match_regex(regex_invalid_unquoted_attribute_value); | ||
| }, | ||
@@ -704,0 +636,0 @@ 'in attribute value' |
@@ -55,3 +55,5 @@ /** @import { Expression, Node, Program } from 'estree' */ | ||
| import { StyleDirective } from './visitors/StyleDirective.js'; | ||
| import { SvelteBody } from './visitors/SvelteBody.js'; | ||
| import { SvelteComponent } from './visitors/SvelteComponent.js'; | ||
| import { SvelteDocument } from './visitors/SvelteDocument.js'; | ||
| import { SvelteElement } from './visitors/SvelteElement.js'; | ||
@@ -61,2 +63,3 @@ import { SvelteFragment } from './visitors/SvelteFragment.js'; | ||
| import { SvelteSelf } from './visitors/SvelteSelf.js'; | ||
| import { SvelteWindow } from './visitors/SvelteWindow.js'; | ||
| import { TaggedTemplateExpression } from './visitors/TaggedTemplateExpression.js'; | ||
@@ -163,7 +166,10 @@ import { Text } from './visitors/Text.js'; | ||
| StyleDirective, | ||
| SvelteHead, | ||
| SvelteBody, | ||
| SvelteComponent, | ||
| SvelteDocument, | ||
| SvelteElement, | ||
| SvelteFragment, | ||
| SvelteComponent, | ||
| SvelteHead, | ||
| SvelteSelf, | ||
| SvelteWindow, | ||
| TaggedTemplateExpression, | ||
@@ -170,0 +176,0 @@ Text, |
| /** @import { SvelteSelf } from '#compiler' */ | ||
| /** @import { Context } from '../types' */ | ||
| import { visit_component } from './shared/component.js'; | ||
| import * as e from '../../../errors.js'; | ||
@@ -10,3 +11,15 @@ /** | ||
| export function SvelteSelf(node, context) { | ||
| const valid = context.path.some( | ||
| (node) => | ||
| node.type === 'IfBlock' || | ||
| node.type === 'EachBlock' || | ||
| node.type === 'Component' || | ||
| node.type === 'SnippetBlock' | ||
| ); | ||
| if (!valid) { | ||
| e.svelte_self_invalid_placement(node); | ||
| } | ||
| visit_component(node, context); | ||
| } |
@@ -460,3 +460,3 @@ /** @import * as ESTree from 'estree' */ | ||
| const body = [...state.hoisted, ...module.body]; | ||
| const body = [...module.body, ...state.hoisted]; | ||
@@ -463,0 +463,0 @@ const component = b.function_declaration( |
@@ -460,2 +460,5 @@ import type { Binding, Css, ExpressionMetadata } from '#compiler'; | ||
| name: string; | ||
| /** | ||
| * Quoted/string values are represented by an array, even if they contain a single expression like `"{x}"` | ||
| */ | ||
| value: true | ExpressionTag | Array<Text | ExpressionTag>; | ||
@@ -462,0 +465,0 @@ metadata: { |
@@ -6,3 +6,2 @@ /** @import { Location } from 'locate-character' */ | ||
| import { queue_micro_task } from '../task.js'; | ||
| import { dev_current_component_function } from '../../runtime.js'; | ||
| import { FILENAME } from '../../../../constants.js'; | ||
@@ -277,4 +276,4 @@ import * as w from '../../warnings.js'; | ||
| event.__root = handler_element; | ||
| // @ts-expect-error is used above | ||
| current_target = handler_element; | ||
| // @ts-ignore remove proxy on currentTarget | ||
| delete event.currentTarget; | ||
| } | ||
@@ -281,0 +280,0 @@ } |
@@ -361,10 +361,31 @@ /** @import { AnimateFn, Animation, AnimationConfig, EachItem, Effect, TransitionFn, TransitionManager } from '#client' */ | ||
| if (css) { | ||
| var n = Math.ceil(duration / (1000 / 60)); // `n` must be an integer, or we risk missing the `t2` value | ||
| if (duration > 0) { | ||
| if (css) { | ||
| var n = Math.ceil(duration / (1000 / 60)); // `n` must be an integer, or we risk missing the `t2` value | ||
| for (var i = 0; i <= n; i += 1) { | ||
| var t = t1 + delta * easing(i / n); | ||
| var styles = css(t, 1 - t); | ||
| keyframes.push(css_to_keyframe(styles)); | ||
| for (var i = 0; i <= n; i += 1) { | ||
| var t = t1 + delta * easing(i / n); | ||
| var styles = css(t, 1 - t); | ||
| keyframes.push(css_to_keyframe(styles)); | ||
| } | ||
| } | ||
| get_t = () => { | ||
| var time = /** @type {number} */ ( | ||
| /** @type {globalThis.Animation} */ (animation).currentTime | ||
| ); | ||
| return t1 + delta * easing(time / duration); | ||
| }; | ||
| if (tick) { | ||
| loop(() => { | ||
| if (animation.playState !== 'running') return false; | ||
| var t = get_t(); | ||
| tick(t, 1 - t); | ||
| return true; | ||
| }); | ||
| } | ||
| } | ||
@@ -379,21 +400,2 @@ | ||
| }; | ||
| get_t = () => { | ||
| var time = /** @type {number} */ ( | ||
| /** @type {globalThis.Animation} */ (animation).currentTime | ||
| ); | ||
| return t1 + delta * easing(time / duration); | ||
| }; | ||
| if (tick) { | ||
| loop(() => { | ||
| if (animation.playState !== 'running') return false; | ||
| var t = get_t(); | ||
| tick(t, 1 - t); | ||
| return true; | ||
| }); | ||
| } | ||
| }; | ||
@@ -400,0 +402,0 @@ |
@@ -9,3 +9,3 @@ // generated during release, do not modify | ||
| */ | ||
| export const VERSION = '5.0.0-next.240'; | ||
| export const VERSION = '5.0.0-next.241'; | ||
| export const PUBLIC_VERSION = '5'; |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.01%
2209106
- Number of package files
- increased by1.13%
359
- Lines of code
- increased by0.02%
48910
No dependency changes