@nuxtify/pages 0.1.0

package/dist/runtime/components/app/AppNavigationDrawer.vue

@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { useDisplay, useDrawer, useNuxtifyConfig, mdiArrowTopRight } from '#imports'
+
+// App state
+const { smAndDown } = useDisplay()
+const nuxtifyConfig = useNuxtifyConfig()
+const drawer = useDrawer()
+
+// Navigation
+const primaryNavLinks = nuxtifyConfig.navigation?.primary
+const secondaryNavLinks = nuxtifyConfig.navigation?.secondary
+const featuredSecondaryLink = secondaryNavLinks?.slice(0, 1)[0] // first link gets featured
+</script>
+
+<template>
+  <v-navigation-drawer
+    v-if="smAndDown"
+    v-model="drawer"
+    location="right"
+  >
+    <nav>
+      <v-list nav>
+        <!-- Primary links -->
+        <v-list-item
+          v-for="(link, i) in primaryNavLinks"
+          :key="i"
+          :to="link.to"
+          :href="link.href"
+          :prepend-icon="link.icon"
+          color="primary"
+          :target="link.openInNew ? '_blank' : undefined"
+          :rel="link.openInNew ? 'noopener nofollow' : undefined"
+          slim
+          exact
+        >
+          <v-list-item-title class="text-subtitle-1 font-weight-bold py-1">
+            {{ link.text }}
+            <v-icon
+              v-if="link.openInNew"
+              :icon="mdiArrowTopRight"
+              size="x-small"
+              color="grey"
+              class="ml-1"
+            />
+          </v-list-item-title>
+        </v-list-item>
+
+        <!-- Secondary links -->
+        <v-list-item
+          v-for="link in secondaryNavLinks?.slice(1).reverse()"
+          :key="link.text"
+          :to="link.to"
+          :href="link.href"
+          :prepend-icon="link.icon"
+          :target="link.openInNew ? '_blank' : undefined"
+          :rel="link.openInNew ? 'noopener nofollow' : undefined"
+          slim
+          exact
+        >
+          <v-list-item-title class="text-subtitle-1 font-weight-bold py-1">
+            {{ link.text }}
+            <v-icon
+              v-if="link.openInNew"
+              :icon="mdiArrowTopRight"
+              size="x-small"
+              color="grey"
+              class="ml-1"
+            />
+          </v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </nav>
+
+    <template #append>
+      <!-- Featured secondary link -->
+      <div
+        v-if="featuredSecondaryLink?.text"
+        class="ma-2"
+      >
+        <v-btn
+          :to="featuredSecondaryLink.to"
+          :href="featuredSecondaryLink.href"
+          :prepend-icon="featuredSecondaryLink.icon"
+          variant="flat"
+          size="large"
+          :target="featuredSecondaryLink.openInNew ? '_blank' : undefined"
+          :rel="featuredSecondaryLink.openInNew ? 'noopener nofollow' : undefined"
+          block
+        >
+          {{ featuredSecondaryLink.text }}
+          <v-icon
+            v-if="featuredSecondaryLink.openInNew"
+            :icon="mdiArrowTopRight"
+            size="small"
+            class="ml-1"
+          />
+        </v-btn>
+      </div>
+    </template>
+  </v-navigation-drawer>
+</template>

package/dist/runtime/components/app/AppToast.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { useToast } from '#imports'
+
+// App state
+const toast = useToast()
+</script>
+
+<template>
+  <v-snackbar
+    v-model="toast.show"
+    :timeout="5000"
+    color="info"
+    :min-width="0"
+    close-on-content-click
+  >
+    {{ toast.message }}
+  </v-snackbar>
+</template>

package/dist/runtime/composables/dialog.d.ts

