npm - poops - Versions diffs - 1.0.16 → 1.0.17 - Mend

poops 1.0.16 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/README.md +7 -5
package/changelog/blog-functionality.html +57 -0
package/changelog/feed.rss +31 -0
package/changelog/front-matter.html +60 -0
package/changelog/index.html +73 -0
package/changelog/markdown-support.html +55 -0
package/example/dist/css/styles.css +2202 -12515
package/example/dist/css/styles.css.map +1 -1
package/example/dist/css/styles.min.css +2 -2
package/example/dist/js/scripts.js +1 -1
package/example/dist/js/scripts.min.js +1 -1
package/example/src/markup/_data/links.json +4 -0
package/example/src/markup/_layouts/blog.html +35 -0
package/example/src/markup/_layouts/default.html +6 -5
package/example/src/markup/_partials/{header.html → heading.html} +3 -3
package/example/src/markup/_partials/site-header.html +16 -0
package/example/src/markup/changelog/blog-functionality.md +9 -0
package/example/src/markup/changelog/feed.rss +23 -0
package/example/src/markup/changelog/front-matter.md +12 -0
package/example/src/markup/changelog/index.html +28 -0
package/example/src/markup/changelog/markdown-support.md +7 -0
package/example/src/markup/index.html +5 -4
package/example/src/scss/_config.scss +22 -0
package/example/src/scss/index.scss +1 -0
package/example/src/scss/style/index.scss +0 -20
package/index.html +28 -11
package/lib/markups.js +240 -14
package/lib/styles.js +1 -1
package/lib/utils/helpers.js +26 -1
package/package.json +2 -1
package/poops.js +12 -4
package//360/237/222/251.json +7 -2
package/example/src/markup/test.md +0 -5

package/README.md CHANGED Viewed

@@ -35,7 +35,7 @@ It uses a simple config file where you define your input and output paths and it
 * Supports multiple input and output paths
 * Resolves node modules
 * Can add a templatable banner to output files (optional)
