prettier-plugin-svelte
Version:
Svelte plugin for prettier
1,299 lines (1,285 loc) • 103 kB
JavaScript
import { parsers as parsers$1 } from 'prettier/plugins/babel';
import { doc, util } from 'prettier/standalone';
import { parse } from 'svelte/compiler';
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
var e = new Error(message);
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
};
// @see http://xahlee.info/js/html5_non-closing_tag.html
const selfClosingTags = [
'area',
'base',
'br',
'col',
'embed',
'hr',
'img',
'input',
'link',
'meta',
'param',
'source',
'track',
'wbr',
];
// https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements#Elements
const blockElements = [
'address',
'article',
'aside',
'blockquote',
'details',
'dialog',
'dd',
'div',
'dl',
'dt',
'fieldset',
'figcaption',
'figure',
'footer',
'form',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'header',
'hgroup',
'hr',
'li',
'main',
'nav',
'ol',
'p',
'pre',
'section',
'table',
'ul',
];
/**
* HTML attributes that we may safely reformat (trim whitespace, add or remove newlines)
*/
const formattableAttributes = [
// None at the moment
// Prettier HTML does not format attributes at all
// and to be consistent we leave this array empty for now
];
// Base64 string encoding and decoding module.
// Uses Buffer for Node.js and btoa/atob for browser environments.
// We use TextEncoder/TextDecoder for browser environments because
// they can handle non-ASCII characters, unlike btoa/atob.
const stringToBase64 = typeof Buffer !== 'undefined'
? (str) => Buffer.from(str).toString('base64')
: (str) => btoa(new TextEncoder()
.encode(str)
.reduce((acc, byte) => acc + String.fromCharCode(byte), ''));
const base64ToString = typeof Buffer !== 'undefined'
? (str) => Buffer.from(str, 'base64').toString()
: (str) => new TextDecoder().decode(Uint8Array.from(atob(str), (c) => c.charCodeAt(0)));
const snippedTagContentAttribute = '✂prettier:content✂';
const scriptRegex = /<!--[^]*?-->|<script((?:\s+[^=>'"\/\s]+=(?:"[^"]*"|'[^']*'|[^>\s]+)|\s+[^=>'"\/\s]+)*\s*)>([^]*?)<\/script>/g;
const styleRegex = /<!--[^]*?-->|<style((?:\s+[^=>'"\/\s]+=(?:"[^"]*"|'[^']*'|[^>\s]+)|\s+[^=>'"\/\s]+)*\s*)>([^]*?)<\/style>/g;
const langTsRegex = /\slang=["']?ts["']?/;
function snipScriptAndStyleTagContent(source) {
let scriptMatchSpans = getMatchIndexes('script');
let styleMatchSpans = getMatchIndexes('style');
let isTypescript = false;
const text = snipTagContent(snipTagContent(source, 'script', '{}', styleMatchSpans), 'style', '', scriptMatchSpans);
return { text, isTypescript };
function getMatchIndexes(tagName) {
const regex = getRegexp(tagName);
const indexes = [];
let match = null;
while ((match = regex.exec(source)) != null) {
if (source.slice(match.index, match.index + 4) !== '<!--') {
indexes.push([match.index, regex.lastIndex]);
}
}
return indexes;
}
function snipTagContent(_source, tagName, placeholder, otherSpans) {
const regex = getRegexp(tagName);
let newScriptMatchSpans = scriptMatchSpans;
let newStyleMatchSpans = styleMatchSpans;
// Replace valid matches
const newSource = _source.replace(regex, (match, attributes, content, index) => {
if (match.startsWith('<!--') || withinOtherSpan(index)) {
return match;
}
if (langTsRegex.test(attributes)) {
isTypescript = true;
}
const encodedContent = stringToBase64(content);
const newContent = `<${tagName}${attributes} ${snippedTagContentAttribute}="${encodedContent}">${placeholder}</${tagName}>`;
// Adjust the spans because the source now has a different content length
const lengthDiff = match.length - newContent.length;
newScriptMatchSpans = adjustSpans(scriptMatchSpans, newScriptMatchSpans);
newStyleMatchSpans = adjustSpans(styleMatchSpans, newStyleMatchSpans);
function adjustSpans(oldSpans, newSpans) {
return oldSpans.map((oldSpan, idx) => {
const newSpan = newSpans[idx];
// Do the check using the old spans because the replace function works
// on the old spans. Replace oldSpans with newSpans afterwards.
if (oldSpan[0] > index) {
// span is after the match -> adjust start and end
return [newSpan[0] - lengthDiff, newSpan[1] - lengthDiff];
}
else if (oldSpan[0] === index) {
// span is the match -> adjust end only
return [newSpan[0], newSpan[1] - lengthDiff];
}
else {
// span is before the match -> nothing to adjust
return newSpan;
}
});
}
return newContent;
});
// Now that the replacement function ran, we can adjust the spans for the next run
scriptMatchSpans = newScriptMatchSpans;
styleMatchSpans = newStyleMatchSpans;
return newSource;
function withinOtherSpan(idx) {
return otherSpans.some((otherSpan) => idx > otherSpan[0] && idx < otherSpan[1]);
}
}
function getRegexp(tagName) {
return tagName === 'script' ? scriptRegex : styleRegex;
}
}
function hasSnippedContent(text) {
return text.includes(snippedTagContentAttribute);
}
const regex = /(<\w+.*?)\s*✂prettier:content✂="(.*?)">.*?(?=<\/)/gi;
function unsnipContent(text) {
return text.replace(regex, (_, start, encodedContent) => {
const content = base64ToString(encodedContent);
return `${start}>${content}`;
});
}
function makeChoice(choice) {
return { value: choice, description: choice };
}
const options = {
svelte5CompilerPath: {
category: 'Svelte',
type: 'string',
default: '',
description: "Path to the Svelte compiler. You normally don't need to set this.",
},
svelteSortOrder: {
category: 'Svelte',
type: 'choice',
default: 'options-scripts-markup-styles',
description: 'Sort order for scripts, markup, and styles',
choices: [
makeChoice('options-scripts-markup-styles'),
makeChoice('options-scripts-styles-markup'),
makeChoice('options-markup-styles-scripts'),
makeChoice('options-markup-scripts-styles'),
makeChoice('options-styles-markup-scripts'),
makeChoice('options-styles-scripts-markup'),
makeChoice('scripts-options-markup-styles'),
makeChoice('scripts-options-styles-markup'),
makeChoice('markup-options-styles-scripts'),
makeChoice('markup-options-scripts-styles'),
makeChoice('styles-options-markup-scripts'),
makeChoice('styles-options-scripts-markup'),
makeChoice('scripts-markup-options-styles'),
makeChoice('scripts-styles-options-markup'),
makeChoice('markup-styles-options-scripts'),
makeChoice('markup-scripts-options-styles'),
makeChoice('styles-markup-options-scripts'),
makeChoice('styles-scripts-options-markup'),
makeChoice('scripts-markup-styles-options'),
makeChoice('scripts-styles-markup-options'),
makeChoice('markup-styles-scripts-options'),
makeChoice('markup-scripts-styles-options'),
makeChoice('styles-markup-scripts-options'),
makeChoice('styles-scripts-markup-options'),
makeChoice('none'),
],
},
svelteAllowShorthand: {
category: 'Svelte',
type: 'boolean',
default: true,
description: 'Option to enable/disable component attribute shorthand if attribute name and expressions are same',
},
svelteIndentScriptAndStyle: {
category: 'Svelte',
type: 'boolean',
default: true,
description: 'Whether or not to indent the code inside <script> and <style> tags in Svelte files',
},
};
const sortOrderSeparator = '-';
function parseSortOrder(sortOrder = 'options-scripts-markup-styles') {
if (sortOrder === 'none') {
return [];
}
const order = sortOrder.split(sortOrderSeparator);
if (!order.includes('options')) {
throw new Error('svelteSortOrder is missing option `options`');
}
return order;
}
function isBracketSameLine(options) {
return options.bracketSameLine != null ? options.bracketSameLine : false;
}
/**
* Determines whether or not given node
* is the root of the Svelte AST.
*/
function isASTNode(n) {
return n && n.__isRoot;
}
function isPreTagContent(path) {
const stack = path.stack;
return stack.some((node) => (node.type === 'RegularElement' && node.name.toLowerCase() === 'pre') ||
(node.type === 'Attribute' && !formattableAttributes.includes(node.name)));
}
function flatten(arrays) {
return [].concat.apply([], arrays);
}
function findLastIndex(isMatch, items) {
for (let i = items.length - 1; i >= 0; i--) {
if (isMatch(items[i], i)) {
return i;
}
}
return -1;
}
function replaceEndOfLineWith(text, replacement) {
const parts = [];
for (const part of text.split('\n')) {
if (parts.length > 0) {
parts.push(replacement);
}
if (part.endsWith('\r')) {
parts.push(part.slice(0, -1));
}
else {
parts.push(part);
}
}
return parts;
}
function getAttributeLine(node, options) {
const { hardline, line } = doc.builders;
const hasThisBinding = ((node.type === 'Component' || node.type === 'SvelteComponent') &&
!!node.expression) ||
(node.type === 'SvelteElement' && !!node.tag);
const attributes = node.attributes.filter((attribute) => attribute.name !== snippedTagContentAttribute);
return options.singleAttributePerLine &&
(attributes.length > 1 || (attributes.length && hasThisBinding))
? hardline
: line;
}
function printWithPrependedAttributeLine(node, options, print) {
return (path) => path.getNode().name !== snippedTagContentAttribute
? [getAttributeLine(node, options), path.call(print)]
: '';
}
/**
* Check if doc is a hardline.
* We can't just rely on a simple equality check because the doc could be created with another
* runtime version of prettier than what we import, making a reference check fail.
*/
function isHardline(docToCheck) {
return docToCheck === doc.builders.hardline || deepEqual(docToCheck, doc.builders.hardline);
}
/**
* Simple deep equal function which suits our needs. Only works properly on POJOs without cyclic deps.
*/
function deepEqual(x, y) {
if (x === y) {
return true;
}
else if (typeof x == 'object' && x != null && typeof y == 'object' && y != null) {
if (Object.keys(x).length != Object.keys(y).length)
return false;
for (var prop in x) {
if (y.hasOwnProperty(prop)) {
if (!deepEqual(x[prop], y[prop]))
return false;
}
else {
return false;
}
}
return true;
}
else {
return false;
}
}
function isDocCommand(doc) {
return typeof doc === 'object' && doc !== null;
}
function isLine(docToCheck) {
return (isHardline(docToCheck) ||
(isDocCommand(docToCheck) && docToCheck.type === 'line') ||
(Array.isArray(docToCheck) && docToCheck.every(isLine)));
}
/**
* Check if the doc is empty, i.e. consists of nothing more than empty strings (possibly nested).
*/
function isEmptyDoc(doc) {
if (typeof doc === 'string') {
return doc.length === 0;
}
if (isDocCommand(doc) && doc.type === 'line') {
return !doc.keepIfLonely;
}
if (Array.isArray(doc)) {
return doc.length === 0;
}
const { contents } = doc;
if (contents) {
return isEmptyDoc(contents);
}
const { parts } = doc;
if (parts) {
return isEmptyGroup(parts);
}
return false;
}
function isEmptyGroup(group) {
return !group.find((doc) => !isEmptyDoc(doc));
}
/**
* Trims both leading and trailing nodes matching `isWhitespace` independent of nesting level
* (though all trimmed adjacent nodes need to be a the same level). Modifies the `docs` array.
*/
function trim(docs, isWhitespace) {
trimLeft(docs, isWhitespace);
trimRight(docs, isWhitespace);
return docs;
}
/**
* Trims the leading nodes matching `isWhitespace` independent of nesting level (though all nodes need to be a the same level).
* If there are empty docs before the first whitespace, they are removed, too.
*/
function trimLeft(group, isWhitespace) {
let firstNonWhitespace = group.findIndex((doc) => !isEmptyDoc(doc) && !isWhitespace(doc));
if (firstNonWhitespace < 0 && group.length) {
firstNonWhitespace = group.length;
}
if (firstNonWhitespace > 0) {
const removed = group.splice(0, firstNonWhitespace);
if (removed.every(isEmptyDoc)) {
return trimLeft(group, isWhitespace);
}
}
else {
const parts = getParts(group[0]);
if (parts) {
return trimLeft(parts, isWhitespace);
}
}
}
/**
* Trims the trailing nodes matching `isWhitespace` independent of nesting level (though all nodes need to be a the same level).
* If there are empty docs after the last whitespace, they are removed, too.
*/
function trimRight(group, isWhitespace) {
let lastNonWhitespace = group.length
? findLastIndex((doc) => !isEmptyDoc(doc) && !isWhitespace(doc), group)
: 0;
if (lastNonWhitespace < group.length - 1) {
const removed = group.splice(lastNonWhitespace + 1);
if (removed.every(isEmptyDoc)) {
return trimRight(group, isWhitespace);
}
}
else {
const parts = getParts(group[group.length - 1]);
if (parts) {
return trimRight(parts, isWhitespace);
}
}
}
function getParts(doc) {
if (typeof doc === 'object') {
if (Array.isArray(doc)) {
return doc;
}
if (doc.type === 'fill') {
return doc.parts;
}
if (doc.type === 'group') {
return getParts(doc.contents);
}
}
}
/**
* `(foo = bar)` => `foo = bar`
* Also handles leading comments and line breaks before "(".
*/
function removeParentheses(doc) {
if (!Array.isArray(doc))
return trim([doc], (_doc) => _doc === '(' || _doc === ')')[0];
const transformed = [];
let i = 0;
let opened = false;
for (; i < doc.length; i++) {
const part = doc[i];
if (typeof part === 'string' && part.startsWith('//')) {
transformed.push(part);
}
else if (typeof part === 'string' && part.startsWith('/*')) {
transformed.push(part);
opened = true;
}
else if (opened) {
transformed.push(part);
opened = typeof part !== 'string' || !part.trim().endsWith('*/');
}
else if (transformed.length > 0 && isLine(part)) {
transformed.push(part);
i++;
const next = doc[i];
if (typeof next !== 'string' && !Array.isArray(next) && next.type === 'break-parent') {
transformed.push(next);
i++;
}
break;
}
else {
break;
}
}
transformed.push(...trim(doc.slice(i), (_doc) => _doc === '(' || _doc === ')'));
return transformed;
}
const unsupportedLanguages = ['coffee', 'coffeescript', 'styl', 'stylus', 'sass'];
/**
* Characters treated as interchangeable/collapsible HTML whitespace for layout.
* Excludes NBSP (U+00A0) and other Unicode separators — see prettier/prettier#5796.
*/
const ONLY_HTML_COLLAPSE_WHITESPACE_RE = /^[\t\n\f\r ]*$/;
const STARTS_WITH_HTML_COLLAPSE_WHITESPACE_RE = /^[\t\n\f\r ]/;
const ENDS_WITH_HTML_COLLAPSE_WHITESPACE_RE = /[\t\n\f\r ]$/;
const LEADING_HTML_COLLAPSE_WHITESPACE_RE = /^[\t\n\f\r ]+/;
const TRAILING_HTML_COLLAPSE_WHITESPACE_RE = /[\t\n\f\r ]+$/;
function isOnlyHtmlCollapseWhitespace(text) {
return ONLY_HTML_COLLAPSE_WHITESPACE_RE.test(text);
}
function isInlineElement(path, options, node) {
return (node &&
node.type === 'RegularElement' &&
!isBlockElement(node, options) &&
!isPreTagContent(path));
}
function isBlockElement(node, options) {
return (node &&
node.type === 'RegularElement' &&
options.htmlWhitespaceSensitivity !== 'strict' &&
(options.htmlWhitespaceSensitivity === 'ignore' ||
blockElements.includes(node.name)));
}
function isNodeWithChildren(node) {
return !!getMaybeChildren(node);
}
function getMaybeChildren(_node) {
if (_node.type === 'Fragment')
return _node.nodes;
for (const key of Object.keys(_node)) {
const value = _node[key];
if (typeof value === 'object' && value != null && value.type === 'Fragment') {
return value.nodes;
}
}
}
function getChildren(_node) {
return getMaybeChildren(_node) || [];
}
/**
* Returns siblings, that is, the children of the parent.
*/
function getSiblings(path) {
let parent = path.getParentNode();
if (isASTNode(parent)) {
parent = parent.fragment;
}
return parent.nodes;
}
/**
* Returns the comment that is above the current node.
*/
function getLeadingComment(path) {
const siblings = getSiblings(path);
let node = path.getNode();
let prev = siblings.find((child) => child.end === node.start);
while (prev) {
if (prev.type === 'Comment' &&
!isIgnoreStartDirective(prev) &&
!isIgnoreEndDirective(prev)) {
return prev;
}
else if (isEmptyTextNode(prev)) {
node = prev;
prev = siblings.find((child) => child.end === node.start);
}
else {
return undefined;
}
}
}
function isNodeTopLevelHTML(node, path) {
const root = path.stack[0];
return !!root.fragment && !!root.fragment.nodes && root.fragment.nodes.includes(node);
}
function isEmptyTextNode(node) {
return !!node && node.type === 'Text' && isOnlyHtmlCollapseWhitespace(getUnencodedText(node));
}
function isIgnoreDirective(node) {
return !!node && node.type === 'Comment' && node.data.trim() === 'prettier-ignore';
}
function isIgnoreStartDirective(node) {
return !!node && node.type === 'Comment' && node.data.trim() === 'prettier-ignore-start';
}
function isIgnoreEndDirective(node) {
return !!node && node.type === 'Comment' && node.data.trim() === 'prettier-ignore-end';
}
function printRaw(node, originalText, stripLeadingAndTrailingNewline = false) {
const children = getChildren(node);
if (children.length === 0) {
return '';
}
const firstChild = children[0];
const lastChild = children[children.length - 1];
let raw = originalText.substring(firstChild.start, lastChild.end);
if (!stripLeadingAndTrailingNewline) {
return raw;
}
if (startsWithLinebreak(raw)) {
raw = raw.substring(raw.indexOf('\n') + 1);
}
if (endsWithLinebreak(raw)) {
raw = raw.substring(0, raw.lastIndexOf('\n'));
if (raw.charAt(raw.length - 1) === '\r') {
raw = raw.substring(0, raw.length - 1);
}
}
return raw;
}
function isTextNode(node) {
return node.type === 'Text';
}
function getAttributeValue(attributeName, node) {
var _a;
const attributes = ((_a = node.attributes) !== null && _a !== void 0 ? _a : []);
const langAttribute = attributes.find((attribute) => attribute.name === attributeName);
return langAttribute && langAttribute.value;
}
function getAttributeTextValue(attributeName, node) {
const value = getAttributeValue(attributeName, node);
if (value != null && typeof value === 'object') {
const value_nodes = Array.isArray(value) ? value : [value];
const textValue = value_nodes.find(isTextNode);
if (textValue) {
return textValue.data;
}
}
return null;
}
function getLangAttribute(node) {
const value = getAttributeTextValue('lang', node) || getAttributeTextValue('type', node);
if (value != null) {
return value.replace(/^text\//, '');
}
else {
return null;
}
}
/**
* Checks whether the node contains a `lang` or `type` attribute with a value corresponding to
* a language we cannot format. This might for example be `<template lang="pug">`.
* If the node does not contain a `lang` attribute, the result is true.
*/
function isNodeSupportedLanguage(node) {
const lang = getLangAttribute(node);
return !(lang && unsupportedLanguages.includes(lang));
}
/**
* Checks whether the node contains a `lang` or `type` attribute which indicates that
* the script contents are written in TypeScript. Note that the absence of the tag
* does not mean it's not TypeScript, because the user could have set the default
* to TypeScript in his settings.
*/
function isTypeScript(node) {
const lang = getLangAttribute(node) || '';
return ['typescript', 'ts'].includes(lang);
}
function isJSON(node) {
const lang = getLangAttribute(node) || '';
// todo: check if this is still necessary
// https://github.com/prettier/prettier/pull/6293
return lang.endsWith('json') || lang.endsWith('importmap');
}
function isLess(node) {
const lang = getLangAttribute(node) || '';
return ['less'].includes(lang);
}
function isScss(node) {
const lang = getLangAttribute(node) || '';
return ['sass', 'scss'].includes(lang);
}
function isPugTemplate(node) {
return (node.type === 'RegularElement' &&
node.name === 'template' &&
getLangAttribute(node) === 'pug');
}
function isLoneMustacheTag(node) {
if (node === true || node == null) {
return false;
}
if (Array.isArray(node)) {
return node.length === 1 && node[0].type === 'ExpressionTag';
}
return node.type === 'ExpressionTag';
}
/**
* True if node is of type `{a}` or `a={a}`
*/
function isOrCanBeConvertedToShorthand(node) {
if (isLoneMustacheTag(node.value)) {
const value_node = Array.isArray(node.value) ? node.value[0] : node.value;
const expression = value_node.type === 'ExpressionTag' ? value_node.expression : null;
if (!expression) {
return false;
}
return expression.type === 'Identifier' && expression.name === node.name;
}
return false;
}
function getUnencodedText(node) {
// `raw` will contain HTML entities in unencoded form
return node.raw || node.data;
}
function isTextNodeStartingWithLinebreak(node, nrLines = 1) {
return node.type === 'Text' && startsWithLinebreak(getUnencodedText(node), nrLines);
}
function startsWithLinebreak(text, nrLines = 1) {
return new RegExp(`^([\\t\\f\\r ]*\\n){${nrLines}}`).test(text);
}
function isTextNodeEndingWithLinebreak(node, nrLines = 1) {
return node.type === 'Text' && endsWithLinebreak(getUnencodedText(node), nrLines);
}
function endsWithLinebreak(text, nrLines = 1) {
return new RegExp(`(\\n[\\t\\f\\r ]*){${nrLines}}$`).test(text);
}
function isTextNodeStartingWithWhitespace(node) {
return (node.type === 'Text' && STARTS_WITH_HTML_COLLAPSE_WHITESPACE_RE.test(getUnencodedText(node)));
}
function isTextNodeEndingWithWhitespace(node) {
return (node.type === 'Text' && ENDS_WITH_HTML_COLLAPSE_WHITESPACE_RE.test(getUnencodedText(node)));
}
function trimTextNodeRight(node) {
node.raw = node.raw && node.raw.replace(TRAILING_HTML_COLLAPSE_WHITESPACE_RE, '');
node.data = node.data && node.data.replace(TRAILING_HTML_COLLAPSE_WHITESPACE_RE, '');
}
function trimTextNodeLeft(node) {
node.raw = node.raw && node.raw.replace(LEADING_HTML_COLLAPSE_WHITESPACE_RE, '');
node.data = node.data && node.data.replace(LEADING_HTML_COLLAPSE_WHITESPACE_RE, '');
}
/**
* Remove all leading whitespace up until the first non-empty text node,
* and all trailing whitespace from the last non-empty text node onwards.
*/
function trimChildren(children) {
let firstNonEmptyNode = children.findIndex((n) => !isEmptyTextNode(n));
firstNonEmptyNode = firstNonEmptyNode === -1 ? children.length - 1 : firstNonEmptyNode;
let lastNonEmptyNode = findLastIndex((n) => !isEmptyTextNode(n), children);
lastNonEmptyNode = lastNonEmptyNode === -1 ? 0 : lastNonEmptyNode;
for (let i = 0; i <= firstNonEmptyNode; i++) {
const n = children[i];
if (n.type === 'Text') {
trimTextNodeLeft(n);
}
}
for (let i = children.length - 1; i >= lastNonEmptyNode; i--) {
const n = children[i];
if (n.type === 'Text') {
trimTextNodeRight(n);
}
}
}
/**
* Check if given node's start tag should hug its first child. This is the case for inline elements when there's
* no whitespace between the `>` and the first child.
*/
function shouldHugStart(node, isSupportedLanguage, options) {
if (!isSupportedLanguage) {
return true;
}
if (node.type === 'SvelteBoundary') {
return false;
}
if (isBlockElement(node, options)) {
return false;
}
if (!isNodeWithChildren(node)) {
return false;
}
const children = getChildren(node);
if (children.length === 0) {
return true;
}
if (options.htmlWhitespaceSensitivity === 'ignore') {
return false;
}
const firstChild = children[0];
return !isTextNodeStartingWithWhitespace(firstChild);
}
/**
* Check if given node's end tag should hug its last child. This is the case for inline elements when there's
* no whitespace between the last child and the `</`.
*/
function shouldHugEnd(node, isSupportedLanguage, options) {
if (!isSupportedLanguage) {
return true;
}
if (node.type === 'SvelteBoundary') {
return false;
}
if (isBlockElement(node, options)) {
return false;
}
if (!isNodeWithChildren(node)) {
return false;
}
const children = getChildren(node);
if (children.length === 0) {
return true;
}
if (options.htmlWhitespaceSensitivity === 'ignore') {
return false;
}
const lastChild = children[children.length - 1];
return !isTextNodeEndingWithWhitespace(lastChild);
}
/**
* Check for a svelte block if there's whitespace at the start and if it's a space or a line.
*/
function checkWhitespaceAtStartOfSvelteBlock(node, options) {
if (!isNodeWithChildren(node)) {
return 'none';
}
const children = node.nodes;
if (children.length === 0) {
return 'none';
}
const firstChild = children[0];
if (isTextNodeStartingWithLinebreak(firstChild)) {
return 'line';
}
else if (isTextNodeStartingWithWhitespace(firstChild)) {
return 'space';
}
// This extra check is necessary because the Svelte AST might swallow whitespace between
// the block's starting end and its first child.
const parentOpeningEnd = options.originalText.lastIndexOf('}', firstChild.start);
if (parentOpeningEnd > 0 && firstChild.start > parentOpeningEnd + 1) {
const textBetween = options.originalText.substring(parentOpeningEnd + 1, firstChild.start);
if (ONLY_HTML_COLLAPSE_WHITESPACE_RE.test(textBetween)) {
return startsWithLinebreak(textBetween) ? 'line' : 'space';
}
}
return 'none';
}
/**
* Check for a svelte block if there's whitespace at the end and if it's a space or a line.
*/
function checkWhitespaceAtEndOfSvelteBlock(node, options) {
if (!isNodeWithChildren(node)) {
return 'none';
}
const children = node.nodes;
if (children.length === 0) {
return 'none';
}
const lastChild = children[children.length - 1];
if (isTextNodeEndingWithLinebreak(lastChild)) {
return 'line';
}
else if (isTextNodeEndingWithWhitespace(lastChild)) {
return 'space';
}
// This extra check is necessary because the Svelte AST might swallow whitespace between
// the last child and the block's ending start.
const parentClosingStart = options.originalText.indexOf('{', lastChild.end);
if (parentClosingStart > 0 && lastChild.end < parentClosingStart) {
const textBetween = options.originalText.substring(lastChild.end, parentClosingStart);
if (ONLY_HTML_COLLAPSE_WHITESPACE_RE.test(textBetween)) {
return endsWithLinebreak(textBetween) ? 'line' : 'space';
}
}
return 'none';
}
function isInsideQuotedAttribute(path, options) {
const stack = path.stack;
return stack.some((node) => (node.type === 'Attribute' || node.type === 'StyleDirective') &&
!isLoneMustacheTag(node.value));
}
/**
* Returns true if the softline between `</tagName` and `>` can be omitted.
*/
function canOmitSoftlineBeforeClosingTag(node, path, options) {
return (isBracketSameLine(options) &&
(!hugsStartOfNextNode(node, options) || isLastChildWithinParentBlockElement(path, options)));
}
/**
* Return true if given node does not hug the next node, meaning there's whitespace
* or the end of the doc afterwards.
*/
function hugsStartOfNextNode(node, options) {
if (node.end === options.originalText.length) {
// end of document
return false;
}
return !STARTS_WITH_HTML_COLLAPSE_WHITESPACE_RE.test(options.originalText.substring(node.end));
}
function isLastChildWithinParentBlockElement(path, options) {
const fragment = path.getParentNode();
const parent = path.getParentNode(1);
if (!fragment || !parent || !isBlockElement(parent, options)) {
return false;
}
const children = fragment.nodes.filter((child) => !isEmptyTextNode(child));
const lastChild = children[children.length - 1];
return lastChild === path.getNode();
}
function assignCommentsToNodes(ast) {
if (ast.module) {
ast.module.comments = removeAndGetLeadingComments(ast, ast.module);
}
if (ast.instance) {
ast.instance.comments = removeAndGetLeadingComments(ast, ast.instance);
}
if (ast.css) {
ast.css.comments = removeAndGetLeadingComments(ast, ast.css);
}
}
/**
* Returns the comments that are above the current node and deletes them from the html ast.
*/
function removeAndGetLeadingComments(ast, current) {
const siblings = ast.fragment.nodes;
const comments = [];
const newlines = [];
if (!siblings.length) {
return [];
}
let node = current;
let prev = siblings.find((child) => child.end === node.start);
while (prev) {
if (prev.type === 'Comment' &&
!isIgnoreStartDirective(prev) &&
!isIgnoreEndDirective(prev)) {
comments.push(prev);
if (comments.length !== newlines.length) {
newlines.push({ type: 'Text', data: '', raw: '', start: -1, end: -1 });
}
}
else if (isEmptyTextNode(prev)) {
newlines.push(prev);
}
else {
break;
}
node = prev;
prev = siblings.find((child) => child.end === node.start);
}
newlines.length = comments.length; // could be one more if first comment is preceeded by empty text node
for (const comment of comments) {
siblings.splice(siblings.indexOf(comment), 1);
}
for (const text of newlines) {
siblings.splice(siblings.indexOf(text), 1);
}
return comments
.map((comment, i) => ({
comment,
emptyLineAfter: getUnencodedText(newlines[i]).split('\n').length > 2,
}))
.reverse();
}
const { join, line, group, indent, dedent, softline, hardline, fill, breakParent, literalline } = doc.builders;
function hasPragma(text) {
return /^\s*<!--\s*@(format|prettier)\W/.test(text);
}
let ignoreNext = false;
let ignoreRange = false;
function print(path, options, print) {
var _a, _b, _c, _d, _e, _f;
const bracketSameLine = isBracketSameLine(options);
const n = path.node;
if (!n) {
return '';
}
if (isASTNode(n)) {
return printTopLevelParts(n, options, path, print);
}
const [open, close] = ['{', '}'];
const printJsExpression = () => [open, printJS(path, print, 'expression'), close];
const node = n;
if ((ignoreNext || (ignoreRange && !isIgnoreEndDirective(node))) &&
(node.type !== 'Text' || !isEmptyTextNode(node))) {
if (ignoreNext) {
ignoreNext = false;
}
return flatten(options.originalText
.slice(options.locStart(node), options.locEnd(node))
.split('\n')
.map((o, i) => (i == 0 ? [o] : [literalline, o])));
}
switch (node.type) {
case 'Fragment':
const children = node.nodes;
if (children.length === 0 || children.every(isEmptyTextNode)) {
return '';
}
if (!isPreTagContent(path)) {
trimChildren(children);
const output = trim([printChildren(path, print, options)], (n) => isLine(n) ||
(typeof n === 'string' && isOnlyHtmlCollapseWhitespace(n)) ||
// Because printChildren may append this at the end and
// may hide other lines before it
n === breakParent);
if (output.every((doc) => isEmptyDoc(doc))) {
return '';
}
return group([...output, hardline]);
}
else {
return group(path.map(print, 'nodes'));
}
case 'Text':
if (!isPreTagContent(path)) {
if (isEmptyTextNode(node)) {
return printWhitespace(getUnencodedText(node));
}
/**
* For non-empty text nodes each sequence of non-whitespace characters (effectively,
* each "word") is joined by a single `line`, which will be rendered as a single space
* until this node's current line is out of room, at which `fill` will break at the
* most convenient instance of `line`.
*/
return fill(splitTextToDocs(node));
}
else {
let rawText = getUnencodedText(node);
const parent = path.getParentNode();
if (parent.type === 'Attribute') {
// Direct child of attribute value -> add literallines at end of lines
// so that other things don't break in unexpected places
if (parent.name === 'class' &&
path.getParentNode(1).type === 'RegularElement') {
// Special treatment for class attribute on html elements. Prettier
// will force everything into one line, we deviate from that and preserve lines.
rawText = rawText.replace(/([^ \t\n])(([ \t]+$)|([ \t]+(\r?\n))|[ \t]+)/g,
// Remove trailing whitespace in lines with non-whitespace characters
// except at the end of the string
(match, characterBeforeWhitespace, _, isEndOfString, isEndOfLine, endOfLine) => isEndOfString
? match
: characterBeforeWhitespace + (isEndOfLine ? endOfLine : ' '));
// Shrink trailing whitespace in case it's followed by a mustache tag
// and remove it completely if it's at the end of the string, but not
// if it's on its own line
rawText = rawText.replace(/([^ \t\n])[ \t]+$/, parent.value.indexOf(node) === parent.value.length - 1 ? '$1' : '$1 ');
}
return replaceEndOfLineWith(rawText, literalline);
}
return rawText;
}
case 'RegularElement':
case 'Component':
case 'SvelteComponent':
case 'SvelteSelf':
case 'SlotElement':
case 'SvelteFragment':
case 'SvelteWindow':
case 'SvelteHead':
case 'SvelteBody':
case 'SvelteDocument':
case 'SvelteElement':
case 'SvelteBoundary':
case 'TitleElement': {
const isSupportedLanguage = !(node.name === 'template' && !isNodeSupportedLanguage(node));
const element_children = getChildren(node);
const isEmpty = element_children.every((child) => isEmptyTextNode(child));
const isDoctypeTag = node.name.toUpperCase() === '!DOCTYPE';
const didSelfClose = options.originalText[node.end - 2] === '/';
const isSelfClosingTag = isEmpty &&
(((node.type === 'RegularElement' ||
node.type === 'SvelteHead' ||
node.type === 'Component' ||
node.type === 'SvelteComponent' ||
node.type === 'SvelteSelf' ||
node.type === 'SlotElement' ||
node.type === 'SvelteFragment' ||
node.type === 'SvelteBoundary' ||
node.type === 'TitleElement' ||
node.type === 'SvelteBody' ||
node.type === 'SvelteDocument' ||
node.type === 'SvelteElement') &&
didSelfClose) ||
node.type === 'SvelteWindow' ||
selfClosingTags.indexOf(node.name) !== -1 ||
isDoctypeTag);
// Order important: print attributes first
const attributes = path.map(printWithPrependedAttributeLine(node, options, print), 'attributes');
const attributeLine = getAttributeLine(node, options);
const possibleThisBinding = node.type === 'SvelteComponent' && node.expression
? [attributeLine, 'this=', ...printJsExpression()]
: node.type === 'SvelteElement' && node.tag
? [
attributeLine,
'this=',
...(() => {
var _a;
if (typeof node.tag === 'string') {
return [`"${node.tag}"`];
}
if (((_a = node.tag) === null || _a === void 0 ? void 0 : _a.type) === 'Literal' &&
typeof node.tag.value === 'string') {
const literal_value = node.tag.value;
const tag_start = node.tag.start;
const expression_wrapped = typeof tag_start === 'number' &&
options.originalText[tag_start - 1] === '{';
// Preserve <svelte:element this={"literal"}>
// because in Svelte 6 this="literal" will be invalid
if (expression_wrapped) {
return [open, `"${literal_value}"`, close];
}
return [`"${literal_value}"`];
}
return [open, printJS(path, print, 'tag'), close];
})(),
]
: '';
if (isSelfClosingTag) {
return group([
'<',
node.name,
indent(group([
possibleThisBinding,
...attributes,
bracketSameLine || isDoctypeTag ? '' : dedent(line),
])),
...[bracketSameLine && !isDoctypeTag ? ' ' : '', `${isDoctypeTag ? '' : '/'}>`],
]);
}
const children = element_children;
const firstChild = children[0];
const lastChild = children[children.length - 1];
// Is a function which is invoked later because printChildren will manipulate child nodes
// which would wrongfully change the other checks about hugging etc done beforehand
let body;
const hugStart = shouldHugStart(node, isSupportedLanguage, options);
const hugEnd = shouldHugEnd(node, isSupportedLanguage, options);
if (isEmpty) {
body =
isInlineElement(path, options, node) &&
children.length &&
isTextNodeStartingWithWhitespace(children[0]) &&
!isPreTagContent(path)
? () => line
: () => (bracketSameLine ? softline : '');
}
else if (isPreTagContent(path)) {
body = () => path.call((fragment_path) => printPre(options.originalText, fragment_path, print), 'fragment');
}
else if (!isSupportedLanguage) {
body = () => printRaw(node, options.originalText, true);
}
else if (isInlineElement(path, options, node) && !isPreTagContent(path)) {
body = () => path.call((fragment_path) => printChildren(fragment_path, print, options), 'fragment');
}
else {
body = () => path.call((fragment_path) => printChildren(fragment_path, print, options), 'fragment');
}
const openingTag = [
'<',
node.name,
indent(group([
possibleThisBinding,
...attributes,
hugStart && !isEmpty
? ''
: !bracketSameLine && !isPreTagContent(path)
? dedent(softline)
: '',
])),
];
if (!isSupportedLanguage && !isEmpty) {
// Format template tags so that there's a hardline but no indention.
// That way the `lang="X"` and the closing `>` of the start tag stay in one line
// which is the 99% use case.
return group([
...openingTag,
'>',
group([hardline, body(), hardline]),
`</${node.name}>`,
]);
}
if (hugStart && hugEnd) {
const huggedContent = [softline, group(['>', body(), `</${node.name}`])];
const omitSoftlineBeforeClosingTag = (isEmpty && !bracketSameLine) ||
canOmitSoftlineBeforeClosingTag(node, path, options);
return group([
...openingTag,
isEmpty ? group(huggedContent) : group(indent(huggedContent)),
omitSoftlineBeforeClosingTag ? '' : softline,
'>',
]);
}
// No hugging of content means it's either a block element and/or there's whitespace at the start/end
let noHugSeparatorStart = softline;
let noHugSeparatorEnd = softline;
if (isPreTagContent(path)) {
noHugSeparatorStart = '';
noHugSeparatorEnd = '';
}
else {
let didSetEndSeparator = false;
if (!hugStart && firstChild && firstChild.type === 'Text') {
if (isTextNodeStartingWithLinebreak(firstChild) &&
firstChild !== lastChild &&
(!isInlineElement(path, options, node) ||
isTextNodeEndingWithWhitespace(lastChild))) {
noHugSeparatorStart = hardline;
noHugSeparatorEnd = hardline;
didSetEndSeparator = true;
}
else if (isInlineElement(path, options, node)) {
noHugSeparatorStart = line;
}
trimTextNodeLeft(firstChild);
}
if (!hugEnd && lastChild && lastChild.type === 'Text') {
if (isInlineElement(path, options, node) && !didSetEndSeparator) {
noHugSeparatorEnd = line;
}
trimTextNodeRight(lastChild);
}
}
if (hugStart) {
return group([
...openingTag,
indent([softline, group(['>', body()])]),
noHugSeparatorEnd,
`</${node.name}>`,
]);
}
if (hugEnd) {
return group([
...openingTag,
'>',
indent([noHugSeparatorStart, group([body(), `</${node.name}`])]),
canOmitSoftlineBeforeClosingTag(node, path, options) ? '' : softline,
'>',
]);
}
if (isEmpty) {
return group([...openingTag, '>', body(), `</${node.name}>`]);
}
return group([
...openingTag,
'>',
indent([noHugSeparatorStart, body()]),
noHugSeparatorEnd,
`</${node.name}>`,
]);
}
case 'Options':
if (options.svelteSortOrder !== 'none') {
throw new Error('Options tags should have been handled by prepareChildren');
}
return group([
'<',
node.name,
indent(group([
...path.map(printWithPrependedAttributeLine(node, options, print), 'attributes'),
bracketSameLine ? '' : dedent(line),
])),
...[bracketSameLine ? ' ' : '', '/>'],
]);
case 'Identifier':
return node.name;
case 'Literal':
return JSON.stringify(node.value);
case 'ConditionalExpression':
return group([
printJS(path, print, 'test'),
indent([
line,
'? ',
printJS(path, print, 'consequent'),
line,
': ',
printJS(path, print, 'alternate'),
]),
]);
case 'VariableDeclarator':
return [printJS(path, print, 'id'), ' = ', printJS(path, print, 'init')];
case 'Attribute': {
if (isOrCanBeConvertedToShorthand(node)) {
if (options.svelteAllowShorthand) {
return ['{', node.name, '}'];
}
else {
return [node.name, `=${open}`, node.name, close];
}
}
else {
if (node.value === true) {
return [node.name];
}
const quotes = !isLoneMustacheTag(node.value);
const attrNodeValue = printAttributeNodeValue(path, print, quotes, node);
if (quotes) {
return [node.name, '=', '"', attrNodeValue, '"'];
}
else {
return [node.name, '=', attrNodeValue];
}
}
}
case 'ExpressionTag':
return ['{', printJS(path, print, 'expression'), '}'];
case 'IfBlock': {
const def = [
'{#if ',
printJS(path, print, 'test'),
'}',
printBlockFragment(path, print, options, 'consequent'),
];
if (node.alternate) {