eleventy-plugin-vento 2.6.0 → 3.0.1

package/release.config.js

@@ -1,31 +0,0 @@
-const presetConfig = {
-	types: [
-		{ type: 'feat', section: 'New Features' },
-		{ type: 'fix', section: 'Bug Fixes' },
-		{ type: 'refactor', section: 'Refactors' },
-		{ type: 'upstream', section: 'Dependency Updates' },
-		{ type: 'docs', hidden: true },
-		{ type: 'chore', hidden: true },
-		{ type: 'perf', hidden: true },
-		{ type: 'style', hidden: true },
-		{ type: 'test', hidden: true },
-	],
-};
-
-const releaseRules = [
-	{ breaking: true, release: 'major' },
-	{ type: 'upstream', release: 'minor' },
-];
-
-/** @type {import('semantic-release').Options} */
-export default {
-	preset: 'conventionalcommits',
-	presetConfig,
-	releaseRules,
-	plugins: [
-		['@semantic-release/commit-analyzer'],
-		'@semantic-release/release-notes-generator',
-		'@semantic-release/npm',
-		'@semantic-release/github',
-	],
-};

package/tests/autotrim/__snapshots__/autotrim-all.html

@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Document</title>
-</head>
-<body>
-	<main>
-		<section>
-			<h1>1</h1>
-			<p>This is section 1</p>
-		</section>
-		<section>
-			<h1>2</h1>
-			<p>This is section 2</p>
-		</section>
-		<section>
-			<h1>3</h1>
-			<p>This is section 3</p>
-		</section>
-		<section>
-			<h1>4</h1>
-			<p>This is section 4</p>
-		</section>
-			Section 5 is next!!
-		<section>
-			<h1>5</h1>
-			<p>This is section 5</p>
-		</section>
-		<section>
-			<h1>6</h1>
-			<p>This is section 6</p>
-		</section>
-		<section>
-			<h1>7</h1>
-			<p>This is section 7</p>
-		</section>
-		<section>
-			<h1>8</h1>
-			<p>This is section 8</p>
-		</section>
-		<section>
-			<h1>9</h1>
-			<p>This is section 9</p>
-		</section>
-		<section>
-			<h1>10</h1>
-			<p>This is section 10</p>
-		</section>
-	</main>
-</body>
-</html>

package/tests/autotrim/__snapshots__/autotrim-single.html

@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Document</title>
-</head>
-<body>
-	<main>
-	
-		
-		<section>
-			<h1>1</h1>
-			<p>This is section 1</p>
-		</section>
-	
-		
-		<section>
-			<h1>2</h1>
-			<p>This is section 2</p>
-		</section>
-	
-		
-		<section>
-			<h1>3</h1>
-			<p>This is section 3</p>
-		</section>
-	
-		
-		<section>
-			<h1>4</h1>
-			<p>This is section 4</p>
-		</section>
-	
-		
-			Section 5 is next!!
-		
-		<section>
-			<h1>5</h1>
-			<p>This is section 5</p>
-		</section>
-	
-		
-		<section>
-			<h1>6</h1>
-			<p>This is section 6</p>
-		</section>
-	
-		
-		<section>
-			<h1>7</h1>
-			<p>This is section 7</p>
-		</section>
-	
-		
-		<section>
-			<h1>8</h1>
-			<p>This is section 8</p>
-		</section>
-	
-		
-		<section>
-			<h1>9</h1>
-			<p>This is section 9</p>
-		</section>
-	
-		
-		<section>
-			<h1>10</h1>
-			<p>This is section 10</p>
-		</section>
-	
-	</main>
-</body>
-</html>

package/tests/autotrim/autotrim.test.js

@@ -1,17 +0,0 @@
-import { expect, test } from 'vitest';
-import { runBuild } from '#test-instance';
-
-const [trimSingle, trimAll] = await Promise.all([
-	runBuild(import.meta.dirname, { vento: { trimTags: ['set'] } }),
-	runBuild(import.meta.dirname, { vento: { trimTags: true } }),
-]);
-
-test('should trim a single tag', async () => {
-	const page = trimSingle[0];
-	await expect(page.content).toMatchFileSnapshot('./build/autotrim-single.html');
-});
-
-test('should trim all tags', async () => {
-	const page = trimAll[0];
-	await expect(page.content).toMatchFileSnapshot('./build/autotrim-all.html');
-});

