poops 1.0.16 → 1.0.18

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 (34) hide show
  1. package/README.md +8 -6
  2. package/changelog/blog-functionality.html +58 -0
  3. package/changelog/feed.rss +31 -0
  4. package/changelog/front-matter.html +61 -0
  5. package/changelog/index.html +74 -0
  6. package/changelog/markdown-support.html +56 -0
  7. package/example/dist/css/styles.css +2202 -12515
  8. package/example/dist/css/styles.css.map +1 -1
  9. package/example/dist/css/styles.min.css +2 -2
  10. package/example/dist/js/scripts.js +1 -1
  11. package/example/dist/js/scripts.min.js +1 -1
  12. package/example/src/markup/_data/links.json +4 -0
  13. package/example/src/markup/_layouts/blog.html +35 -0
  14. package/example/src/markup/_layouts/default.html +6 -5
  15. package/example/src/markup/_partials/heading.html +10 -0
  16. package/example/src/markup/_partials/site-header.html +17 -0
  17. package/example/src/markup/changelog/blog-functionality.md +9 -0
  18. package/example/src/markup/changelog/feed.rss +23 -0
  19. package/example/src/markup/changelog/front-matter.md +12 -0
  20. package/example/src/markup/changelog/index.html +30 -0
  21. package/example/src/markup/changelog/markdown-support.md +7 -0
  22. package/example/src/markup/index.html +5 -4
  23. package/example/src/scss/_config.scss +22 -0
  24. package/example/src/scss/index.scss +1 -0
  25. package/example/src/scss/style/index.scss +0 -20
  26. package/index.html +31 -13
  27. package/lib/markups.js +272 -16
  28. package/lib/styles.js +1 -1
  29. package/lib/utils/helpers.js +26 -1
  30. package/package.json +2 -1
  31. package/poops.js +12 -4
  32. package//360/237/222/251.json +4 -2
  33. package/example/src/markup/_partials/header.html +0 -10
  34. package/example/src/markup/test.md +0 -5
package/README.md CHANGED
@@ -35,7 +35,7 @@ It uses a simple config file where you define your input and output paths and it
35
35
  * Supports multiple input and output paths
36
36
  * Resolves node modules
37
37
  * Can add a templatable banner to output files (optional)
