tecitheme 0.8.1 → 0.9.0

package/dist/layouts/blocks.svelte

@@ -0,0 +1,108 @@
+<script>
+  import Accordion from "../components/Accordion.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 Hero from "../components/Hero.svelte";
+  import FeatureGrid from "../components/FeatureGrid.svelte";
+  import LogoCloud from "../components/LogoCloud.svelte";
+  import CTASplitImage from "../components/CTASplitImage.svelte";
+  import ContentTwoColumns from "../components/ContentTwoColumns.svelte";
+  import PricingTable from "../components/PricingTable.svelte";
+  import Stats from "../components/Stats.svelte";
+  import PageNav from "../components/PageNav.svelte";
+  import Testimonial from "../components/Testimonial.svelte";
+
+  let blocks = [
+    { ref: "accordion", component: Accordion},
+    { ref: "cta", 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: "hero", component: Hero },
+    { ref: "feature-grid", component: FeatureGrid },
+    { ref: "logo-cloud", component: LogoCloud },
+    { ref: "cta-split-image", component: CTASplitImage },
+    { ref: "content-two-columns", component: ContentTwoColumns },
+    { ref: "pricing-table", component: PricingTable },
+    { ref: "stats", component: Stats },
+    { ref: "pageNav", component: PageNav },
+    { ref: "testimonial", component: Testimonial },
+  ];
+
+  export let data = {};
+  export let form;
+  export let notIndexed = undefined;
+  export let type = undefined;
+  export let title = undefined;
+  export let date = undefined;
+  export let summary = undefined;
+  export let image = undefined;
+  export let lastmod = undefined;
+  export let layout = undefined;
+  export let page_sections = undefined;
+
+  let featuredImage;
+
+  if (image) {
+    featuredImage = "https://teci.imgix.net/www/images/" + image + "?w=1200&h=627&fit=crop&auto=compress&auto=format";
+  } else {
+    featuredImage = "https://teci.imgix.net/www/images/teci_icon_250.png";
+  }
+
+  let pageNav = page_sections ? page_sections.filter(sect => sect.fieldGroup === "pageNav")[0] : undefined;
+</script>
+
+<svelte:head>
+	<title>{title} | Thunderhead Engineering</title>
+	<meta data-key="description" name="description" content={summary}>
+	<meta property="og:type" content="article" />
+	<meta property="og:title" content={title} />
+	<meta name="twitter:title" content={title} />
+	<meta property="og:description" content={summary} />
+	<meta name="twitter:description" content={summary} />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:site" content="@thunderheadeng" />
+  <meta name="twitter:creator" content="@thunderheadeng" />
+	<meta property="og:image" content={featuredImage} />
+	<meta name="twitter:card" content={featuredImage} />
+</svelte:head>
+
+{#if pageNav}
+  <svelte:component
+    this={blocks.find((obj) => obj.ref === pageNav.fieldGroup).component}
+    data={pageNav}
+  />
+{/if}
+
+<main class="relative my-0 mx-auto box-border flex w-full max-w-7xl flex-grow flex-col py-12 px-4 sm:px-6 lg:px-8">
+  <article class="flex flex-col space-y-16 {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" && section.fieldGroup != "pageNav"}
+        <svelte:component
+          this={blocks.find((obj) => obj.ref === section.fieldGroup).component}
+          data={section}
+        />
+      {/if}
+    {/each}
+  </article>
+</main>

package/dist/layouts/blocks.svelte.d.ts