package/tests/autotrim/build/autotrim-all.html

@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Document</title>
-</head>
-<body>
-	<main>
-		<section>
-			<h1>1</h1>
-			<p>This is section 1</p>
-		</section>
-		<section>
-			<h1>2</h1>
-			<p>This is section 2</p>
-		</section>
-		<section>
-			<h1>3</h1>
-			<p>This is section 3</p>
-		</section>
-		<section>
-			<h1>4</h1>
-			<p>This is section 4</p>
-		</section>
-			Section 5 is next!!
-		<section>
-			<h1>5</h1>
-			<p>This is section 5</p>
-		</section>
-		<section>
-			<h1>6</h1>
-			<p>This is section 6</p>
-		</section>
-		<section>
-			<h1>7</h1>
-			<p>This is section 7</p>
-		</section>
-		<section>
-			<h1>8</h1>
-			<p>This is section 8</p>
-		</section>
-		<section>
-			<h1>9</h1>
-			<p>This is section 9</p>
-		</section>
-		<section>
-			<h1>10</h1>
-			<p>This is section 10</p>
-		</section>
-	</main>
-</body>
-</html>

package/tests/autotrim/build/autotrim-single.html

@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Document</title>
-</head>
-<body>
-	<main>
-	
-		
-		<section>
-			<h1>1</h1>
-			<p>This is section 1</p>
-		</section>
-	
-		
-		<section>
-			<h1>2</h1>
-			<p>This is section 2</p>
-		</section>
-	
-		
-		<section>
-			<h1>3</h1>
-			<p>This is section 3</p>
-		</section>
-	
-		
-		<section>
-			<h1>4</h1>
-			<p>This is section 4</p>
-		</section>
-	
-		
-			Section 5 is next!!
-		
-		<section>
-			<h1>5</h1>
-			<p>This is section 5</p>
-		</section>
-	
-		
-		<section>
-			<h1>6</h1>
-			<p>This is section 6</p>
-		</section>
-	
-		
-		<section>
-			<h1>7</h1>
-			<p>This is section 7</p>
-		</section>
-	
-		
-		<section>
-			<h1>8</h1>
-			<p>This is section 8</p>
-		</section>
-	
-		
-		<section>
-			<h1>9</h1>
-			<p>This is section 9</p>
-		</section>
-	
-		
-		<section>
-			<h1>10</h1>
-			<p>This is section 10</p>
-		</section>
-	
-	</main>
-</body>
-</html>

package/tests/autotrim/index.vto

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Document</title>
-</head>
-<body>
-	{{ set numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] }}
-	<main>
-	{{ for num of numbers }}
-		{{ set current = `section ${num}` }}
-		{{ if num === 5 }}
-			Section 5 is next!!
-		{{ /if }}
-		<section>
-			<h1>{{ num }}</h1>
-			<p>This is {{ current }}</p>
-		</section>
-	{{ /for }}
-	</main>
-</body>
-</html>

package/tests/basic/__snapshots__/template-basic.html

@@ -1,4 +0,0 @@
-
-<h1>Basic Page</h1>
-
-This is a standalone page.

package/tests/basic/basic.test.js

@@ -1,9 +0,0 @@
-import { expect, test } from 'vitest';
-import { runBuild } from '#test-instance';
-
-const results = await runBuild(import.meta.dirname);
-
-test('renders a basic template', async () => {
-	const page = results[0];
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/template-basic.html');
-});

package/tests/basic/index.vto

@@ -1,7 +0,0 @@
----
-title: Basic Page
----
-
-<h1>{{ title }}</h1>
-
-This is a standalone page.

package/tests/computed-data/__snapshots__/from-local-key.html

@@ -1,4 +0,0 @@
-
-<h1>Dynamically generated from a custom key</h1>
-
-<p>a custom key</p>

package/tests/computed-data/computed-data.test.js

@@ -1,9 +0,0 @@
-import { expect, test } from 'vitest';
-import { runBuild } from '#test-instance';
-
-const results = await runBuild(import.meta.dirname);
-
-test('renders computed data from local key', async () => {
-	const page = results.find(({ url }) => url === '/from-local-key/');
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/from-local-key.html');
-});

package/tests/computed-data/from-local-key.vto

