blazed-past-us 0.5.5 → 0.6.7

package/dist/cli/build.js

@@ -3,8 +3,9 @@ import { parseMarkdown } from '../server/parse-markdown.js';
 import fs from 'node:fs';
 import fsPromises from 'node:fs/promises';
 import path from 'node:path';
-import { log } from '../engine/utils.js';
+import { getPostsRegistry, handlePostsRegistryUpdate, log, postNotInRegistry, } from '../server/server-utils.js';
 import { generatePostMetadata, writeTransformedPostFile, } from '../server/file-builder.js';
+import { getSlug } from '../runtime/getters.js';
 /**
  * CLI entry point.
  * Resolves project paths and builds bundle.
@@ -33,15 +34,28 @@ function initPaths(root) {
  * writes transformed files, and emits a JSON index.
  */
 async function buildBundle(paths) {
-    const postsFiles = fs.readdirSync(paths.input);
-    const data = [];
+    const postsFiles = fs.readdirSync(paths.input).filter((f) => f.endsWith('.md'));
+    const data = new Array();
+    const postsRegistry = { data: await getPostsRegistry(paths.input), update: false };
     for (const filename of postsFiles) {
         const filePath = path.join(paths.input, filename);
         const parsedPostData = await parseMarkdown(filePath);
         const htmlFilename = filename.replace('.md', '.html');
-        await generatePostMetadata(data, filePath, htmlFilename, parsedPostData.tags);
+        const slug = getSlug(htmlFilename);
+        await generatePostMetadata(data, filePath, htmlFilename, parsedPostData.tags, postsRegistry.data);
         await fsPromises.mkdir(paths.output, { recursive: true });
         await writeTransformedPostFile(path.join(paths.output, htmlFilename), parsedPostData.html, filename);
+        if (postNotInRegistry(postsRegistry.data, slug)) {
+            postsRegistry.update = true;
+            const stats = await fsPromises.stat(filePath);
+            postsRegistry.data?.push({
+                slug: getSlug(htmlFilename),
+                created: stats.birthtime,
+            });
+        }
+    }
+    if (postsRegistry.update) {
+        handlePostsRegistryUpdate(postsRegistry.data, paths);
     }
     const jsonPosts = JSON.stringify(data);
     fs.writeFileSync(path.join(paths.output, '/data.json'), jsonPosts);

package/dist/cli/install-scaffold.js

@@ -1,41 +1,9 @@
 #!/usr/bin/env node
-import fs from 'node:fs';
 import path from 'node:path';
-import { log } from '../engine/utils.js';
+import { copyRecursive, log } from '../server/server-utils.js';
 const dir = {
     template: path.resolve(import.meta.dirname, '../template'),
     target: process.cwd(),
 };
 copyRecursive(dir.template, dir.target);
 log('scafolld all set! 👷', 'green');
-function copyRecursive(src, destination) {
-    const srcPathExists = fs.existsSync(src);
-    if (!srcPathExists) {
-        return;
-    }
-    if (fs.statSync(src).isDirectory()) {
-        /**
-         * Make a folder at the destination path with the same name
-         * as the one in src.
-         */
-        if (!fs.existsSync(destination)) {
-            fs.mkdirSync(destination);
-        }
-        /**
-         * Copy the content of the src folder to the destination only if
-         * it already does not exist. (to avoid unwanted overrites)
-         */
-        fs.readdirSync(src).forEach((item) => {
-            const itemSrcPath = path.join(src, item);
-            const itemDestinationPath = path.join(destination, item);
-            if (fs.existsSync(itemDestinationPath) &&
-                fs.statSync(itemDestinationPath).isFile()) {
-                return;
-            }
-            copyRecursive(itemSrcPath, itemDestinationPath);
-        });
-    }
-    else {
-        fs.copyFileSync(src, destination);
-    }
-}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export * from './engine/getters';
-export * from './engine/utils';
-export * from './engine/render';
-export * from './engine/requests';
+export * from './runtime/getters';
+export * from './runtime/utils';
+export * from './runtime/render';
+export * from './runtime/requests';

package/dist/index.js

@@ -1,4 +1,4 @@
-export * from './engine/getters';
-export * from './engine/utils';
-export * from './engine/render';
-export * from './engine/requests';
+export * from './runtime/getters';
+export * from './runtime/utils';
+export * from './runtime/render';
+export * from './runtime/requests';

package/dist/{engine → runtime}/getters.d.ts

@@ -1,8 +1,14 @@
 import type { PostMetadata, Config, PostDataType } from '../types';
 declare function getPostData(postsMetadata: PostMetadata[], slug: string, option: PostDataType): string | string[] | Date | undefined;
+declare function getPathnameFromLocationHash(locationHash: string): string;
+declare function getLocationHashSpecifics(window: Window): {
+    pathname: string;
+    queryString: string;
+    urlParams: URLSearchParams;
+};
 declare function getSlug(htmlFilename: string): string;
 declare function getTitle(htmlFilename: string): string;
 declare function getBrief(fileContent: string, lines: number): string;
 declare function getTags(fileContent: string): string[];
 declare function getColoredTagsHTML(tags: string, config: Config): string;
-export { getPostData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug };
+export { getPostData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug, getPathnameFromLocationHash, getLocationHashSpecifics, };

package/dist/{engine → runtime}/getters.js

@@ -1,6 +1,16 @@
 function getPostData(postsMetadata, slug, option) {
     return postsMetadata.find((post) => post.slug === slug)?.[option];
 }
+function getPathnameFromLocationHash(locationHash) {
+    return locationHash.split('/').splice(1).join('/');
+}
+function getLocationHashSpecifics(window) {
+    const hashRoute = window.location.hash;
+    const pathname = getPathnameFromLocationHash(hashRoute);
+    const queryString = hashRoute.split('?')[1] || '';
+    const urlParams = new URLSearchParams(queryString);
+    return { pathname, queryString, urlParams };
+}
 function getSlug(htmlFilename) {
     return htmlFilename.replace('.html', '');
 }
@@ -42,4 +52,4 @@ function getColoredTagsHTML(tags, config) {
     })
         .join(`<span class="tag-separator">, </span>`);
 }
