tecitheme 0.2.1 → 0.2.2

package/get-content.js

@@ -1,20 +1,24 @@
 // get-content.js
 // HTML parser from https://github.com/html-to-text/node-html-to-text
-import { convert } from "html-to-text"
+import { convert } from "html-to-text";
 import { dev } from "$app/environment";
 
-export async function getContent (content) {
-  let indexData = []
-  let iterableContentFiles = Object.entries([])
-  let sortedIndex = []
+export async function getContent(content) {
+  let indexData = [];
+  let iterableContentFiles = Object.entries([]);
+  let sortedIndex = [];
 
   // Use 'content' variable to determine files to import.
   switch (content) {
     case "news":
-      iterableContentFiles = Object.entries(import.meta.glob("/src/routes/news/*(!(+page)).md"));
+      iterableContentFiles = Object.entries(
+        import.meta.glob("/src/routes/news/*(!(+page)).md")
+      );
       break;
     default:
-      iterableContentFiles = Object.entries(import.meta.glob("/src/routes/**/*(!(+page)).md"));
+      iterableContentFiles = Object.entries(
+        import.meta.glob("/src/routes/**/*(!(+page)).md")
+      );
   }
 
   const allContent = await Promise.all(
@@ -23,58 +27,69 @@ export async function getContent (content) {
       const file = await resolver();
       const metadata = file.metadata;
       const today = new Date();
-      
-      if (metadata.notIndexed || (dev ? false : metadata.draft) || (dev ? false : new Date(metadata.date) > today)) {
-        return
+
+      if (
+        metadata.notIndexed ||
+        (dev ? false : metadata.draft) ||
+        (dev ? false : new Date(metadata.date) > today)
+      ) {
+        return;
       } else {
-        var html = file.default.render().html
+        var html = file.default.render().html;
         var plaintext = convert(html, {
           baseElements: {
-            orderBy: 'occurrence'
+            orderBy: "occurrence",
           },
           wordwrap: false,
           selectors: [
-            {selector: 'h1', format: 'skip'},
-            {selector: 'h2', options: {uppercase: false}},
-            {selector: 'a', options: { ignoreHref: true }},
-            {selector: 'a.button', format: 'skip'},
-            {selector: 'a.btn', format: 'skip'},
-            {selector: 'aside', format: 'skip'},
-            {selector: 'ul', options: {itemPrefix: '- '}},
-            {selector: 'img', format: 'skip'}
-          ]
-        }).replace(/\n\n\n/gm, ' ').replace(/\n\n/g, ' ').replace(/\n/g, ' ').replace(/\"/g,'\'').trim()
+            { selector: "h1", format: "skip" },
+            { selector: "h2", options: { uppercase: false } },
+            { selector: "a", options: { ignoreHref: true } },
+            { selector: "a.button", format: "skip" },
+            { selector: "a.btn", format: "skip" },
+            { selector: "aside", format: "skip" },
+            { selector: "ul", options: { itemPrefix: "- " } },
+            { selector: "img", format: "skip" },
+          ],
+        })
+          .replace(/\n\n\n/gm, " ")
+          .replace(/\n\n/g, " ")
+          .replace(/\n/g, " ")
+          .replace(/\"/g, "'")
+          .trim();
 
         if (metadata && contentPath && plaintext) {
-          return { 
+          return {
             meta: metadata,
             path: contentPath,
-            text: plaintext
-          }
+            text: plaintext,
+          };
         }
       }
     })
-  )
-  
+  );
+
   for (let i = 0; i < allContent.length; i++) {
     if (allContent[i]) {
       let today = new Date();
-      let postdate = allContent[i].meta.date ? new Date(allContent[i].meta.date) : today
+      let postdate = allContent[i].meta.date
+        ? new Date(allContent[i].meta.date)
+        : today;
       let entry = {
-        "title": allContent[i].meta.title,
-        "content": allContent[i].text,
-        "summary": allContent[i].meta.summary,
-        "date": postdate,
-        "slug": allContent[i].path,
-        "categories": allContent[i].meta.categories
-      }
-      indexData.push(entry)
+        title: allContent[i].meta.title,
+        content: allContent[i].text,
+        summary: allContent[i].meta.summary,
+        date: postdate,
+        slug: allContent[i].path,
+        categories: allContent[i].meta.categories,
+      };
+      indexData.push(entry);
     } else {
       continue;
     }
   }