@@ -1,9 +0,0 @@
----
-eleventyComputed:
-  title: "Dynamically generated from {{ customKey }}"
-customKey: "a custom key"
----
-
-<h1>{{ title }}</h1>
-
-<p>{{ customKey }}</p>

package/tests/engine-overrides/__snapshots__/as-html-engine.html

@@ -1,4 +0,0 @@
-
-<p>2 + 2 = 4</p>
-
-<p>This is a cool page</p>

package/tests/engine-overrides/__snapshots__/as-md-engine.html

@@ -1,2 +0,0 @@
-<p>2 + 2 = 4</p>
-<p>This is a cool page</p>

package/tests/engine-overrides/as-html-engine.html

@@ -1,7 +0,0 @@
----
-title: This is a cool page
----
-
-<p>2 + 2 = {{ 2 + 2 }}</p>
-
-<p>{{ title }}</p>

package/tests/engine-overrides/as-md-engine.md

@@ -1,7 +0,0 @@
----
-title: This is a cool page
----
-
-2 + 2 = {{ 2 + 2 }}
-
-{{ title }}

package/tests/engine-overrides/eleventy.config.js

@@ -1,4 +0,0 @@
-export const config = {
-	markdownTemplateEngine: 'vto',
-	htmlTemplateEngine: 'vto',
-};

package/tests/engine-overrides/engine-overrides.test.js

@@ -1,14 +0,0 @@
-import { expect, test } from 'vitest';
-import { runBuild } from '#test-instance';
-
-export const results = await runBuild(import.meta.dirname);
-
-test('renders markdown file with Vento', async () => {
-	const page = results.find(({ url }) => url === '/as-md-engine/');
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/as-md-engine.html');
-});
-
-test('renders html file with Vento', async () => {
-	const page = results.find(({ url }) => url === '/as-html-engine/');
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/as-html-engine.html');
-});

package/tests/filters/__snapshots__/filters-arguments.html

@@ -1 +0,0 @@
-This is a <strong>really cool</strong> filter.

package/tests/filters/__snapshots__/filters-basic.html

@@ -1,2 +0,0 @@
-
-Page title is 'A BASIC PAGE'

package/tests/filters/basic.vto

@@ -1,5 +0,0 @@
----
-title: A basic page
----
-
-Page title is '{{ title |> uppercase }}'

package/tests/filters/eleventy.config.js

@@ -1,13 +0,0 @@
-export default function (eleventyConfig) {
-	eleventyConfig.addFilter(
-		'uppercase',
-		/** @param {string} content */
-		(content) => content.toUpperCase()
-	);
-
-	eleventyConfig.addFilter('wrapWith', (content, tag) => `<${tag}>${content}</${tag}>`);
-
-	eleventyConfig.addFilter('pageUrlCompare', function (url) {
-		return url === this.page.url;
-	});
-}

package/tests/filters/filters.test.js

@@ -1,19 +0,0 @@
-import { expect, test } from 'vitest';
-import { runBuild } from '#test-instance';
-
-const results = await runBuild(import.meta.dirname);
-
-test('transforms string with built-in method', async () => {
-	const page = results.find(({ url }) => url === '/basic/');
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/filters-basic.html');
-});
-
-test('transforms string with passed arguments', async () => {
-	const page = results.find(({ url }) => url === '/with-arguments/');
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/filters-arguments.html');
-});
-
-test('verify page context in scoped data', async () => {
-	const page = results.find(({ url }) => url === '/with-this/');
-	expect(page.content).toBe('true\n');
-});

package/tests/filters/with-arguments.vto

@@ -1 +0,0 @@
-This is a {{ 'really cool' |> wrapWith('strong') }} filter.

package/tests/filters/with-this.vto

@@ -1 +0,0 @@
-{{ page.url |> pageUrlCompare }}

package/tests/get-instance.js