@@ -0,0 +1,13 @@
+export interface Dialog {
+    show: boolean;
+    title: string;
+    message: string;
+    action: {
+        function: () => Promise<void>;
+        buttonText: string;
+        buttonColor: string;
+    };
+    closeButtonText: string;
+}
+export declare const dialogInitialState: Dialog;
+export declare const useDialog: () => import("vue").Ref<Dialog, Dialog>;

package/dist/runtime/composables/dialog.js

@@ -0,0 +1,15 @@
+import { useState } from "#imports";
+export const dialogInitialState = {
+  show: false,
+  title: "",
+  message: "",
+  action: {
+    function: () => new Promise((resolve) => resolve()),
+    buttonText: "",
+    buttonColor: ""
+  },
+  closeButtonText: "Cancel"
+};
+export const useDialog = () => useState("dialog", () => {
+  return dialogInitialState;
+});

package/dist/runtime/composables/nuxtify.d.ts

@@ -0,0 +1,2 @@
+import type { ModuleOptions } from '../../types.js';
+export declare const useNuxtifyConfig: () => ModuleOptions;

package/dist/runtime/composables/nuxtify.js

@@ -0,0 +1,2 @@
+import { useAppConfig } from "#imports";
+export const useNuxtifyConfig = () => useAppConfig().nuxtify;

package/dist/runtime/composables/state.d.ts

@@ -0,0 +1,15 @@
+export declare const useDrawer: () => import("vue").Ref<boolean | null, boolean | null>;
+export declare const useToast: () => import("vue").Ref<{
+    show: boolean;
+    message: string;
+} | {
+    show: boolean;
+    message: string;
+}, {
+    show: boolean;
+    message: string;
+} | {
+    show: boolean;
+    message: string;
+}>;
+export declare const useErrorMessage: () => import("vue").Ref<string, string>;

package/dist/runtime/composables/state.js

@@ -0,0 +1,10 @@
+import { ref, useState } from "#imports";
+export const useDrawer = () => useState("drawer", () => null);
+export const useToast = () => useState(
+  "toast",
+  () => ref({
+    show: false,
+    message: ""
+  })
+);
+export const useErrorMessage = () => useState("errorMessage", () => "");

package/dist/runtime/layouts/DefaultLayout.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { useDisplay, useNuxtifyConfig } from '#imports'
+
+// App state
+const nuxtifyConfig = useNuxtifyConfig()
+const { mdAndUp } = useDisplay()
+</script>
+
+<template>
+  <v-app>
+    <!-- Accessibility -->
+    <NuxtRouteAnnouncer />
+
+    <AppBar class="d-print-none" />
+
+    <AppNavigationDrawer class="d-print-none" />
+
+    <AppAnnouncementBar
+      v-if="nuxtifyConfig.announcement?.show"
+      class="d-print-none"
+    />
+
+    <v-main :min-height="mdAndUp ? 800 : 550">
+      <slot />
+    </v-main>
+
+    <AppToast />
+
+    <v-footer class="bg-primary justify-center mt-8">
+      <AppFooter />
+    </v-footer>
+  </v-app>
+</template>

package/dist/runtime/pages/DynamicSlug.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { useRoute, capitalizeFirstLetter } from '#imports'
+
+// Page info
+const route = useRoute()
+</script>
+
+<template>
+  <v-container>
+    <v-row justify="center">
+      <v-col
+        cols="12"
+        sm="10"
+        lg="8"
+        xl="6"
+      >
+        <h1 class="text-h5 mt-4">
+          {{ capitalizeFirstLetter(route.params.slug as string) }}
+        </h1>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>

package/dist/runtime/pages/IndexPage.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { useServerSeoMeta, useNuxtifyConfig } from '#imports'
+
+// Page info
+useServerSeoMeta({
+  title: '@nuxtify/pages',
+  description: 'This is the @nuxtify/pages homepage.',
+})
+
+// App state
+const nuxtifyConfig = useNuxtifyConfig()
+</script>
+
+<template>
+  <v-container class="text-center">
+    <ClientOnly>
+      <h1>{{ nuxtifyConfig.brand?.name }} Home</h1>
+      <template #fallback>
+        <AppLoading />
+      </template>
+    </ClientOnly>
+  </v-container>
+</template>