38
- * Static site generation with [nunjucks](https://mozilla.github.io/nunjucks/) templating (optional)
38
+ * Static site generation with [nunjucks](https://mozilla.github.io/nunjucks/) templating, with blogging option (optional)
39
39
  * Has a configurable local server (optional)
40
40
  * Rebuilds on file changes (optional)
41
41
  * Live reloads on file changes (optional)
@@ -376,17 +376,19 @@ Same as `watch` property, `includePaths` accepts an array of paths to include. I
376
376
 
377
377
  * [ ] Run esbuild for each input path individually if there are multiple input paths
378
378
  * [ ] Styles `in` should be able to support array of inputs like we have it on scripts
379
- * [ ] Build a cli config creation helper tool. If the user doesn't have a config file, we can ask them a few questions and create a config file for them.
379
+ * [ ] Build a cli config creation helper tool. If the user doesn't have a config file, we can ask them a few questions and create a config file for them. Create Yeoman generator for poops projects.
380
380
  * [ ] Support for LESS styles... I guess... And Stylus... I guess...
381
381
  * [x] Add nunjucks static templating
382
382
  * [ ] Refactor nunjucks implementation
383
383
  * [ ] Complete documentation for nunjucks
384
- * [ ] Add markdown support
384
+ * [x] Add markdown support
385
385
  * [x] Front Matter support
386
- * [ ] Future implementation: alternative templating engine liquidjs
387
- * [ ] Future implementation: posts and custom collections, so we can have a real static site generator
386
+ * [ ] Future implementation: alternative templating engine liquidjs?
387
+ * [x] Future implementation: posts and custom collections, so we can have a real static site generator
388
+ * [x] Collection pagination system
389
+ * [x] Post published toggle
390
+ * [x] RSS and ATOM generation for collections
388
391
  * [ ] Refactor!!!!
389
- * [ ] Add more argv options like config creation, etc.
390
392
 
391
393
  ## Why?
392
394
 
package/changelog/blog-functionality.html ADDED
@@ -0,0 +1,58 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Blog Functionality | 💩 Poops</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta name="description" content="Hey folks, this is my second blog post.">
8
+ <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link rel="stylesheet" href="../example/dist/css/styles.min.css">
12
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
13
+ <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
14
+ <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
15
+ <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
16
+ </head>
17
+ <body class="bg-brownish">
18
+
19
+ <header class="py-8">
20
+ <div class="container d-flex justify-space-between align-center h-48">
21
+
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
+ <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
+ POOPS
25
+ </a>
26
+
27
+
28
+ <nav class="ml-auto">
29
+
30
+ <a href="../changelog" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
+
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
+
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
35
+ </nav>
36
+ </div>
37
+ </header>
38
+
39
+
40
+ <div class="container">
41
+
42
+ <h1>Blog Functionality</h1>
43
+ <p> Hey folks, this is my second blog post.</p>
44
+
45
+
46
+ </div>
47
+
48
+
49
+ <script>document.write('<script src="http://'
50
+ + (location.host || 'localhost').split(':')[0]
51
+ + ':35730/livereload.js?snipver=1"></'
52
+ + 'script>')</script>
53
+
54
+
55
+ <script>hljs.highlightAll();</script>
56
+ <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
57
+ </body>
58
+ </html>
package/changelog/feed.rss ADDED
@@ -0,0 +1,31 @@
1
+ <?xml version="1.0" encoding="UTF-8" ?>
2
+ <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
3
+ <channel>
4
+ <title>Changelog | 💩 Poops</title>
5
+ <description>Straightforward, no-bullshit bundler for the web.</description>
6
+ <link>https://stamat.github.io/poops</link>
7
+ <atom:link href="https://stamat.github.io/poops/changelog/feed.rss" rel="self" type="application/rss+xml" />
8
+ <lastBuildDate>Thu, 12 Oct 2023 18:19:14 +0200</lastBuildDate>
9
+
10
+ <pubDate>Thu, 12 Oct 2023 16:10:00 +0200</pubDate>
11
+ <ttl>1800</ttl>
12
+
13
+
14
+ <item>
15
+ <title>Blog Functionality</title>
16
+ <guid isPermaLink="true">https://stamat.github.io/poops/changelog/blog-functionality.html</guid>
17
+ <link>https://stamat.github.io/poops/changelog/blog-functionality.html</link>
18
+ <description>Hey folks, this is my second blog post.</description>
19
+ <pubDate>Thu, 12 Oct 2023 16:10:00 +0200</pubDate>
20
+ </item>
21
+
22
+ <item>
23
+ <title>Added Front Matter support!</title>
24
+ <guid isPermaLink="true">https://stamat.github.io/poops/changelog/front-matter.html</guid>
25
+ <link>https://stamat.github.io/poops/changelog/front-matter.html</link>
26
+ <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>
27
+ <pubDate>Tue, 19 Sep 2023 02:00:00 +0200</pubDate>
28
+ </item>
29
+
30
+ </channel>
31
+ </rss>
package/changelog/front-matter.html ADDED
@@ -0,0 +1,61 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Added Front Matter support! | 💩 Poops</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <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.">
8
+ <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link rel="stylesheet" href="../example/dist/css/styles.min.css">
12
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
13
+ <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
14
+ <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
15
+ <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
16
+ </head>
17
+ <body class="bg-brownish">
18
+
19
+ <header class="py-8">
20
+ <div class="container d-flex justify-space-between align-center h-48">
21
+
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
+ <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
+ POOPS
25
+ </a>
26
+
27
+
28
+ <nav class="ml-auto">
29
+
30
+ <a href="../changelog" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
+
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
+
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
35
+ </nav>
36
+ </div>
37
+ </header>
38
+
39
+
40
+ <div class="container">
41
+
42
+ <h1>Added Front Matter support!</h1>
43
+ <blockquote>
44
+ <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>
45
+ </blockquote>
46
+ <p>Adding Front Matter was a breeze. Seriously.</p>
47
+
48
+
49
+ </div>
50
+
51
+
52
+ <script>document.write('<script src="http://'
53
+ + (location.host || 'localhost').split(':')[0]
54
+ + ':35730/livereload.js?snipver=1"></'
55
+ + 'script>')</script>
56
+
57
+
58
+ <script>hljs.highlightAll();</script>
59
+ <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
60
+ </body>
61
+ </html>
package/changelog/index.html ADDED
@@ -0,0 +1,74 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Changelog | 💩 Poops</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta name="description" content="Follow the latest changes of Poops.">
8
+ <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link rel="stylesheet" href="../example/dist/css/styles.min.css">
12
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
13
+ <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
14
+ <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
15
+ <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
16
+ </head>
17
+ <body class="bg-brownish">
18
+
19
+ <header class="py-8">
20
+ <div class="container d-flex justify-space-between align-center h-48">
21
+
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
+ <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
+ POOPS
25
+ </a>
26
+
27
+
28
+ <nav class="ml-auto">
29
+
30
+ <a href="../changelog" class="text-underline text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
+
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
+
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
35
+ </nav>
36
+ </div>
37
+ </header>
38
+
39
+
40
+ <div class="container">
41
+
42
+ <div class="text-center">
43
+ <h1>Changelog</h1>
44
+ </div>
45
+
46
+ <div class="post">
47
+ <h2><a href="../changelog/blog-functionality.html">Blog Functionality</a></h2>
48
+ <div class="date">Oct 12, 2023</div>
49
+ Hey folks, this is my second blog post.
50
+ </div>
51
+
52
+ <div class="post">
53
+ <h2><a href="../changelog/front-matter.html">Added Front Matter support!</a></h2>
54
+ <div class="date">Sep 19, 2023</div>
55
+ 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.
56
+ </div>
57
+
58
+
59
+
60
+
61
+
62
+ </div>
63
+
64
+
65
+ <script>document.write('<script src="http://'
66
+ + (location.host || 'localhost').split(':')[0]
67
+ + ':35730/livereload.js?snipver=1"></'
68
+ + 'script>')</script>
69
+
70
+
71
+ <script>hljs.highlightAll();</script>
72
+ <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
73
+ </body>
74
+ </html>
package/changelog/markdown-support.html ADDED
@@ -0,0 +1,56 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Markdown Support | 💩 Poops</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta name="description" content="Hey folks, this is my second blog post.">
8
+ <link rel="alternate" type="application/rss+xml" href="https://stamat.github.io/poops/changelog/feed.rss">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link rel="stylesheet" href="../example/dist/css/styles.min.css">
12
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins:wght@700&display=swap" rel="stylesheet">
13
+ <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
14
+ <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
15
+ <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
16
+ </head>
17
+ <body class="bg-brownish">
18
+
19
+ <header class="py-8">
20
+ <div class="container d-flex justify-space-between align-center h-48">
21
+
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
+ <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
+ POOPS
25
+ </a>
26
+
27
+
28
+ <nav class="ml-auto">
29
+
30
+ <a href="../changelog" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
+
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
+
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
35
+ </nav>
36
+ </div>
37
+ </header>
38
+
39
+
40
+ <div class="container">
41
+
42
+
43
+
44
+ </div>
45
+
46
+
47
+ <script>document.write('<script src="http://'
48
+ + (location.host || 'localhost').split(':')[0]
49
+ + ':35730/livereload.js?snipver=1"></'
50
+ + 'script>')</script>
51
+
52
+
53
+ <script>hljs.highlightAll();</script>
54
+ <script async type="text/javascript" src="../example/dist/js/scripts.min.js"></script>
55
+ </body>
56
+ </html>