-export { getPostData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug };
+export { getPostData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug, getPathnameFromLocationHash, getLocationHashSpecifics, };

package/dist/{engine → runtime}/requests.d.ts

@@ -1,5 +1,6 @@
 import { Config, PostMetadata, PostHTML } from '../types';
-export declare function fetchResources(config: Config): Promise<void | {
+declare function fetchResources(config: Config): Promise<void | {
     postsMetadata: PostMetadata[];
     postsHTML: PostHTML[];
 }>;
+export { fetchResources };

package/dist/{engine → runtime}/requests.js

@@ -1,4 +1,4 @@
-export async function fetchResources(config) {
+async function fetchResources(config) {
     try {
         const postsMetadata = await fetchPostsMetaData(config);
         const postsHTML = await fetchAllPostsHTML(config.base_url, postsMetadata);
@@ -41,3 +41,4 @@ async function fetchPostsMetaData(config) {
         throw error;
     }
 }
+export { fetchResources };

package/dist/runtime/utils.d.ts

@@ -0,0 +1,8 @@
+import { Config, PostMetadata } from '../types';
+declare function postExists(postsMetadata: any[], slug: string): boolean;
+declare function beautifyDate(d: Date | undefined): undefined | string;
+declare function inject(root: HTMLElement, html: string): void;
+declare function activateBoltRotator(): void;
+declare function setTitleAndSubtitle(packageName: string, config: Config): void;
+declare function filterByUrlQueryIfPresent(postsMetadata: PostMetadata[], tags: string[]): PostMetadata[];
+export { postExists, beautifyDate, inject, activateBoltRotator, setTitleAndSubtitle, filterByUrlQueryIfPresent, };

package/dist/{engine → runtime}/utils.js

@@ -1,11 +1,6 @@
-import chalk from 'chalk';
-import pkg from '../../package.json' with { type: 'json' };
 function postExists(postsMetadata, slug) {
     return postsMetadata.some((post) => post.slug === slug);
 }
-function getPathnameFromLocationHash(locationHash) {
-    return locationHash.split('/').splice(1).join('/');
-}
 function beautifyDate(d) {
     if (!d)
         return;
@@ -19,23 +14,6 @@ function beautifyDate(d) {
 function inject(root, html) {
     root.innerHTML = html;
 }
-function log(msg, color) {
-    let coloredMsg;
-    switch (color) {
-        case 'yellow':
-            coloredMsg = chalk.yellow(msg);
-            break;
-        case 'green':
-            coloredMsg = chalk.green(msg);
-            break;
-        case 'red':
-            coloredMsg = chalk.red(msg);
-            break;
-        default:
-            coloredMsg = msg;
-    }
-    console.log(`${chalk.blue(pkg.name + ' v' + pkg.version)} ${coloredMsg}`);
-}
 function activateBoltRotator() {
     const logoElement = document.querySelector('.logo');
     window.onhashchange = () => {
@@ -58,11 +36,4 @@ function setTitleAndSubtitle(packageName, config) {
 function filterByUrlQueryIfPresent(postsMetadata, tags) {
     return postsMetadata.filter((post) => tags ? tags.some((tag) => post.tags.includes(tag)) : true);
 }
-function getLocationHashSpecifics(window) {
-    const hashRoute = window.location.hash;
-    const pathname = getPathnameFromLocationHash(hashRoute);
-    const queryString = hashRoute.split('?')[1] || '';
-    const urlParams = new URLSearchParams(queryString);
-    return { pathname, queryString, urlParams };
-}
-export { postExists, beautifyDate, inject, log, activateBoltRotator, setTitleAndSubtitle, getPathnameFromLocationHash, filterByUrlQueryIfPresent, getLocationHashSpecifics, };
+export { postExists, beautifyDate, inject, activateBoltRotator, setTitleAndSubtitle, filterByUrlQueryIfPresent, };

package/dist/server/file-builder.d.ts

@@ -1,4 +1,4 @@
-import { PostMetadata } from '../types';
+import { PostMetadata, PostsRegistry } from '../types';
 declare function writeTransformedPostFile(outputPath: string, postHtmlContent: string, filename: string): Promise<void>;
-declare function generatePostMetadata(data: Array<PostMetadata>, filePath: string, htmlFilename: string, postTags: string[]): Promise<void>;
+declare function generatePostMetadata(data: Array<PostMetadata>, filePath: string, htmlFilename: string, postTags: string[], persistentPostsMetadata: PostsRegistry | void): Promise<void>;
 export { generatePostMetadata, writeTransformedPostFile };

package/dist/server/file-builder.js

@@ -1,5 +1,5 @@
 import chalk from 'chalk';
-import { getTitle, getBrief, getSlug } from '../engine/getters.js';
+import { getTitle, getBrief, getSlug } from '../runtime/getters.js';
 import fsPromises from 'node:fs/promises';
 async function writeTransformedPostFile(outputPath, postHtmlContent, filename) {
     await fsPromises
@@ -7,17 +7,18 @@ async function writeTransformedPostFile(outputPath, postHtmlContent, filename) {
         .then(() => console.log(chalk.green(`✔ ${filename}`)))
         .catch((error) => console.error(error));
 }
-async function generatePostMetadata(data, filePath, htmlFilename, postTags) {
+async function generatePostMetadata(data, filePath, htmlFilename, postTags, persistentPostsMetadata) {
     const stats = await fsPromises.stat(filePath);
     const fileContent = await fsPromises.readFile(filePath, 'utf-8');
+    const slug = getSlug(htmlFilename);
+    const createdDate = persistentPostsMetadata?.find((p) => p.slug === slug)?.created || stats.birthtime;
     data.push({
         slug: getSlug(htmlFilename),
         filename: htmlFilename,
         title: getTitle(htmlFilename),
         brief: getBrief(fileContent, 3),
         tags: postTags,
-        created: stats.birthtime,
-        modified: stats.mtime,
+        created: createdDate,
     });
 }
 export { generatePostMetadata, writeTransformedPostFile };

package/dist/server/parse-markdown.js

@@ -6,7 +6,7 @@ import remarkRehype from 'remark-rehype';
 import rehypePrettyCode from 'rehype-pretty-code';
 import rehypeStringify from 'rehype-stringify';
 import path from 'node:path';
-import { getColoredTagsHTML } from '../engine/getters.js';
+import { getColoredTagsHTML } from '../runtime/getters.js';
 /**
  * Converts a Markdown file to HTML with syntax highlighting.
  *

package/dist/server/server-utils.d.ts

@@ -0,0 +1,7 @@
+import { MsgColor, PostsPaths, PostsRegistry } from '../types';
+declare function postNotInRegistry(registry: PostsRegistry | [] | void, slug: string): boolean;
+declare function handlePostsRegistryUpdate(postsRegistry: PostsRegistry | void, paths: PostsPaths): void;
+declare function getPostsRegistry(postsDirectoryPath: string): Promise<void | PostsRegistry>;
+declare function copyRecursive(src: string, destination: string): void;
+declare function log(msg: string, color: MsgColor): void;
+export { postNotInRegistry, handlePostsRegistryUpdate, getPostsRegistry, copyRecursive, log, };

package/dist/server/server-utils.js

@@ -0,0 +1,73 @@
+import path from 'node:path';
+import fsPromises from 'node:fs/promises';
+import fs from 'node:fs';
+import chalk from 'chalk';
+import pkg from '../../package.json' with { type: 'json' };
+function postNotInRegistry(registry, slug) {
+    return !registry?.some((p) => p.slug === slug);
+}
+function handlePostsRegistryUpdate(postsRegistry, paths) {
+    if (postsRegistry) {
+        const postsRegistryJSON = JSON.stringify(postsRegistry);
+        fs.writeFileSync(path.join(paths.input, 'registry.json'), postsRegistryJSON);
+        log('posts registry updated 💾', 'yellow');
+    }
+}
+async function getPostsRegistry(postsDirectoryPath) {
+    try {
+        const resp = await fsPromises.readFile(path.join(postsDirectoryPath, 'registry.json'), 'utf8');
+        return JSON.parse(resp);
+    }
+    catch (error) {
+        console.error(error);
+    }
+}
+function copyRecursive(src, destination) {
+    const srcPathExists = fs.existsSync(src);
+    if (!srcPathExists) {
+        return;
+    }
+    if (fs.statSync(src).isDirectory()) {
+        /**
+         * Make a folder at the destination path with the same name
+         * as the one in src.
+         */
+        if (!fs.existsSync(destination)) {
+            fs.mkdirSync(destination);
+        }
+        /**
+         * Copy the content of the src folder to the destination only if
+         * it already does not exist. (to avoid unwanted overrites)
+         */
+        fs.readdirSync(src).forEach((item) => {
+            const itemSrcPath = path.join(src, item);
+            const itemDestinationPath = path.join(destination, item);
+            if (fs.existsSync(itemDestinationPath) &&
+                fs.statSync(itemDestinationPath).isFile()) {
+                return;
+            }
+            copyRecursive(itemSrcPath, itemDestinationPath);
+        });
+    }
+    else {
+        fs.copyFileSync(src, destination);
+    }
+}
+function log(msg, color) {
+    let coloredMsg;
+    switch (color) {
+        case 'yellow':
+            coloredMsg = chalk.yellow(msg);
+            break;
+        case 'green':
+            coloredMsg = chalk.green(msg);
+            break;
+        case 'red':
+            coloredMsg = chalk.red(msg);
+            break;
+        default:
+            coloredMsg = msg;
+    }
+    console.log(`${chalk.blue(pkg.name + ' v' + pkg.version)} ${coloredMsg}`);
+}
+export { postNotInRegistry, handlePostsRegistryUpdate, getPostsRegistry, copyRecursive, log, };

package/dist/template/package.json

@@ -8,7 +8,7 @@
   "main": "./src/index.html",
   "scripts": {
     "build": "rimraf dist && vite build && blazed build",
-    "dev": "nodemon --watch src --ext ts,json,css,html --exec \"npm run build && vite preview\""
+    "dev": "nodemon --watch src --ext ts,css,html --exec \"npm run build && vite preview\""
   },
   "devDependencies": {
     "nodemon": "^3.1.11",

package/dist/template/src/posts/registry.json

@@ -0,0 +1 @@
+[]

package/dist/template/src/router.js

@@ -15,7 +15,7 @@ function routeRenderer(root, postsMetadata, postsHTML) {
   const views = { home, post, notFound };
 
   switch (true) {
-    case pathname === '' || pathname === 'home' || queryString:
+    case pathname === '' || pathname === 'home' || !!queryString:
       render('home', root, views, postsMetadata, postsHTML, urlParams.get('tags'));
       break;
 

package/dist/template/src/styles/header.css

@@ -8,35 +8,30 @@ header {
 header .top {
   display: flex;
   flex-direction: column;
+  letter-spacing: 0.15rem;
 }
 
 header .top .title {
   font-family: 'Bangers Regular';
   font-size: 3.1rem;
   color: var(--light-blue-09);
-  letter-spacing: 0.15rem;
 }
 
 header .top .subtitle {
-  font-size: 0.85rem;
   padding-left: 0.3rem;
+  font-size: 0.85rem;
   font-family: 'Inter Extra Bold';
-  color: var(--light-yellow);
   text-transform: uppercase;
-  letter-spacing: 0.15rem;
-  opacity: 1;
+  color: var(--light-yellow);
   animation: flicker 4s infinite;
 }
 
 header .logo {
-  border: 1px solid white;
-  height: 6.25rem;
+  height: 3.75rem;
+  width: 3.75rem;
+  margin-right: 1.25rem;
   border: 0.25rem solid var(--light-blue-09);
   border-radius: 50%;
-  width: 6.25rem;
-  max-width: 3.75rem;
-  max-height: 3.75rem;
-  margin-right: 1.25rem;
 }
 
 .logo.rotate {
@@ -45,34 +40,31 @@ header .logo {
 }
 
 .logo #bolt {
-  animation: flicker 5s infinite;
+  animation: flicker 4s infinite;
 }
 
 .logo .bolt-wrapper {
-  min-width: 3.75rem;
-  min-height: 3.75rem;
-  filter: drop-shadow(0 0 0.2rem #00edfa6e) drop-shadow(0 0 0.345rem #00edfa6b)
-    drop-shadow(0 0 0.4275rem #00edfa69) drop-shadow(0 0 0.55rem #00edfa70);
+  width: 3.75rem;
+  height: 3.75rem;
+  filter: drop-shadow(0 0 0.5rem #00edfa41) drop-shadow(0 0 0.4rem #00edfa6b)
+    drop-shadow(0 0 0.4em #00edfa69) drop-shadow(0 0 0.6rem #00edfa70);
 }
 
-.logo .bolt-wrapper .top {
+.logo .bolt-wrapper > * {
   position: absolute;
   transform-origin: center;
+}
+
+.logo .bolt-wrapper .top {
   top: 19%;
   left: 33%;
-  width: 0;
-  height: 0;
   border-left: 0.9375rem solid transparent;
   border-bottom: 1.384375rem solid #ffff90;
 }
 
 .logo .bolt-wrapper .bottom {
-  position: absolute;
-  transform-origin: center;
-  top: 46%;
+  top: 45%;
   right: 30%;
-  width: 0;
-  height: 0;
   border-right: 0.9375rem solid transparent;
   border-top: 1.40625rem solid #ffffb4;
 }

package/dist/template/src/styles/home.css

@@ -1,6 +1,6 @@
 .post-card {
   padding: 1.5625rem 2.1875rem 1.5625rem 1.25rem;
-  margin-top: 1.25rem;
+  margin-top: 1.2rem;
   border-radius: var(--border-radius);
   opacity: 0.9;
 }
@@ -12,8 +12,8 @@
 
 .post-card .title {
   font-family: 'Inter Extra Bold';
-  color: rgb(241, 241, 241);
   font-size: 2.25rem;
+  color: rgb(241, 241, 241);
 }
 
 .post-card p {
@@ -29,7 +29,7 @@
   font-size: var(--body-font-size);
   display: -webkit-box;
   line-clamp: 2;
-  -webkit-line-clamp: 2; /* number of lines to show */
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

package/dist/template/src/styles/main.css

@@ -8,8 +8,11 @@
   --background: linear-gradient(#0f0f23, #1d1d43);
   --max-width: 55rem;
   --neon: #82f9ff;
+  --post-title-color: rgb(241, 241, 241);
+  --body-text-color: #ececec;
   --light-blue-09: rgba(129, 213, 255, 0.9);
   --light-blue-05: rgba(129, 213, 255, 0.5);
+  --light-grey-06: rgba(255, 255, 255, 0.6);
   --light-yellow: #ffffb4;
   --body-font-family: 'Merriweather Sans Light';
   --body-font-size: 1.1rem;
@@ -55,8 +58,8 @@ canvas {
 
 .date {
   font-family: 'Inter Regular';
-  color: rgba(255, 255, 255, 0.6);
-  margin-top: 0.1rem;
   font-size: 0.85rem;
+  color: var(--light-grey-06);
+  margin-top: 0.1rem;
   text-transform: uppercase;
 }

package/dist/template/src/styles/post.css

@@ -6,7 +6,7 @@
 .post p {
   font-family: var(--body-font-family);
   font-size: var(--body-font-size);
-  color: #ececec;
+  color: var(--body-text-color);
   text-align: justify;
   line-height: 1.8;
   letter-spacing: 0.04rem;
@@ -15,12 +15,12 @@
 .post .tag-separator {
   font-size: 1.4rem;
   font-family: 'Permanent Marker Regular';
-  color: #ececec;
+  color: var(--body-text-color);
 }
 
 .post .title {
   font-family: 'Inter Extra Bold';
-  color: rgb(241, 241, 241);
+  color: var(--post-title-color);
   font-size: 2.25rem;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blazed-past-us",
-  "version": "0.5.5",
+  "version": "0.6.7",
   "description": "A static blog framework made for developers that allows content to be written in Markdown directly from the IDE.",
   "license": "MIT",
   "author": "gass-git",

package/dist/engine/utils.d.ts

@@ -1,15 +0,0 @@
-import { Config, MsgColor, PostMetadata } from '../types';
-declare function postExists(postsMetadata: any[], slug: string): boolean;
-declare function getPathnameFromLocationHash(locationHash: string): string;
-declare function beautifyDate(d: Date | undefined): undefined | string;
-declare function inject(root: HTMLElement, html: string): void;
-declare function log(msg: string, color: MsgColor): void;
-declare function activateBoltRotator(): void;
-declare function setTitleAndSubtitle(packageName: string, config: Config): void;
-declare function filterByUrlQueryIfPresent(postsMetadata: PostMetadata[], tags: string[]): PostMetadata[];
-declare function getLocationHashSpecifics(window: Window): {
-    pathname: string;
-    queryString: string;
-    urlParams: URLSearchParams;
-};
-export { postExists, beautifyDate, inject, log, activateBoltRotator, setTitleAndSubtitle, getPathnameFromLocationHash, filterByUrlQueryIfPresent, getLocationHashSpecifics, };