@@ -1,38 +0,0 @@
-import path from 'node:path';
-import { VentoPlugin } from 'eleventy-plugin-vento';
-import Eleventy from '@11ty/eleventy';
-
-/**
- * @typedef {import('@11ty/eleventy/src/UserConfig.js').default} EleventyUserConfig
- *
- * @typedef {object} ExtensionsOptions
- * @property {import('eleventy-plugin-vento').VentoPluginOptions} vento
- * @property {(configApi: EleventyUserConfig) => void} eleventy
- *
- * @typedef {{ url: string, inputPath: string, outputPath: string, rawInput: string, content: string }} PageObject
- * @typedef {PageObject[]} EleventyOutput
- */
-
-/**
- * @param {string} fromInput
- * @param {ExtensionsOptions} [extensions={}]
- */
-export async function runBuild(fromInput, extensions = {}) {
-	const instance = new Eleventy(fromInput, '_site', {
-		quiet: true,
-
-		configPath: path.join(fromInput, 'eleventy.config.js'),
-
-		/** @param {EleventyUserConfig} eleventyConfig */
-		config(eleventyConfig) {
-			eleventyConfig.addPlugin(VentoPlugin, extensions.vento || {});
-
-			eleventyConfig.ignores.add('**/__snapshots__/**');
-		},
-	});
-
-	/** @type {Promise<EleventyOutput>} */
-	const results = await instance.toJSON();
-
-	return results;
-}

package/tests/includes/__snapshots__/includes-basic.html

@@ -1,8 +0,0 @@
-
-<h1>Page with includes</h1>
-
-<section class="include">
-	<p>This content is included.</p>
-	<p>Passed data for `extra` key: ''</p>
-</section>
-

package/tests/includes/__snapshots__/includes-data.html

@@ -1,8 +0,0 @@
-
-<h1>Page with includes (data passing)</h1>
-
-<section class="include">
-	<p>This content is included.</p>
-	<p>Passed data for `extra` key: 'super fancy data'</p>
-</section>
-

package/tests/includes/_includes/partial.vto

@@ -1,4 +0,0 @@
-<section class="include">
-	<p>This content is included.</p>
-	<p>Passed data for `extra` key: '{{ extra }}'</p>
-</section>

package/tests/includes/basic.vto

@@ -1,7 +0,0 @@
----
-title: Page with includes
----
-
-<h1>{{ title }}</h1>
-
-{{ include 'partial.vto' }}

package/tests/includes/includes.test.js

@@ -1,14 +0,0 @@
-import { expect, test } from 'vitest';
-import { runBuild } from '#test-instance';
-
-const results = await runBuild(import.meta.dirname);
-
-test('include a page', async () => {
-	const page = results.find(({ url }) => url === '/basic/');
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/includes-basic.html');
-});
-
-test('include a page with data passing', async () => {
-	const page = results.find(({ url }) => url === '/with-data/');
-	await expect(page.content).toMatchFileSnapshot('./__snapshots__/includes-data.html');
-});

package/tests/includes/with-data.vto

@@ -1,7 +0,0 @@
----
-title: Page with includes (data passing)
----
-
-<h1>{{ title }}</h1>
-
-{{ include 'partial.vto' { extra: 'super fancy data' } }}

package/tests/layouts/__snapshots__/example-layout-1.html

@@ -1,27 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Page with layout</title>
-	</head>
-	<body>
-		<header>
-			<h1>Page title: Page with layout</h1>
-		</header>
-		<main>
-			<section>This is an alternative layout.</section>
-			<section>
-<p>This is a page that uses the first layout.</p>
-
-<p>This is another paragraph.</p>
-<p>This is another paragraph.</p>
-<p>This is another paragraph.</p>
-
-</section>
-		</main>
-		<footer>
-			<p>I am a footer, outside the layout</p>
-		</footer>
-	</body>
-</html>

package/tests/layouts/__snapshots__/example-layout-2.html

@@ -1,24 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Page with layout</title>
-	</head>
-	<body>
-		<header>
-			<h1>Page title: Page with layout</h1>
-		</header>
-		<main>
-<p>This is a page that uses the second layout.</p>
-
-<p>This is another paragraph.</p>
-<p>This is another paragraph.</p>
-<p>This is another paragraph.</p>
-
-</main>
-		<footer>
-			<p>I am a footer, outside the layout</p>
-		</footer>
-	</body>
-</html>

package/tests/layouts/_includes/layout1.vto

@@ -1,20 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>{{ title }}</title>
-	</head>
-	<body>
-		<header>
-			<h1>Page title: {{ title }}</h1>
-		</header>
-		<main>
-			<section>This is an alternative layout.</section>
-			<section>{{ content }}</section>
-		</main>
-		<footer>
-			<p>I am a footer, outside the layout</p>
-		</footer>
-	</body>
-</html>