Move all src JS into external plugins installed through NPM:

@11ty/eleventy-plugin-rss @11ty/eleventy-plugin-syntaxhighlight
CalGrimes · Jan 29, 2018 · ac5c7ed · ac5c7ed
1 parent c4b6550
commit ac5c7ed
Show file tree

Hide file tree

Showing 11 changed files with 14 additions and 235 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -1,50 +1,17 @@
 const { DateTime } = require("luxon");
-const metadata = require("./_data/metadata.json");
-const absoluteUrl = require("./_src/AbsoluteUrl");
-const HtmlToAbsoluteUrls = require("./_src/HtmlToAbsoluteUrls");
-const syntaxHighlighter = require("./_src/eleventy-liquidjs-tag-highlight-prismjs");
-
-function dateToISO(dateObj) {
-  return DateTime.fromJSDate(dateObj).toISO({ includeOffset: true, suppressMilliseconds: true });
-}
+const pluginRss = require("@11ty/eleventy-plugin-rss");
+const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
 
 module.exports = function(eleventyConfig) {
-  eleventyConfig.addLayoutAlias("post", "layouts/post.njk");
+  eleventyConfig.addPlugin(pluginRss);
+  eleventyConfig.addPlugin(pluginSyntaxHighlight);
 
-  eleventyConfig.addFilter("rssLastUpdatedDate", collection => {
-    if( !collection.length ) {
-      throw new Error( "Collection is empty in lastUpdatedDate filter." );
-    }
-    // Newest date in the collection
-    return dateToISO(collection[ collection.length - 1 ].date);
-  });
-
-  eleventyConfig.addFilter("rssDate", dateObj => {
-    return dateToISO(dateObj);
-  });
+  eleventyConfig.addLayoutAlias("post", "layouts/post.njk");
 
   eleventyConfig.addFilter("readableDate", dateObj => {
     return DateTime.fromJSDate(dateObj).toFormat("dd LLL yyyy");
   });
 
-  eleventyConfig.addNunjucksFilter("absoluteUrl", function(href, base) {
-    return absoluteUrl(href, base);
-  });
-
-  eleventyConfig.addNunjucksFilter("htmlToAbsoluteUrls", function(htmlContent, base, callback) {
-    if(!htmlContent) {
-      callback(null, "");
-      return;
-    }
-
-    HtmlToAbsoluteUrls(htmlContent, base).then(result => {
-      callback(null, result.html);
-    });
-  }, true);
-
-  // compatibility with existing {% highlight js %} and others
-  eleventyConfig.addLiquidTag("highlight", syntaxHighlighter);
-
   // only content in the `posts/` directory
   eleventyConfig.addCollection("posts", function(collection) {
     return collection.getAllSorted().filter(function(item) {

diff --git a/_src/AbsoluteUrl.js b/_src/AbsoluteUrl.js
diff --git a/_src/HighlightLines.js b/_src/HighlightLines.js
diff --git a/_src/HtmlToAbsoluteUrls.js b/_src/HtmlToAbsoluteUrls.js
diff --git a/_src/LiquidHighlight.js b/_src/LiquidHighlight.js
diff --git a/_src/eleventy-liquidjs-tag-highlight-plain.js b/_src/eleventy-liquidjs-tag-highlight-plain.js
diff --git a/_src/eleventy-liquidjs-tag-highlight-prismjs.js b/_src/eleventy-liquidjs-tag-highlight-prismjs.js
diff --git a/_src/test/HtmlToAbsoluteUrlsTest.js b/_src/test/HtmlToAbsoluteUrlsTest.js
diff --git a/package.json b/package.json
@@ -22,21 +22,10 @@
   },
   "homepage": "https://github.com/11ty/eleventy-base-blog#readme",
   "dependencies": {
-    "@11ty/eleventy": "0.2.12",
+    "@11ty/eleventy": "0.2.13",
+    "@11ty/eleventy-plugin-rss": "^1.0.1",
+    "@11ty/eleventy-plugin-syntaxhighlight": "^1.0.0",
     "luxon": "^0.3.1",
-    "posthtml": "^0.11.2",
-    "posthtml-urls": "^1.0.0",
     "prismjs": "^1.10.0"
-  },
-  "devDependencies": {
-    "ava": "^0.25.0"
-  },
-  "ava": {
-    "files": [
-      "_src/test/*.js"
-    ],
-    "source": [
-      "_src/**/*.{js,jsx}"
-    ]
   }
 }
diff --git a/posts/firstpost.md b/posts/firstpost.md
@@ -11,10 +11,10 @@ Bring to the table win-win survival strategies to ensure proactive domination. A
 
 Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
 
-{% highlight js 2-3 %}
+{% highlight-plain js 2-3 %}
 // this is a command
 function myCommand() {
 	let counter = 0;
 	counter++;
 }
-{% endhighlight %}
+{% endhighlight %}
diff --git a/posts/secondpost.md b/posts/secondpost.md
@@ -7,6 +7,9 @@ layout: layouts/post.njk
 ---
 Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
 
+<a href="{{ '/posts/firstpost/' | url }}">First post</a>
+<a href="{{ '/posts/thirdpost/' | url }}">Third post</a>
+
 Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.
 
-Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.
+Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.