@antlur/backstage 1.0.9 → 1.0.10

package/src/types/menu-item.ts

@@ -0,0 +1,15 @@
+export interface MenuItem {
+  id: string;
+  account_id: string;
+  title: string;
+  post_title: string | null;
+  subtitle: string | null;
+  description: string | null;
+  price: number | null;
+  price2: number | null;
+  image_id: string | null;
+  type: string | null;
+  overrides: string | null;
+  created_at: string;
+  updated_at: string;
+}

package/src/types/menu.ts

@@ -0,0 +1,12 @@
+export interface Menu {
+  id: string;
+  slug: string;
+  is_default: boolean;
+  title: string;
+  subtitle: string | null;
+  account_id: string;
+  pdf_url: string | null;
+  categories: string[]; // You can replace this with the actual type for categories if needed
+  created_at: string;
+  updated_at: string;
+}

package/src/types/navigation.ts

@@ -0,0 +1,17 @@
+export interface NavigationItem {
+  id: string;
+  text: string;
+  url: string;
+  html: string;
+  new_window: boolean;
+  type: string;
+  style: string;
+  parent_id: string;
+  children: NavigationItem[];
+}
+
+export interface Navigation {
+  id: string;
+  name: string;
+  items: NavigationItem[];
+}

package/src/types/page.ts

@@ -0,0 +1,24 @@
+export interface Block {
+  id: string;
+  block: string;
+  data: any;
+}
+
+export interface Settings {
+  background_color: string;
+}
+
+export interface Meta {
+  title: string;
+  description: string;
+}
+
+export interface Page {
+  id: string;
+  title: string;
+  slug: string;
+  blocks: Block[];
+  settings: Settings;
+  meta: Meta;
+  is_home: boolean;
+}

package/src/types/press.ts

@@ -0,0 +1,13 @@
+import { MediaItem } from "./media-item";
+
+export interface Press {
+  id: string;
+  slug: string;
+  title: string;
+  source: string;
+  url: string;
+  published_at: string;
+  featured_media?: MediaItem;
+  excerpt: string;
+  content: string;
+}

package/src/types/website.ts

@@ -0,0 +1,76 @@
+export interface SocialLink {
+  name: string;
+  url: string | null;
+}
+
+export interface FontFamily {
+  name: string;
+  value: string;
+}
+
+export interface ThemeColors {
+  primary?: string;
+  primaryForeground: string;
+  secondary?: string;
+  secondaryForeground: string;
+  tertiary?: string;
+  tertiaryForeground: string;
+  topbar?: string;
+  topbarForeground: string;
+  header?: string;
+  headerForeground: string;
+  footerLocation?: string;
+  footerLocationForeground: string;
+  footer?: string;
+  footerForeground: string;
+}
+
+export interface Theme {
+  name: string | null;
+  colors: ThemeColors;
+}
+
+export interface WebsiteMeta {
+  title: string | null;
+  description: string | null;
+}
+
+export interface OpenGraph {
+  title: string | null;
+  description: string | null;
+  image: string | null;
+}
+
+export interface Logo {
+  url: string;
+  width: number;
+  height: number;
+  thumb: string;
+}
+
+export interface Account {
+  id: string;
+  name: string;
+}
+
+export interface Website {
+  id: string;
+  app_name: string;
+  domain: string;
+  favicon_url: string | null;
+  logo: Logo | null;
+  account: Account;
+  meta: WebsiteMeta;
+  open_graph: OpenGraph;
+  theme: Theme;
+  google_analytics_id: string | null;
+  facebook_pixel_id: string | null;
+  font_urls: string[] | null;
+  font_families: FontFamily[] | null;
+  header_navigation_id: string | null;
+  footer_navigation_id: string | null;
+  social_links: SocialLink[];
+  home_cta_text: string | null;
+  home_cta_url: string | null;
+  has_accessibility_widget: boolean;
+}

package/src/util/event.ts