-  
-  sortedIndex = indexData.slice().sort((a, b) => (b.date - a.date))
 
-  return sortedIndex
-}
+  sortedIndex = indexData.slice().sort((a, b) => b.date - a.date);
+
+  return sortedIndex;
+}

package/layouts/blocks.svelte

@@ -1,29 +1,29 @@
 <script>
-  import { browser, dev } from '$app/environment';
-  import { getContext } from 'svelte';
+  import { browser, dev } from "$app/environment";
+  import { getContext } from "svelte";
+
+  import CTA from "../components/CTA.svelte";
+  import HeadingCentered from "../components/HeadingCentered.svelte";
+  import MediaFeature from "../components/MediaFeature.svelte";
+  import Modal from "../components/Modal.svelte";
+  import NewsGrid from "../components/NewsGrid.svelte";
+  import SidebarContent from "../components/SidebarContent.svelte";
+  import ThreeColumn from "../components/ThreeColumn.svelte";
+  import TrialForm from "../components/TrialForm.svelte";
+  import Video from "../components/Video.svelte";
+  import MetaSocial from "../components/MetaSocial.svelte";
 
-  import CTA from '../components/CTA.svelte';
-  import HeadingCentered from '../components/HeadingCentered.svelte';
-  import MediaFeature from '../components/MediaFeature.svelte';
-  import Modal from '../components/Modal.svelte';
-  import NewsGrid from '../components/NewsGrid.svelte';
-  import SidebarContent from '../components/SidebarContent.svelte';
-  import ThreeColumn from '../components/ThreeColumn.svelte';
-  import TrialForm from '../components/TrialForm.svelte';
-  import Video from '../components/Video.svelte';
-  import MetaSocial from '../components/MetaSocial.svelte';
-  
   let blocks = [
-    {ref: "cta-center", component: CTA},
-    {ref: "heading-centered", component: HeadingCentered},
-    {ref: "media-feature", component: MediaFeature},
-    {ref: "modal", component: Modal},
-    {ref: "news-grid", component: NewsGrid},
-    {ref: "sidebar-content", component: SidebarContent},
-    {ref: "three-column", component: ThreeColumn},
-    {ref: "trial-form", component: TrialForm},
-    {ref: "video", component: Video},
-  ]
+    { ref: "cta-center", component: CTA },
+    { ref: "heading-centered", component: HeadingCentered },
+    { ref: "media-feature", component: MediaFeature },
+    { ref: "modal", component: Modal },
+    { ref: "news-grid", component: NewsGrid },
+    { ref: "sidebar-content", component: SidebarContent },
+    { ref: "three-column", component: ThreeColumn },
+    { ref: "trial-form", component: TrialForm },
+    { ref: "video", component: Video },
+  ];
 
   export let title;
   export let date;
@@ -36,35 +36,48 @@
   let featuredImage;
   let url;
   let host;
-  
-  url = getContext('currentURL');
-  host = getContext('currentHost');
+
+  url = getContext("currentURL");
+  host = getContext("currentHost");
 
   if (images.length > 0) {
     if (dev) {
-      featuredImage = images[0]
+      featuredImage = images[0];
     } else {
-      featuredImage = 'https://thunderheadeng-www.imgix.net'+images[0]+'?w=1200&h=627&fit=crop&auto=compress&auto=format'
+      featuredImage =
+        "https://thunderheadeng-www.imgix.net" +
+        images[0] +
+        "?w=1200&h=627&fit=crop&auto=compress&auto=format";
     }
   } else {
-    featuredImage = 'https://files.thunderheadeng.com/www/images/teci_icon_250.png'
+    featuredImage =
+      "https://files.thunderheadeng.com/www/images/teci_icon_250.png";
   }
 </script>
 
 <svelte:head>
   <title>{title} | Thunderhead Engineering</title>