-* Static site generation with [nunjucks](https://mozilla.github.io/nunjucks/) templating (optional)
+* Static site generation with [nunjucks](https://mozilla.github.io/nunjucks/) templating, with blogging option (optional)
 * Has a configurable local server (optional)
 * Rebuilds on file changes (optional)
 * Live reloads on file changes (optional)
@@ -381,12 +381,14 @@ Same as `watch` property, `includePaths` accepts an array of paths to include. I
 * [x] Add nunjucks static templating
   * [ ] Refactor nunjucks implementation
   * [ ] Complete documentation for nunjucks
-  * [ ] Add markdown support
+  * [x] Add markdown support
   * [x] Front Matter support
-  * [ ] Future implementation: alternative templating engine liquidjs
-  * [ ] Future implementation: posts and custom collections, so we can have a real static site generator
+  * [ ] Future implementation: alternative templating engine liquidjs?
+  * [x] Future implementation: posts and custom collections, so we can have a real static site generator
+  * [x] Collection pagination system
+  * [x] Post published toggle
+  * [x] RSS and ATOM generation for collections
 * [ ] Refactor!!!!
-* [ ] Add more argv options like config creation, etc.
 ## Why?

package/changelog/blog-functionality.html ADDED Viewed

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Blog Functionality | 💩 Poops</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Hey folks, this is my second blog post.">
+  <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="../example/dist/css/styles.min.css">
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
+  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
+</head>
+<body class="bg-brownish">
+  <header class="py-8">
+  <div class="container d-flex justify-space-between align-center h-48">
+      <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
+        <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
+        POOPS
+      </a>
+    <nav class="ml-auto">
+        <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
+        <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
+    </nav>
+  </div>
+</header>
+  <div class="container">
+<h1>Blog Functionality</h1>
+<p>  Hey folks, this is my second blog post.</p>
+  </div>
+  <script>document.write('<script src="http://'
+    + (location.host || 'localhost').split(':')[0]
+    + ':35729/livereload.js?snipver=1"></'
+    + 'script>')</script>
+  <script>hljs.highlightAll();</script>
+  <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
+</body>
+</html>

package/changelog/feed.rss ADDED Viewed

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+<channel>
+  <title>Changelog | 💩 Poops</title>
+  <description>Straightforward, no-bullshit bundler for the web.</description>
+  <link>https://stamat.github.io/poops</link>
+  <atom:link href="https://stamat.github.io/poops/changelog/feed.rss" rel="self" type="application/rss+xml" />
+  <lastBuildDate>Thu, 21 Sep 2023 21:32:19 +0200</lastBuildDate>
+  <pubDate>Thu, 21 Sep 2023 15:42:00 +0200</pubDate>
+  <ttl>1800</ttl>
+    <item>
+      <title>Blog Functionality</title>
+      <guid isPermaLink="true">https://stamat.github.io/poops/changelog/blog-functionality.html</guid>
+      <link>https://stamat.github.io/poops/changelog/blog-functionality.html</link>
+      <description>Hey folks, this is my second blog post.</description>
+      <pubDate>Thu, 21 Sep 2023 15:42:00 +0200</pubDate>
+    </item>
+    <item>
+      <title>Added Front Matter support!</title>
+      <guid isPermaLink="true">https://stamat.github.io/poops/changelog/front-matter.html</guid>
+      <link>https://stamat.github.io/poops/changelog/front-matter.html</link>
+      <description>Front matter is an awesome idea! Since the static site generator functionality of Poops is inspired by Jekyll and the genius of peeps that came up with the idea of front matter, I decided to add it to Poops as well. Made things super simple! And that's what Poops is all about. Making things simple.</description>
+      <pubDate>Tue, 19 Sep 2023 02:00:00 +0200</pubDate>
+    </item>
+  </channel>
+</rss>

package/changelog/front-matter.html ADDED Viewed

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Added Front Matter support! | 💩 Poops</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Front matter is an awesome idea! Since the static site generator functionality of Poops is inspired by Jekyll and the genius of peeps that came up with the idea of front matter, I decided to add it to Poops as well. Made things super simple! And that's what Poops is all about. Making things simple.">
+  <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="../example/dist/css/styles.min.css">
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
+  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
+</head>
+<body class="bg-brownish">
+  <header class="py-8">
+  <div class="container d-flex justify-space-between align-center h-48">
+      <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
+        <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
+        POOPS
+      </a>
+    <nav class="ml-auto">
+        <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
+        <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
+    </nav>
+  </div>
+</header>
+  <div class="container">
+<h1>Added Front Matter support!</h1>
+<blockquote>
+<p>Front matter is an awesome idea! Since the static site generator functionality of Poops is inspired by Jekyll and the genius of peeps that came up with the idea of front matter, I decided to add it to Poops as well. Made things super simple! And that's what Poops is all about. Making things simple.</p>
+</blockquote>
+<p>Adding Front Matter was a breeze. Seriously.</p>
+  </div>
+  <script>document.write('<script src="http://'
+    + (location.host || 'localhost').split(':')[0]
+    + ':35729/livereload.js?snipver=1"></'
+    + 'script>')</script>
+  <script>hljs.highlightAll();</script>
+  <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
+</body>
+</html>

package/changelog/index.html ADDED Viewed

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Changelog | 💩 Poops</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Follow the latest changes of Poops.">
+  <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="../example/dist/css/styles.min.css">
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
+  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
+</head>
+<body class="bg-brownish">
+  <header class="py-8">
+  <div class="container d-flex justify-space-between align-center h-48">
+      <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
+        <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
+        POOPS
+      </a>
+    <nav class="ml-auto">
+        <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
+        <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
+    </nav>
+  </div>
+</header>
+  <div class="container">
+<div class="text-center">
+  <h1>Changelog</h1>
+</div>
+  <div class="post">
+    <h2><a href="../changelog/blog-functionality.html">Blog Functionality</a></h2>
+    <div class="date">Sep 21, 2023</div>
+    Hey folks, this is my second blog post.
+  </div>
+  <div class="post">
+    <h2><a href="../changelog/front-matter.html">Added Front Matter support!</a></h2>
+    <div class="date">Sep 19, 2023</div>
+    Front matter is an awesome idea! Since the static site generator functionality of Poops is inspired by Jekyll and the genius of peeps that came up with the idea of front matter, I decided to add it to Poops as well. Made things super simple! And that's what Poops is all about. Making things simple.
+  </div>
+  </div>
+  <script>document.write('<script src="http://'
+    + (location.host || 'localhost').split(':')[0]
+    + ':35729/livereload.js?snipver=1"></'
+    + 'script>')</script>
+  <script>hljs.highlightAll();</script>
+  <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
+</body>
+</html>

package/changelog/markdown-support.html ADDED Viewed

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Markdown Support | 💩 Poops</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Hey folks, this is my second blog post.">
+  <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="../example/dist/css/styles.min.css">
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
+  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
+</head>
+<body class="bg-brownish">
+  <header class="py-8">
+  <div class="container d-flex justify-space-between align-center h-48">
+      <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
+        <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
+        POOPS
+      </a>
+    <nav class="ml-auto">
+        <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
+        <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
+    </nav>
+  </div>
+</header>
+  <div class="container">
+  </div>
+  <script>document.write('<script src="http://'
+    + (location.host || 'localhost').split(':')[0]
+    + ':35729/livereload.js?snipver=1"></'
+    + 'script>')</script>
+  <script>hljs.highlightAll();</script>
+  <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
+</body>
+</html>