@@ -0,0 +1,77 @@
+import type { Event, Location, Website } from "../types";
+import { Event as SchemaEvent, WithContext } from "schema-dts";
+
+export function isMultipleDays(start: Date, end: Date) {
+  return start.getDate() !== end.getDate();
+}
+
+export function dateString(event: Event) {
+  const startTime = new Date(event.start_time);
+  const endTime = new Date(event.end_time);
+
+  if (isMultipleDays(startTime, endTime)) {
+    const startDayShort = startTime.toLocaleDateString("en-US", { weekday: "short" });
+    const startDate = startTime.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+    const endDate = endTime.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+
+    return `${startDayShort}, ${startDate} - ${endDate}`;
+  }
+
+  const startDay = startTime.toLocaleDateString("en-US", { weekday: "short" });
+  const startDate = startTime.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  const startTimeString = startTime.toLocaleTimeString("en-US", { hour: "numeric", minute: "numeric" });
+  const endTimeString = endTime.toLocaleTimeString("en-US", { hour: "numeric", minute: "numeric" });
+
+  return `${startDay}, ${startDate}`;
+}
+
+export function timeString(event: Event) {
+  const startTime = new Date(event.start_time);
+  const endTime = new Date(event.end_time);
+
+  const startTimeString = startTime.toLocaleTimeString("en-US", { hour: "numeric", minute: "numeric" });
+  const endTimeString = endTime.toLocaleTimeString("en-US", { hour: "numeric", minute: "numeric" });
+
+  return `${startTimeString} - ${endTimeString}`;
+}
+
+export function shortDescription(event: Event) {
+  // event.description is html
+  // strip html tags
+  //   keep newlines
+  // return first 50 chars
+
+  const shortDescription = event.description.substring(0, 100);
+  return shortDescription;
+}
+
+export function makeEventSchema(website: Website, event: Event, locations: Location[]): WithContext<SchemaEvent> {
+  return {
+    "@context": "https://schema.org",
+    "@type": "Event",
+    "@id": `https://${website.domain}/events/${event.id}//#event`,
+    eventAttendanceMode: "https://schema.org/OfflineEventAttendanceMode",
+    url: `https://${website.domain}/events/${event.id}`,
+    name: event.title,
+    description: event.description,
+    startDate: event.start_time,
+    endDate: event.end_time,
+    location: [
+      {
+        "@type": "Place",
+        address: {
+          "@type": "PostalAddress",
+          streetAddress: locations[0].address,
+          addressLocality: locations[0].city,
+          addressRegion: locations[0].state,
+          postalCode: locations[0].zip,
+          addressCountry: "US",
+        },
+      },
+    ],
+    image: {
+      "@type": "ImageObject",
+      url: event.cover_media?.transform_url,
+    },
+  };
+}

package/src/util/gtag.ts

@@ -0,0 +1,40 @@
+import { GAEvents, GALocations } from "../constants/google-events";
+
+// Define gtag on window
+declare global {
+  interface Window {
+    gtag?: (...args: any[]) => void;
+  }
+}
+
+export function gtag(...args: any[]) {
+  if (typeof window !== "undefined" && window.gtag) {
+    window.gtag(...args);
+  }
+}
+
+interface GtagEventParams {
+  category?: string;
+  label?: string;
+  value?: number;
+  page_url?: string;
+
+  // location is one of GALocations
+  location?: string;
+
+  // store is the slug of the store
+  store?: string | null | undefined;
+
+  /** @deprecated Use category instead */
+  event_category?: string;
+  /** @deprecated Use label instead */
+  event_label?: string;
+}
+
+type GtagEventName = keyof typeof GAEvents | (string & {});
+
+export function gtagEvent(name: GtagEventName, params: GtagEventParams = {}) {
+  if (typeof window === "undefined" || !window.gtag) return;
+
+  gtag("event", name, params);
+}

package/src/util/imgproxy-loader.ts

@@ -0,0 +1,22 @@
+interface ImgproxyLoaderProps {
+  src: string;
+  width?: number;
+  height?: number;
+  quality?: number;
+}
+
+export default function imgproxyLoader({ src, width, height, quality }: ImgproxyLoaderProps) {
+  const path =
+    `/size:${width ? width : 0}:${height ? height : 0}` +
+    `/resizing_type:fill` +
+    (quality ? `/quality:${quality}` : "") +
+    `/sharpen:0.5` +
+    `/plain/${src}` +
+    `@webp`;
+
+  const host = process.env.NEXT_PUBLIC_IMGPROXY_URL || "https://imgproxy.antlur.co";
+
+  const imgUrl = `${host}/insecure${path}`;
+
+  return imgUrl;
+}

package/src/util/publishing.ts

@@ -0,0 +1,3 @@
+export function filterPublishedItems(items: any[]) {
+  return items.filter((item) => item.published_at !== null);
+}

package/src/util/special-hours.ts

@@ -0,0 +1,24 @@
+import type { Location } from "../types";
+import { DateTime } from "luxon";
+
+export function getSpecialHoursFromLocation(location: Location): any[] {
+  if (!location.special_hours) return [];
+
+  // filter out any special hours that are before today
+  const now = DateTime.now().startOf("day");
+  if (location.timezone) now.setZone(location.timezone);
+
+  const specialHours = location.special_hours.filter((specialHour) => {
+    const specialHourDate = DateTime.fromISO(specialHour.date);
+    return specialHourDate >= now;
+  });
+
+  // sort by date
+  specialHours.sort((a, b) => {
+    const aDate = DateTime.fromISO(a.date);
+    const bDate = DateTime.fromISO(b.date);
+    return aDate > bDate ? 1 : -1;
+  });
+
+  return specialHours;
+}