@@ -0,0 +1,47 @@
+/** @typedef {typeof __propDef.props}  BlocksProps */
+/** @typedef {typeof __propDef.events}  BlocksEvents */
+/** @typedef {typeof __propDef.slots}  BlocksSlots */
+export default class Blocks extends SvelteComponent<{
+    form: any;
+    data?: {};
+    summary?: any;
+    title?: any;
+    image?: any;
+    date?: any;
+    lastmod?: any;
+    notIndexed?: any;
+    type?: any;
+    layout?: any;
+    page_sections?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type BlocksProps = typeof __propDef.props;
+export type BlocksEvents = typeof __propDef.events;
+export type BlocksSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        form: any;
+        data?: {};
+        summary?: any;
+        title?: any;
+        image?: any;
+        date?: any;
+        lastmod?: any;
+        notIndexed?: any;
+        type?: any;
+        layout?: any;
+        page_sections?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/req_utils.d.ts

@@ -0,0 +1,3 @@
+export function browserGet(key: any): any;
+export function browserSet(key: any, value: any): any;
+export function post(fetch: any, url: any, body: any): Promise<any>;

package/dist/req_utils.js

@@ -0,0 +1,63 @@
+import { browser } from "$app/environment";
+
+export function browserGet(key) {
+  if (browser) {
+    const item = localStorage.getItem(key);
+    if (item) {
+      return JSON.parse(item);
+    }
+  }
+  return null;
+}
+
+export function browserSet(key, value) {
+  if (browser) {
+    localStorage.setItem(key, value);
+  }
+  return null;
+}
+
+export async function post(fetch, url, body) {
+  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 {
+      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/dist/site_config.json

@@ -0,0 +1,13 @@
+{
+  "name": "Thunderhead Engineering Design System",
+  "url": "https://tecitheme.netlify.app",
+  "showBanner": false,
+  "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.",
+    "ctaText": "Take Action",
+    "ctaLink": "https://www.thunderheadeng.com",
+    "allowClose": false
+  }
+}

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+export function scrollTo(anchor: any): void;
+export function getColorStyles(type: any, color: any): string;
+export function validateEmail(email: any): boolean;
+export function slugFromPath(path: any): void;
+export function buildToC(): boolean;

package/dist/utils.js

@@ -0,0 +1,162 @@
+export function scrollTo(anchor) {
+  document.querySelector("#" + anchor).scrollIntoView({
+    behavior: "smooth",
+  });
+}
+
+export function getColorStyles(type, color){
+  let classes = ""
+  switch (type) {
+    case 'text':
+      switch (color) {
+        case 'pyrosim':
+          classes = "text-pyrosim"
+          break;
+        case 'pathfinder':
+          classes = "text-pathfinder"
+          break;
+        case 'ventus':
+          classes = "text-ventus"
+          break;
+        case 'gray':
+          classes = "text-gray-300"
+          break;
+        case 'white':
+          classes = "text-white"
+          break;
+        default:
+          classes = "text-teci-blue-dark"
+          break;
+      }
+      break;
+    case 'button':
+      switch (color) {
+        case 'pyrosim':
+          classes = "bg-pyrosim hover:bg-pyrosim-dark text-white focus:ring-teci-blue-light border-pyrosim-dark"
+          break;
+        case 'pathfinder':
+          classes = "bg-pathfinder hover:bg-pathfinder-dark text-white focus:ring-teci-blue-light border-pathfinder-dark"
+          break;
+        case 'ventus':
+          classes = "bg-ventus hover:bg-ventus-dark text-white focus:ring-teci-blue-light border-ventus-dark"
+          break;
+        case 'white':
+          classes = "bg-white text-gray-600 hover:bg-gray-200 focus:ring-teci-blue-light border-gray-200"
+          break;
+        default:
+          classes = "bg-teci-blue-light hover:bg-teci-blue-dark text-white focus:ring-teci-blue-light border-teci-blue-dark"
+          break;
+      }
+      break;
+      case 'background':
+        switch (color) {
+          case 'pyrosim':
+            classes = "bg-pyrosim text-white"
+            break;
+          case 'pathfinder':
+            classes = "bg-pathfinder text-white"
+            break;
+          case 'ventus':
+            classes = "bg-ventus text-white"
+            break;
+          case 'teci':
+            classes = "bg-teci-blue-light text-white"
+            break;
+          default:
+            classes = "bg-white"
+            break;
+        }
+        break;
+    default:
+      break;
+  }
+  return classes;
+}
+
+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());
+}
+
+export function 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");
+  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");
+
+  // Get the h2 tags - ToC entries
+  let headers = content.getElementsByTagName("h2");
+
+  if (headers.length == 0) {
+    console.log("There are not any H2 elements in the document.");
+  } else {
+    // For each h2
+    for (let i = 0; i < headers.length; i++) {
+      // Get Heading 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"
+      );
+
+      // link for the h2
+      let tocEntry = document.createElement("a");
+      tocEntry.setAttribute("href", "#" + name);
+      tocEntry.innerText = headers[i].innerText;
+
+      // add link to list item list
+      tocListItem.appendChild(tocEntry);
+
+      // add list item to list
+      tocList.appendChild(tocListItem);
+    }
+
+    // add list to toc element
+    toc.appendChild(tocList);
+
+    //Add a footer
+    //var tocFooter = document.createElement("a");
+    //tocFooter.classList.add("mt-2", "inline-block", "w-auto", "text-center", "bg-gray-50", "hover:bg-gray-100", "py-1", "px-2", "border")
+    //tocFooter.innerHTML="<span class='material-icons-outlined text-sm font-bold text-gray-500 align-text-bottom'>vertical_align_bottom</span>";
+    //tocFooter.setAttribute("href","#bottom");
+    //tocFooter.setAttribute("title","To Bottom of Page");
+    //toc.appendChild(tocFooter);
+
+    return true;
+  }
+}

package/dist/variables.d.ts

@@ -0,0 +1 @@
+export const variables: {};

package/dist/variables.js

@@ -0,0 +1,2 @@
+
+export const variables = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",