-  <meta name="description" content={summary}>
+  <meta name="description" content={summary} />
   {#if browser}
-  <MetaSocial title={title} description={summary} image={featuredImage} {url} />
+    <MetaSocial {title} description={summary} image={featuredImage} {url} />
   {/if}
 </svelte:head>
 
 <article class="flex flex-col space-y-12 {layout}">
   {#each page_sections as section}
-    {#if (section) && (section.fieldGroup === "sidebar-content")}
-      <svelte:component this={blocks.find(obj=>obj.ref===section.fieldGroup).component} data={section} {title} {date} {lastmod}><slot/></svelte:component>
-    {:else if (section) && (section.fieldGroup != "sidebar-content")}
-      <svelte:component this={blocks.find(obj=>obj.ref===section.fieldGroup).component} data={section} />
+    {#if section && section.fieldGroup === "sidebar-content"}
+      <svelte:component
+        this={blocks.find((obj) => obj.ref === section.fieldGroup).component}
+        data={section}
+        {title}
+        {date}
+        {lastmod}><slot /></svelte:component
+      >
+    {:else if section && section.fieldGroup != "sidebar-content"}
+      <svelte:component
+        this={blocks.find((obj) => obj.ref === section.fieldGroup).component}
+        data={section}
+      />
     {/if}
   {/each}
-</article>
+</article>

package/package.json

@@ -1,43 +1,43 @@
 {
   "name": "tecitheme",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "svelte": true,
   "devDependencies": {
     "@jsdevtools/rehype-toc": "^3.0.2",
-    "@sveltejs/adapter-netlify": "1.0.0-next.83",
-    "@sveltejs/kit": "1.0.0-next.532",
-    "@sveltejs/package": "^1.0.0-next.5",
+    "@sveltejs/adapter-netlify": "1.0.0-next.84",
+    "@sveltejs/kit": "1.0.0-next.551",
+    "@sveltejs/package": "^1.0.0-next.6",
     "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/typography": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.8",
     "@types/cookie": "^0.5.1",
-    "@typescript-eslint/eslint-plugin": "^5.41.0",
-    "@typescript-eslint/parser": "^5.41.0",
-    "autoprefixer": "^10.4.12",
+    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/parser": "^5.43.0",
+    "autoprefixer": "^10.4.13",
     "dotenv": "^16.0.3",
     "encoding": "^0.1.13",
-    "eslint": "^8.26.0",
+    "eslint": "^8.27.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "html-to-text": "^8.2.1",
     "markdown-yaml-metadata-parser": "^3.0.0",
     "mdsvex": "^0.10.6",
-    "postcss": "^8.4.18",
+    "postcss": "^8.4.19",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
     "rehype-parse": "^8.0.4",
-    "rehype-slug": "^5.0.1",
+    "rehype-slug": "^5.1.0",
     "rehype-stringify": "^9.0.3",
     "stream": "^0.0.2",
-    "svelte": "^3.52.0",
+    "svelte": "^3.53.1",
     "svelte-check": "^2.9.2",
     "svelte-paginate": "^0.1.0",
     "svelte-preprocess": "^4.10.7",
     "svelte2tsx": "^0.5.20",
-    "tailwindcss": "^3.2.1",
-    "tslib": "^2.4.0",
-    "typescript": "^4.8.4",
+    "tailwindcss": "^3.2.4",
+    "tslib": "^2.4.1",
+    "typescript": "^4.9.3",
     "uuid-by-string": "^4.0.0",
-    "vite": "^3.2.0",
+    "vite": "^3.2.4",
     "vite-plugin-autoimport": "^1.6.6"
   },
   "type": "module",
@@ -45,7 +45,7 @@
     "@lukeed/uuid": "^2.0.0",
     "cookie": "^0.5.0",
     "katex": "^0.16.3",
-    "svelte": "^3.52.0"
+    "svelte": "^3.53.1"
   },
   "exports": {
     "./package.json": "./package.json",

package/req_utils.js

@@ -1,62 +1,63 @@
-import {browser} from '$app/environment'
+import { browser } from "$app/environment";
 
 export function browserGet(key) {
-    if (browser) {
-        const item = localStorage.getItem(key)
-        if (item) {
-            return JSON.parse(item)
-        }
+  if (browser) {
+    const item = localStorage.getItem(key);
+    if (item) {
+      return JSON.parse(item);
     }
-    return null
+  }
+  return null;
 }
 
 export function browserSet(key, value) {
-    if (browser) {
-        localStorage.setItem(key, value)
-    }
-    return null
+  if (browser) {
+    localStorage.setItem(key, value);
+  }
+  return null;
 }
 
 export async function post(fetch, url, body) {
-    let customError = false
+  let customError = false;
+  try {
+    let headers = {};
+    if (!(body instanceof FormData)) {
+      headers["Content-Type"] = "application/json";
+      body = JSON.stringify(body);
+    }
+    const token = browserGet("token");
+    if (token) {
+      headers["X-UltraCart-Api-Version"] = "2017-03-01";
+      headers[Accept] = "application/json";
+      headers["x-ultracart-simple-key"] = token;
+    }
+    const res = await fetch(url, {
+      method: "POST",
+      body,
+      headers,
+    });
+    if (!res.ok) {
+      try {
+        const data = await res.json();
+        const error = data.message[0].messages[0];
+        customError = true;
+        throw { id: error.id, message: error.message };
+      } catch (err) {
+        console.log(err);
+        throw err;
+      }
+    }
     try {
-        let headers = {}
-        if (!(body instanceof FormData)) {
-            headers['Content-Type'] = 'application/json'
-            body = JSON.stringify(body)
-        }
-        const token = browserGet('token')
-        if(token) {
-          headers['X-UltraCart-Api-Version'] = '2017-03-01'
-          headers[Accept] = 'application/json'
-          headers['x-ultracart-simple-key'] = token
-        }
-        const res = await fetch(url, {
-            method: 'POST',
-            body,
-            headers
-        })
-        if(!res.ok) {
-            try{
-                const data = await res.json()
-                const error = data.message[0].messages[0]
-                customError = true
-                throw {id: error.id, message: error.message}
-            } catch(err) {
-                console.log(err)
-                throw err
-            }
-        }
-        try {
-            const json = await res.json()
-            return json
-        } catch(err) {
-            console.log(err)
-            throw{id:'',message:'An unknown error has occured.'}
-        }
-    } catch(err) {
-        console.log(err)
-        throw customError ? err : { id: '', message: 'An unknown error has occured'}
+      const json = await res.json();
+      return json;
+    } catch (err) {
+      console.log(err);
+      throw { id: "", message: "An unknown error has occured." };
     }
-
-}
+  } catch (err) {
+    console.log(err);
+    throw customError
+      ? err
+      : { id: "", message: "An unknown error has occured" };
+  }
+}

package/site_config.json

@@ -1,6 +1,6 @@
 {
   "showBanner": true,
-  "bannerData":{
+  "bannerData": {
     "showCTA": true,
     "shortText": "Short text in a few words to show how it works.",
     "longText": "Long test text that goes on and on for a while with some information about something that people should know about.",
@@ -8,4 +8,4 @@
     "ctaLink": "https://www.thunderheadeng.com",
     "allowClose": false
   }
-}
+}

package/utils.js

@@ -1,35 +1,48 @@
 export function scrollTo(anchor) {
-    document.querySelector("#" + anchor).scrollIntoView({
-        behavior: 'smooth'
-    });
+  document.querySelector("#" + anchor).scrollIntoView({
+    behavior: "smooth",
+  });
 }
 
 export function validateEmail(email) {
-    const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-    return re.test(String(email).toLowerCase());
+  const re =
+    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  return re.test(String(email).toLowerCase());
 }
 
-export const slugFromPath = (path) => path.match(/([\w-]+)\.(svelte\.md|md|svx)/i)?.[1] ?? null;
+export const slugFromPath = (path) =>
+  path.match(/([\w-]+)\.(svelte\.md|md|svx)/i)?.[1] ?? null;
 
 export function buildToC() {
   // Based on https://projectcodeed.blogspot.com/2020/04/an-automatic-table-of-contents.html
-  
+
   // Get ToC div
   let toc = document.getElementById("ToC");
-  
+
   //Add a header
   var tocHeader = document.createElement("a");
-  tocHeader.classList.add("mb-2", "inline-block", "w-auto", "text-center", "bg-gray-50", "hover:bg-gray-100", "py-1", "px-2", "border")
-  tocHeader.innerHTML = "<span class='material-icons-outlined text-sm font-bold text-gray-500 align-text-bottom'>vertical_align_top</span>";
-  tocHeader.setAttribute("href","#top");
-  tocHeader.setAttribute("title","To Top of Page");
+  tocHeader.classList.add(
+    "mb-2",
+    "inline-block",
+    "w-auto",
+    "text-center",
+    "bg-gray-50",
+    "hover:bg-gray-100",
+    "py-1",
+    "px-2",
+    "border"
+  );
+  tocHeader.innerHTML =
+    "<span class='material-icons-outlined text-sm font-bold text-gray-500 align-text-bottom'>vertical_align_top</span>";
+  tocHeader.setAttribute("href", "#top");
+  tocHeader.setAttribute("title", "To Top of Page");
   toc.appendChild(tocHeader);
 
   // Create a list for the ToC entries
   let tocList = document.createElement("ul");
 
   // Find the primary content section
-  let content = document.getElementById("content")
+  let content = document.getElementById("content");
 
   // Get the h2 tags - ToC entries
   let headers = content.getElementsByTagName("h2");
@@ -38,19 +51,23 @@ export function buildToC() {
     console.log("There are not any H2 elements in the document.");
   } else {
     // For each h2
-    for (let i = 0; i < headers.length; i++){
-
+    for (let i = 0; i < headers.length; i++) {
       // Get Heading ID
-      let name = headers[i].id
-    
+      let name = headers[i].id;
+
       // list item for the entry
       let tocListItem = document.createElement("li");
-      tocListItem.classList.add("text-teci-blue-light", "hover:text-teci-blue-dark", "text-sm", "truncate"); 
+      tocListItem.classList.add(
+        "text-teci-blue-light",
+        "hover:text-teci-blue-dark",
+        "text-sm",
+        "truncate"
+      );
 
       // link for the h2
       let tocEntry = document.createElement("a");
-      tocEntry.setAttribute("href","#"+name);
-      tocEntry.innerText=headers[i].innerText;
+      tocEntry.setAttribute("href", "#" + name);
+      tocEntry.innerText = headers[i].innerText;
 
       // add link to list item list
       tocListItem.appendChild(tocEntry);
@@ -58,7 +75,7 @@ export function buildToC() {
       // add list item to list
       tocList.appendChild(tocListItem);
     }
-    
+
     // add list to toc element
     toc.appendChild(tocList);
 
@@ -72,4 +89,4 @@ export function buildToC() {
 
     return true;
   }
-}
+}

package/variables.js

@@ -1,3 +1,3 @@
 export const variables = {
-    trialEndpoint: import.meta.env.VITE_TRIAL_ENDPOINT
+    trialEndpoint: import.meta.env.VITE_TRIAL_ENDPOINT,
 };