npm - blazed-past-us - Versions diffs - 0.3.8 → 0.3.9 - Mend

blazed-past-us 0.3.8 → 0.3.9

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 (39) hide show

package/dist/engine/getters.d.ts CHANGED Viewed

@@ -1,10 +1,13 @@
 import type { PostData, Config, PostDataType, ConsumerConfig } from '../types';
 declare function getPostData(postsMetaData: PostData[], slug: string, option: PostDataType): string | Date | undefined;
-declare function getPostHtml(postsMetaData: PostData[], root: HTMLElement, baseURL: string, postSlug: string): Promise<String | void>;
+declare function getAllPostsHTML(postsMetaData: PostData[], baseURL: string): Promise<{
+    slug: string;
+    html: string | void;
+}[]>;
 declare function getPostsMetaData(baseURL: string, config: Config): Promise<PostData[]>;
 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, consumerConfig: ConsumerConfig): string;
-export { getPostData, getPostHtml, getPostsMetaData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug, };
+export { getPostData, getAllPostsHTML, getPostsMetaData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug, };

package/dist/engine/getters.js CHANGED Viewed

@@ -1,13 +1,16 @@
 function getPostData(postsMetaData, slug, option) {
     return postsMetaData.find((post) => post.slug === slug)?.[option];
 }
-async function getPostHtml(postsMetaData, root, baseURL, postSlug) {
-    const filename = postsMetaData.find((post) => post.slug === postSlug)?.filename;
-    const html = await fetch(`${baseURL}posts/${filename}`)
-        .then((resp) => resp.text())
-        .then((htmlString) => (root.innerHTML = htmlString))
-        .catch((error) => console.error(error));
-    return html;
+async function getAllPostsHTML(postsMetaData, baseURL) {
+    const allPostsFilename = postsMetaData.map((el) => ({ slug: el.slug, filename: el.filename }));
+    const allPostsHTML = [];
+    for (const post of allPostsFilename) {
+        const HTML = await fetch(`${baseURL}posts/${post.filename}`)
+            .then((resp) => resp.text())
+            .catch((error) => console.error(error));
+        allPostsHTML.push({ slug: post.slug, html: HTML });
+    }
+    return allPostsHTML;
 }
 async function getPostsMetaData(baseURL, config) {
     const postsRelativeDataPath = config.posts_data_path;
@@ -66,4 +69,4 @@ function getColoredTagsHTML(tags, consumerConfig) {
     })
         .join(`<span class="tag-separator">, </span>`);
 }
-export { getPostData, getPostHtml, getPostsMetaData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug, };
+export { getPostData, getAllPostsHTML, getPostsMetaData, getTitle, getTags, getBrief, getColoredTagsHTML, getSlug, };

package/dist/template/index.html CHANGED Viewed

@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link href="./src/styles/main.css" rel="stylesheet" />
+    <link rel="icon" type="image/svg+xml" href="./src/assets/favicon.svg" />
   </head>
   <body>
     <header>

package/dist/template/src/assets/favicon.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <text y=".9em" font-size="90">⚡</text>
+</svg>

package/dist/template/src/main.js CHANGED Viewed

@@ -18,4 +18,6 @@ initRouter(root, postsMetaData);
 blazed.setTitle(document, config.title_id, pkg.name);
 blazed.boltRotator(document, config.logo_wrapper_id);
-export { root, postsMetaData };
+const postsHTML = await blazed.getAllPostsHTML(postsMetaData, import.meta.env.BASE_URL);
+export { root, postsMetaData, postsHTML };

package/dist/template/src/styles/fonts.css CHANGED Viewed

@@ -1,64 +1,64 @@
 @font-face {
   font-family: 'Inter Light';
-  src: url('../assets/fonts/inter/Inter_28pt-Light.ttf');
+  src: url('../assets/fonts/Inter_28pt-Light.ttf');
 }
 @font-face {
   font-family: 'Inter Regular';
-  src: url('../assets/fonts/inter/Inter_28pt-Regular.ttf');
+  src: url('../assets/fonts/Inter_28pt-Regular.ttf');
 }
 @font-face {
   font-family: 'Inter Italic';
-  src: url('../assets/fonts/inter/Inter_28pt-Italic.ttf');
+  src: url('../assets/fonts/Inter_28pt-Italic.ttf');
 }
 @font-face {
   font-family: 'Inter Medium';
-  src: url('../assets/fonts/inter/Inter_28pt-Medium.ttf');
+  src: url('../assets/fonts/Inter_28pt-Medium.ttf');
 }
 @font-face {
   font-family: 'Inter Bold';
-  src: url('../assets/fonts/inter/Inter_28pt-Bold.ttf');
+  src: url('../assets/fonts/Inter_28pt-Bold.ttf');
 }
 @font-face {
   font-family: 'Inter Extra Bold';
-  src: url('../assets/fonts/inter/Inter_28pt-ExtraBold.ttf');
+  src: url('../assets/fonts/Inter_28pt-ExtraBold.ttf');
 }
 @font-face {
   font-family: 'Inter Extra Bold Italic';
-  src: url('../assets/fonts/inter/Inter_28pt-ExtraBoldItalic.ttf');
+  src: url('../assets/fonts/Inter_28pt-ExtraBoldItalic.ttf');
 }
 @font-face {
   font-family: 'Inter Bold Italic';
-  src: url('../assets/fonts/inter/Inter_28pt-BoldItalic.ttf');
+  src: url('../assets/fonts/Inter_28pt-BoldItalic.ttf');
 }
 @font-face {
   font-family: 'PT Regular';
-  src: url('../assets/fonts/pt/PTSerifCaption-Regular.ttf');
+  src: url('../assets/fonts/PTSerifCaption-Regular.ttf');
 }
 @font-face {
   font-family: 'Bangers Regular';
-  src: url('../assets/fonts/bangers/Bangers-Regular.ttf');
+  src: url('../assets/fonts/Bangers-Regular.ttf');
 }
 @font-face {
   font-family: 'Merriweather Sans Regular';
-  src: url('../assets/fonts/merriweatherSans/merriweatherSans-Regular.ttf');
+  src: url('../assets/fonts/MerriweatherSans-Regular.ttf');
 }
 @font-face {
   font-family: 'Merriweather Sans Light';
-  src: url('../assets/fonts/merriweatherSans/merriweatherSans-Light.ttf');
+  src: url('../assets/fonts/MerriweatherSans-Light.ttf');
 }
 @font-face {
   font-family: 'Permanent Marker Regular';
-  src: url('../assets/fonts/permanentMarker/PermanentMarker-Regular.ttf');
+  src: url('../assets/fonts/PermanentMarker-Regular.ttf');
 }

package/dist/template/src/views/post.js CHANGED Viewed

@@ -1,16 +1,15 @@
 import { beautifyDate, getPostData, getPostHtml } from 'blazed-past-us';
-import { postsMetaData, root } from '../main';
+import { postsMetaData, postsHTML } from '../main';
 export default async function post(slug) {
   const title = getPostData(postsMetaData, slug, 'title');
   const date = beautifyDate(getPostData(postsMetaData, slug, 'created'));
-  const post = await getPostHtml(postsMetaData, root, import.meta.env.BASE_URL, slug);
   return `
     <div class="post">
       <div class="title capitalize-first">${title}</div>
       <div class="date">${date}</div>
-      ${post}
+      ${postsHTML.find((post) => post.slug === slug).html}
     </div>
   `;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "blazed-past-us",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "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",