package/dist/runtime/server/composables/client.d.ts

@@ -0,0 +1 @@
+export { useNuxtifyConfig } from '../../composables/nuxtify.js';

package/dist/runtime/server/composables/client.js

@@ -0,0 +1 @@
+export { useNuxtifyConfig } from "../../composables/nuxtify.js";

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

package/dist/runtime/server/utils/client.d.ts

@@ -0,0 +1 @@
+export { slugify, unslugify } from '../../utils/text.js';

package/dist/runtime/server/utils/client.js

@@ -0,0 +1 @@
+export { slugify, unslugify } from "../../utils/text.js";

package/dist/runtime/utils/email.d.ts

@@ -0,0 +1,5 @@
+export declare const submitFormData: (submitUrl: string, formData: FormData) => Promise<{
+    isSubmitted: boolean;
+    isError: boolean;
+    errorMessage: string;
+}>;

package/dist/runtime/utils/email.js

@@ -0,0 +1,26 @@
+export const submitFormData = async (submitUrl, formData) => {
+  let isSubmitted = false;
+  let isError = false;
+  let errorMessage = "";
+  try {
+    const res = await fetch(submitUrl, {
+      method: "POST",
+      body: formData
+    });
+    if (res.ok) {
+      isSubmitted = true;
+    } else {
+      throw new Error(`${res.status} Error`);
+    }
+  } catch (error) {
+    isError = true;
+    if (error instanceof Error) {
+      errorMessage = error.message;
+    }
+  }
+  return {
+    isSubmitted,
+    isError,
+    errorMessage
+  };
+};

package/dist/runtime/utils/formRules.d.ts

@@ -0,0 +1,18 @@
+export declare const formRules: {
+    required: (v: string) => true | "Required";
+    requiredArray: <T>(v: Array<T>) => true | "Required";
+    validEmail: (v: string) => true | "Must be a valid email address";
+    minLength8: (v: string) => true | "Must be at least 8 characters";
+    minLength12: (v: string) => true | "Must be at least 12 characters";
+    maxLength30: (v: string) => true | "Must not be longer than 30 characters";
+    maxLength60: (v: string) => true | "Must not be longer than 60 characters";
+    maxLength120: (v: string) => true | "Must not be longer than 120 characters";
+    maxLength200: (v: string) => true | "Must not be longer than 200 characters";
+    maxLength300: (v: string) => true | "Must not be longer than 300 characters";
+    maxLength600: (v: string) => true | "Must not be longer than 600 characters";
+    isInteger: (v: string) => true | "Must be an integer";
+    gt0: (v: string) => true | "Must be greater than 0";
+    gte6: (v: string) => true | "Must be greater than or equal to 6";
+    lte12: (v: string) => true | "Must be less than or equal to 12";
+    lte365: (v: string) => true | "Must be less than or equal to 365";
+};

package/dist/runtime/utils/formRules.js

@@ -0,0 +1,22 @@
+export const formRules = {
+  // Required
+  required: (v) => !!v || "Required",
+  requiredArray: (v) => !!v.length || "Required",
+  // Text
+  validEmail: (v) => /.+@.+/.test(v) || "Must be a valid email address",
+  // Length
+  minLength8: (v) => v ? v.length >= 8 || "Must be at least 8 characters" : true,
+  minLength12: (v) => v ? v.length >= 12 || "Must be at least 12 characters" : true,
+  maxLength30: (v) => v ? v.length <= 30 || "Must not be longer than 30 characters" : true,
+  maxLength60: (v) => v ? v.length <= 60 || "Must not be longer than 60 characters" : true,
+  maxLength120: (v) => v ? v.length <= 120 || "Must not be longer than 120 characters" : true,
+  maxLength200: (v) => v ? v.length <= 200 || "Must not be longer than 200 characters" : true,
+  maxLength300: (v) => v ? v.length <= 300 || "Must not be longer than 300 characters" : true,
+  maxLength600: (v) => v ? v.length <= 600 || "Must not be longer than 600 characters" : true,
+  // Number
+  isInteger: (v) => Number.isInteger(+v) || "Must be an integer",
+  gt0: (v) => Number.parseFloat(v) > 0 || "Must be greater than 0",
+  gte6: (v) => Number.parseFloat(v) >= 6 || "Must be greater than or equal to 6",
+  lte12: (v) => Number.parseFloat(v) <= 12 || "Must be less than or equal to 12",
+  lte365: (v) => Number.parseFloat(v) <= 365 || "Must be less than or equal to 365"
+};

