@anydigital/eleventy-bricks 0.28.0-alpha → 0.28.0-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anydigital/eleventy-bricks",
-  "version": "0.28.0-alpha",
+  "version": "0.28.0-alpha.3",
   "description": "A collection of helpful utilities and filters for Eleventy (11ty)",
   "type": "module",
   "main": "./src/index.js",
@@ -11,8 +11,7 @@
     }
   },
   "scripts": {
-    "test": "node --test src/**/*.test.js",
-    "prepublishOnly": "npm run test"
+    "test": "node --test src/**/*.test.js"
   },
   "keywords": [
     "11ty",

package/src/eleventy.config.js

@@ -50,6 +50,12 @@ export default function (eleventyConfig) {
   const argv = minimist(process.argv.slice(2));
   const inputDir = argv.input || ".";
 
+  /* Jekyll parity */
+  eleventyConfig.addPassthroughCopy("assets");
+  eleventyConfig.addGlobalData("layout", "default");
+  eleventyConfig.setLiquidOptions({ dynamicPartials: false }); // allows unquoted Jekyll-style includes
+  eleventyConfig.addFilter("relative_url", (content) => content);
+
   /* Plugins */
   eleventyConfig.addPlugin(RenderPlugin);
   if (eleventyNavigationPlugin) eleventyConfig.addPlugin(eleventyNavigationPlugin);
@@ -68,9 +74,6 @@ export default function (eleventyConfig) {
   }
 
   /* Libraries */
-  eleventyConfig.setLiquidOptions({
-    dynamicPartials: false, // This allows unquoted includes like Jekyll
-  });
   let md = markdownIt({
     html: true,
     linkify: true,
@@ -86,7 +89,6 @@ export default function (eleventyConfig) {
   eleventyConfig.addFilter("markdownify", (content) => md.render(String(content ?? "")));
 
   /* Data */
-  // eleventyConfig.addGlobalData("layout", "__layout");
   eleventyConfig.addDataExtension("yml", (contents) => yaml.load(contents));
 
   /* Build */

package/src/processors/autoLinkFavicons.js

@@ -50,7 +50,7 @@ export function buildFaviconLink(attrs, domain, text) {
     updatedAttrs = updatedAttrs + ' target="_blank"';
   }
 
-  return `<a ${updatedAttrs}><i><img src="https://www.google.com/s2/favicons?domain=${domain}&sz=32"></i><span>${text}</span></a>`;
+  return `<a ${updatedAttrs}><i><img src="https://www.google.com/s2/favicons?domain=${domain}&sz=64"></i><span>${text}</span></a>`;
 }
 
 /**

package/src/processors/autoLinkFavicons.test.js

@@ -90,7 +90,7 @@ describe("buildFaviconLink", () => {
     const result = buildFaviconLink('href="https://example.com/docs"', "example.com", "/docs");
     assert.equal(
       result,
-      '<a href="https://example.com/docs" class="whitespace-nowrap" target="_blank"><i><img src="https://www.google.com/s2/favicons?domain=example.com&sz=32"></i><span>/docs</span></a>',
+      '<a href="https://example.com/docs" class="whitespace-nowrap" target="_blank"><i><img src="https://www.google.com/s2/favicons?domain=example.com&sz=64"></i><span>/docs</span></a>',
     );
   });
 
@@ -98,13 +98,13 @@ describe("buildFaviconLink", () => {
     const result = buildFaviconLink('href="https://example.com" class="link"', "example.com", "text");
     assert.equal(
       result,
-      '<a href="https://example.com" class="link whitespace-nowrap" target="_blank"><i><img src="https://www.google.com/s2/favicons?domain=example.com&sz=32"></i><span>text</span></a>',
+      '<a href="https://example.com" class="link whitespace-nowrap" target="_blank"><i><img src="https://www.google.com/s2/favicons?domain=example.com&sz=64"></i><span>text</span></a>',
     );
   });
 
-  it("should use sz=32 parameter for favicon size", () => {
+  it("should use sz=64 parameter for favicon size", () => {
     const result = buildFaviconLink('href="https://example.com"', "example.com", "text");
-    assert.match(result, /sz=32/);
+    assert.match(result, /sz=64/);
   });
 
   it("should wrap img in <i> tag", () => {
@@ -116,7 +116,7 @@ describe("buildFaviconLink", () => {
     const result = buildFaviconLink('href="https://github.com/repo"', "github.com", "/repo");
     assert.equal(
       result,
-      '<a href="https://github.com/repo" class="whitespace-nowrap" target="_blank"><i><img src="https://www.google.com/s2/favicons?domain=github.com&sz=32"></i><span>/repo</span></a>',
+      '<a href="https://github.com/repo" class="whitespace-nowrap" target="_blank"><i><img src="https://www.google.com/s2/favicons?domain=github.com&sz=64"></i><span>/repo</span></a>',
     );
   });
 
@@ -136,7 +136,7 @@ describe("transformLink", () => {
     );
     assert.match(
       result,
-      /<i><img src="https:\/\/www\.google\.com\/s2\/favicons\?domain=example\.com&sz=32"><\/i><span>\/docs<\/span>/,
+      /<i><img src="https:\/\/www\.google\.com\/s2\/favicons\?domain=example\.com&sz=64"><\/i><span>\/docs<\/span>/,
     );
   });
 
@@ -395,7 +395,7 @@ describe("replaceLinksInHtml", () => {
     const html = '<a href="https://example.com/docs">https://example.com/docs</a>';
     const result = replaceLinksInHtml(html, transformLink);
     // transformLink should add favicon for plain URL links
-    assert.match(result, /<img src="https:\/\/www\.google\.com\/s2\/favicons\?domain=example\.com&sz=32">/);
+    assert.match(result, /<img src="https:\/\/www\.google\.com\/s2\/favicons\?domain=example\.com&sz=64">/);
     assert.match(result, /<span>\/docs<\/span><\/a>/);
   });