// This file is the entry point for all 11ty configuration.

// It configures the core 11ty behavior and registers

// plugins and customization that live in `/src/_11ty`.

import {

activeNavForPage,

arrayToSentenceString,

breadcrumbsForPage,

generateToc,

regexReplace,

toISOString,

} from './src/_11ty/filters.js';

import { markdown } from './src/_11ty/plugins/markdown.js';

import { configureHighlighting } from './src/_11ty/plugins/highlight.js';

import minifier from 'html-minifier-terser';

import yaml from 'js-yaml';

import { EleventyRenderPlugin } from '@11ty/eleventy';

import * as path from 'node:path';

import * as sass from 'sass';

// noinspection JSUnusedGlobalSymbols

/**

* @typedef {import('11ty/eleventy/UserConfig')} EleventyConfig

* @param {EleventyConfig} eleventyConfig

*/

export default function (eleventyConfig) {

const isProduction = process.env.PRODUCTION === 'true';

const shouldOptimize = process.env.OPTIMIZE === 'true';

eleventyConfig.on('eleventy.before', async () => {

await configureHighlighting(markdown);

});

eleventyConfig.addGlobalData('isProduction', isProduction);

eleventyConfig.setLibrary('md', markdown);

eleventyConfig.addDataExtension('yml,yaml', (contents) =>

yaml.load(contents),

);

eleventyConfig.setLiquidOptions({

cache: true,

strictFilters: true,

lenientIf: true,

jekyllInclude: true,

});

eleventyConfig.addPlugin(EleventyRenderPlugin);

let _currentTabsTitle = '';

let _currentTabIsActive = false;

// TODO(parlough): Replace samplecode with something easier.

eleventyConfig.addShortcode('samplecode', function(tabsTitle, tabsString) {

_currentTabsTitle = tabsTitle.toLowerCase();

let tabMarkup = `<ul class="nav nav-tabs sample-code-tabs" id="${_currentTabsTitle}-language" role="tablist">`;

let activeTab = true;

_currentTabIsActive = true;

const tabs = tabsString.split(',').map((tab) => tab.trim());

tabs.forEach((tabName) => {

const tabId = `${_currentTabsTitle}-${tabName.toLowerCase().replaceAll("+", "-plus")}`;

tabMarkup += `<li class="nav-item">

<a class="nav-link ${activeTab ? "active" : ""}" id="${tabId}-tab" href="#${tabId}" role="tab" aria-controls="${tabId}" aria-selected="true">${tabName}</a>

</li>`;

activeTab = false;

});

tabMarkup += `</ul><div class="tab-content">

`;

return tabMarkup;

});

eleventyConfig.addShortcode('endsamplecode', function() {

return `</div>`

});

eleventyConfig.addPairedShortcode('sample', function(content, tabName) {

const tabId = `${_currentTabsTitle}-${tabName.toLowerCase().replaceAll("+", "-plus")}`;

const tabContent = `<div class="tab-pane ${_currentTabIsActive ? "active" : ""}" id="${tabId}" role="tabpanel" aria-labelledby="${tabId}-tab">

${content}

</div>

`;

_currentTabIsActive = false;

return tabContent;

});

// TODO(parlough): Make this more generic.

eleventyConfig.addFilter('children_pages', function (pages, pageUrl) {

return pages.filter((page) => page.url.includes(pageUrl) && page.url !== pageUrl);

});

// TODO(parlough): Make this more generic.

eleventyConfig.addFilter('widget_filter', function (widgets, field, subName) {

return widgets.filter((comp) => comp[field]?.includes(subName) ?? false);

});

eleventyConfig.addFilter('regex_replace', regexReplace);

eleventyConfig.addFilter('toISOString', toISOString);

eleventyConfig.addFilter('active_nav_for_page', activeNavForPage);

eleventyConfig.addFilter('array_to_sentence_string', arrayToSentenceString);

eleventyConfig.addFilter('throw_error', function (error) {

throw new Error(error);

});

eleventyConfig.addFilter('generate_toc', generateToc);

eleventyConfig.addFilter('breadcrumbsForPage', breadcrumbsForPage);

eleventyConfig.addTemplateFormats('scss');

eleventyConfig.addWatchTarget('src/_sass');

eleventyConfig.addExtension('scss', {

outputFileExtension: 'css',

compile: function (inputContent, inputPath) {

},

});

eleventyConfig.addPassthroughCopy('src/content/assets/js');

eleventyConfig.addPassthroughCopy({'site-shared/packages/inject_dartpad/lib/inject_dartpad.js': 'assets/js/inject_dartpad.js'});

eleventyConfig.addPassthroughCopy('src/content/assets/images', { expand: true });

eleventyConfig.addPassthroughCopy('src/content/cookbook/img-files', { expand: true });

eleventyConfig.addPassthroughCopy('src/content/f', {

expand: true,

filter: /^(?!_).+/,

});

eleventyConfig.addPassthroughCopy('src/content/tools/devtools/release-notes', {

filter: (path) => path.includes('src') || path.includes('images'),

});

if (shouldOptimize) {

// If building for production, minify/optimize the HTML output.

// Doing so during serving isn't worth the extra build time.

eleventyConfig.addTransform('minify-html', async function (content) {

if (this.page.outputPath && this.page.outputPath.endsWith('.html')) {

// Minify the page's content if it's an HTML file.

// Other options can be enabled, but each should be tested.

return await minifier.minify(content, {

useShortDoctype: true,

removeComments: true,

collapseWhitespace: true,

minifyJS: true,

});

}

return content;

});

}

eleventyConfig.setQuietMode(true);

eleventyConfig.setServerOptions({

port: 4000,

watch: ['src/_sass'],

});

return {

htmlTemplateEngine: 'liquid',

dir: {

input: 'src/content',

output: '_site',

layouts: '../_layouts',

includes: '../_includes',

data: '../_data',

},

};

}