package/dist/runtime/utils/icons.d.ts

@@ -0,0 +1 @@
+export { mdiArrowRight, mdiClose, mdiMenu, mdiArrowTopRight } from '@mdi/js';

package/dist/runtime/utils/icons.js

@@ -0,0 +1 @@
+export { mdiArrowRight, mdiClose, mdiMenu, mdiArrowTopRight } from "@mdi/js";

package/dist/runtime/utils/io.d.ts

@@ -0,0 +1,2 @@
+export declare function blobToDataURL(blob: Blob): Promise<string>;
+export declare function filenameToUrl(filename: string, timestamped?: boolean): string;

package/dist/runtime/utils/io.js

@@ -0,0 +1,19 @@
+export function blobToDataURL(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = (_e) => resolve(reader.result);
+    reader.onerror = (_e) => reject(reader.error);
+    reader.onabort = (_e) => reject(new Error("Read aborted"));
+    reader.readAsDataURL(blob);
+  });
+}
+export function filenameToUrl(filename, timestamped = false) {
+  const filenameClean = encodeURIComponent(
+    filename.trim().replace(/[^a-z0-9.-]/gi, "-").replace(/-{2,}/g, "-").replace(/\.{2,}/g, ".").replace(/-\./g, ".").replace(/-$/g, "").replace(/^-/g, "").slice(0, 500)
+    // limit to the first 500 characters
+  );
+  if (timestamped) {
+    return `${Date.now()}-${filenameClean}`;
+  }
+  return filenameClean;
+}

package/dist/runtime/utils/math.d.ts

@@ -0,0 +1,2 @@
+export declare function toPercentage(val: number, decimals?: number): string;
+export declare function roundToFixed(val: number | string, positions?: number): number;

package/dist/runtime/utils/math.js

@@ -0,0 +1,13 @@
+export function toPercentage(val, decimals = 0) {
+  const percentage = (val * 100).toFixed(decimals);
+  return `${percentage}%`;
+}
+export function roundToFixed(val, positions = 2) {
+  let text = 0;
+  if (typeof val === "string") {
+    text = +Number.parseFloat(val).toFixed(positions);
+  } else if (typeof val === "number") {
+    text = +val.toFixed(positions);
+  }
+  return text;
+}

package/dist/runtime/utils/text.d.ts

@@ -0,0 +1,23 @@
+export declare const titleCase: (text: string, skipShortWords?: boolean) => string;
+export declare function capitalizeFirstLetter(text: string): string;
+export declare function fullName(firstName: string, lastName: string): string;
+export declare function parseFullName(fullName: string | undefined | null): {
+    firstName: string;
+    lastName: string;
+};
+export declare const honoraryName: (name: string, honorificSuffix?: string) => string;
+export declare function getPronouns(gender: string): {
+    single: string;
+    plural: string;
+    possessive: string;
+    possessivePlural: string;
+};
+export declare const formatPhone: (input: string, separator?: string) => string;
+export declare function formatDate(date: string, locale?: string): string;
+export declare function formatDateTime(date: string, locale?: string): string;
+export declare function booleanToText(bool: boolean): "Yes" | "No";
+export declare const truncate: (text: string, maxLength?: number, ellipses?: boolean) => string;
+export declare const slugify: (text: string) => string;
+export declare const unslugify: (text: string) => string;
+export declare function pluralize(value: number, units: string, showValue?: boolean): string;
+export declare const getLanguageName: (languageCode: string, displayLanguage?: string) => string | undefined;

package/dist/runtime/utils/text.js

@@ -0,0 +1,159 @@
+export const titleCase = (text, skipShortWords = true) => {
+  const shortWords = ["and", "an", "the", "a", "but", "for", "at", "by", "to"];
+  const words = text.split(" ");
+  const titleWords = [];
+  for (const [i] of words.entries()) {
+    if (skipShortWords && shortWords.includes(words[i])) {
+      if (i === 0) {
+        titleWords.push(words[i].charAt(0).toUpperCase() + words[i].slice(1));
+      } else {
+        titleWords.push(words[i]);
+      }
+    } else {
+      titleWords.push(words[i].charAt(0).toUpperCase() + words[i].slice(1));
+    }
+  }
+  return titleWords.join(" ");
+};
+export function capitalizeFirstLetter(text) {
+  if (!text) {
+    return "";
+  }
+  return text.charAt(0).toUpperCase() + text.slice(1);
+}
+export function fullName(firstName, lastName) {
+  let name = "";
+  if (firstName && lastName) {
+    name = `${firstName} ${lastName}`;
+  } else if (firstName) {
+    name = firstName;
+  } else if (lastName) {
+    name = lastName;
+  }
+  return name;
+}
+export function parseFullName(fullName2) {
+  let firstName = "";
+  let lastName = "";
+  if (fullName2) {
+    const nameSplit = fullName2.split(" ");
+    firstName = nameSplit[0];
+    if (nameSplit.length > 1) {
+      lastName = nameSplit.slice(1).join(" ");
+    }
+  }
+  return { firstName, lastName };
+}
+export const honoraryName = (name, honorificSuffix = "") => {
+  return honorificSuffix ? `${name}, ${honorificSuffix}` : name;
+};
+export function getPronouns(gender) {
+  if (gender === "male") {
+    return {
+      single: "he",
+      plural: "he's",
+      possessive: "his",
+      possessivePlural: "his"
+    };
+  } else if (gender === "female") {
+    return {
+      single: "she",
+      plural: "she's",
+      possessive: "her",
+      possessivePlural: "her's"
+    };
+  } else {
+    return {
+      single: "they",
+      plural: "they're",
+      possessive: "their",
+      possessivePlural: "theirs"
+    };
+  }
+}
+export const formatPhone = (input, separator = "-") => {
+  let phone = input;
+  if (phone.slice(0, 2) === "+1") {
+    phone = phone.slice(2);
+  }
+  if (phone.length === 10) {
+    phone = phone.replace(
+      /(\d{3})(\d{3})(\d{4})/,
+      `$1${separator}$2${separator}$3`
+    );
+  }
+  return phone;
+};
+export function formatDate(date, locale = "en-us") {
+  return new Date(date).toLocaleDateString(locale, {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+export function formatDateTime(date, locale = "en-us") {
+  return new Date(date).toLocaleString(locale, {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric"
+  });
+}
+export function booleanToText(bool) {
+  return bool ? "Yes" : "No";
+}
+export const truncate = (text, maxLength = 80, ellipses = true) => {
+  if (text.length > maxLength) {
+    let trimmedString = text.substring(0, maxLength + 1);
+    trimmedString = trimmedString.substring(
+      0,
+      Math.min(trimmedString.length, trimmedString.lastIndexOf(" "))
+    );
+    return `${trimmedString}${ellipses ? "..." : ""}`;
+  }
+  return text;
+};
+export const slugify = (text) => {
+  const slug = text.normalize("NFKD").toLowerCase().trim().replace(/\s+/g, "-").replace(/_/g, "-").replace(/-{2,}/g, "-").replace(/-$/g, "");
+  return slug;
+};
+export const unslugify = (text) => {
+  const unslug = text.replace(/-/g, " ");
+  return unslug;
+};
+export function pluralize(value, units, showValue = true) {
+  let text = "";
+  let unitsPlural = units;
+  if (unitsPlural.slice(-1) === "y") {
+    unitsPlural = unitsPlural.slice(0, -1) + "ies";
+  } else {
+    unitsPlural = units + "s";
+  }
+  if (showValue) {
+    if (value === 1) {
+      text = `${value} ${units}`;
+    } else {
+      text = `${value} ${unitsPlural}`;
+    }
+  } else if (!value || value === 1) {
+    text = `${units}`;
+  } else {
+    text = `${unitsPlural}`;
+  }
+  return text;
+}
+export const getLanguageName = (languageCode, displayLanguage = "en") => {
+  try {
+    const languageNames = new Intl.DisplayNames([displayLanguage], {
+      type: "language"
+    });
+    return languageNames.of(languageCode);
+  } catch (error) {
+    console.error(
+      `Error getting language name for code '${languageCode}' with locale '${displayLanguage}':`,
+      error
+    );
+    return languageCode;
+  }
+};

package/dist/runtime/utils/time.d.ts

@@ -0,0 +1,2 @@
+export declare const delay: (ms: number) => Promise<unknown>;
+export declare function daysSince(targetDate: Date): number;

package/dist/runtime/utils/time.js

@@ -0,0 +1,7 @@
+export const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+export function daysSince(targetDate) {
+  const currentDate = /* @__PURE__ */ new Date();
+  const timeDifference = currentDate.getTime() - targetDate.getTime();
+  const daysDifference = Math.floor(timeDifference / (1e3 * 60 * 60 * 24));
+  return daysDifference;
+}

package/dist/runtime/utils/url.d.ts

@@ -0,0 +1,9 @@
+export declare const getBaseUrl: (url: string) => string;
+export declare const getUtmParams: (url: string) => {
+    utmSource: string | null;
+    utmMedium: string | null;
+    utmCampaign: string | null;
+    utmTerm: string | null;
+    utmContent: string | null;
+};
+export declare const isExternalUrl: (url: string, hostname: string) => boolean;

package/dist/runtime/utils/url.js

@@ -0,0 +1,27 @@
+export const getBaseUrl = (url) => {
+  const urlObject = new URL(url);
+  urlObject.search = "";
+  urlObject.hash = "";
+  return urlObject.href;
+};
+export const getUtmParams = (url) => {
+  const urlSearchParams = new URLSearchParams(new URL(url).search);
+  return {
+    utmSource: urlSearchParams.get("utm_source"),
+    utmMedium: urlSearchParams.get("utm_medium"),
+    utmCampaign: urlSearchParams.get("utm_campaign"),
+    utmTerm: urlSearchParams.get("utm_term"),
+    utmContent: urlSearchParams.get("utm_content")
+  };
+};
+export const isExternalUrl = (url, hostname) => {
+  if (!url) {
+    return false;
+  }
+  if (url.startsWith("/")) {
+    return false;
+  } else {
+    const linkHostname = new URL(url).hostname;
+    return linkHostname !== hostname;
+  }
+};

package/dist/runtime/utils/util.d.ts

@@ -0,0 +1,7 @@
+export declare const addOrReplaceArrayItem: (array: {
+    id: string | number;
+    [key: string]: unknown;
+}[], element: {
+    id: string | number;
+    [key: string]: unknown;
+}) => void;

package/dist/runtime/utils/util.js

@@ -0,0 +1,5 @@
+export const addOrReplaceArrayItem = (array, element) => {
+  const i = array.findIndex((e) => e.id === element.id);
+  if (i > -1) array[i] = element;
+  else array.push(element);
+};