@getvitops/astro 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getvitops/astro",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Astro integration for the Vitops design system — favicons/PWA, web-component scripts, and CSS, via a getvitops() integration + <Head /> component.",
   "license": "MIT",
   "files": [
@@ -40,10 +40,10 @@
   "dependencies": {
     "@tailwindcss/vite": "^4.3.3",
     "tailwindcss": "^4.3.3",
-    "@getvitops/generator": "0.3.0",
-    "@getvitops/core": "0.3.0",
-    "@getvitops/vite": "0.3.0",
-    "@getvitops/utils": "0.3.0"
+    "@getvitops/core": "0.4.0",
+    "@getvitops/generator": "0.4.0",
+    "@getvitops/utils": "0.4.0",
+    "@getvitops/vite": "0.4.0"
   },
   "devDependencies": {
     "astro": "^7.1.2"

package/src/schemas/Article.astro

@@ -1,68 +1,10 @@
 ---
-export interface Props {
-  headline: string;
-  description?: string;
-  image?: string | string[];
-  datePublished: string;
-  dateModified?: string;
-  author: {
-    name: string;
-    url?: string;
-  } | {
-    name: string;
-    url?: string;
-  }[];
-  publisher?: {
-    name: string;
-    logo?: string;
-  };
-  mainEntityOfPage?: string;
-  articleSection?: string;
-  wordCount?: number;
-  keywords?: string[];
-}
+import { articleGraph } from '@getvitops/utils';
+import type { ArticleGraphOptions } from '@getvitops/utils';
 
-const {
-  headline,
-  description,
-  image,
-  datePublished,
-  dateModified,
-  author,
-  publisher,
-  mainEntityOfPage,
-  articleSection,
-  wordCount,
-  keywords,
-} = Astro.props;
+export type Props = ArticleGraphOptions;
 
-const authors = Array.isArray(author) ? author : [author];
-
-const jsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'Article',
-  headline,
-  ...(description && { description }),
-  ...(image && { image: Array.isArray(image) ? image : [image] }),
-  datePublished,
-  ...(dateModified && { dateModified }),
-  author: authors.map(a => ({
-    '@type': 'Person',
-    name: a.name,
-    ...(a.url && { url: a.url }),
-  })),
-  ...(publisher && {
-    publisher: {
-      '@type': 'Organization',
-      name: publisher.name,
-      ...(publisher.logo && { logo: { '@type': 'ImageObject', url: publisher.logo } }),
-    },
-  }),
-  ...(mainEntityOfPage && { mainEntityOfPage: { '@type': 'WebPage', '@id': mainEntityOfPage } }),
-  ...(articleSection && { articleSection }),
-  ...(wordCount && { wordCount }),
-  ...(keywords && { keywords: keywords.join(', ') }),
-};
+const jsonLd = articleGraph(Astro.props);
 ---
 
 <script is:inline type="application/ld+json" set:html={JSON.stringify(jsonLd)} />

package/src/schemas/Breadcrumb.astro

@@ -1,25 +1,11 @@
 ---
-export interface BreadcrumbItem {
-  name: string;
-  url: string;
-}
+import { breadcrumbGraph } from '@getvitops/utils';
+import type { BreadcrumbGraphOptions, BreadcrumbItem } from '@getvitops/utils';
 
-export interface Props {
-  items: BreadcrumbItem[];
-}
+export type { BreadcrumbItem };
+export type Props = BreadcrumbGraphOptions;
 
-const { items } = Astro.props;
-
-const jsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'BreadcrumbList',
-  itemListElement: items.map((item, index) => ({
-    '@type': 'ListItem',
-    position: index + 1,
-    name: item.name,
-    item: item.url,
-  })),
-};
+const jsonLd = breadcrumbGraph(Astro.props);
 ---
 
 <script is:inline type="application/ld+json" set:html={JSON.stringify(jsonLd)} />

package/src/schemas/FAQ.astro

@@ -5,29 +5,13 @@
  * NOTE: Google recommends FAQ markup only for authoritative government
  * and health sites. For other sites, consider using QAPage schema instead.
  */
-export interface FAQItem {
-  question: string;
-  answer: string;
-}
+import { faqGraph } from '@getvitops/utils';
+import type { FAQGraphOptions, FAQItem } from '@getvitops/utils';
 
-export interface Props {
-  items: FAQItem[];
-}
+export type { FAQItem };
+export type Props = FAQGraphOptions;
 
-const { items } = Astro.props;
-
-const jsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'FAQPage',
-  mainEntity: items.map(item => ({
-    '@type': 'Question',
-    name: item.question,
-    acceptedAnswer: {
-      '@type': 'Answer',
-      text: item.answer,
-    },
-  })),
-};
+const jsonLd = faqGraph(Astro.props);
 ---
 
 <script is:inline type="application/ld+json" set:html={JSON.stringify(jsonLd)} />

package/src/schemas/Organization.astro

@@ -1,139 +1,10 @@
 ---
-export interface Props {
-  name: string;
-  url?: string;
-  logo?: string;
-  description?: string;
-  email?: string;
-  telephone?: string;
-  address?: {
-    streetAddress?: string;
-    addressLocality?: string;
-    addressRegion?: string;
-    postalCode?: string;
-    addressCountry?: string;
-  };
-  sameAs?: string[];
-  foundingDate?: string;
-  founders?: string[];
-  numberOfEmployees?: number | { minValue: number; maxValue: number };
-  parentOrganization?: {
-    name: string;
-    url?: string;
-  };
-  subOrganization?: {
-    name: string;
-    url?: string;
-  }[];
-  contactPoint?: {
-    type?: 'customer service' | 'technical support' | 'sales' | 'billing support' | 'reservations';
-    telephone: string;
-    email?: string;
-    contactType: string;
-    availableLanguage?: string[];
-    areaServed?: string[];
-  }[];
-  areaServed?: string[];
-  brand?: string;
-  award?: string[];
-  memberOf?: {
-    name: string;
-    url?: string;
-  }[];
-}
+import { organizationGraph } from '@getvitops/utils';
+import type { OrganizationGraphOptions } from '@getvitops/utils';
 
-const {
-  name,
-  url,
-  logo,
-  description,
-  email,
-  telephone,
-  address,
-  sameAs,
-  foundingDate,
-  founders,
-  numberOfEmployees,
-  parentOrganization,
-  subOrganization,
-  contactPoint,
-  areaServed,
-  brand,
-  award,
-  memberOf,
-} = Astro.props;
+export type Props = OrganizationGraphOptions;
 
-const jsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'Organization',
-  name,
-  ...(url && { url }),
-  ...(logo && { logo }),
-  ...(description && { description }),
-  ...(email && { email }),
-  ...(telephone && { telephone }),
-  ...(address && {
-    address: {
-      '@type': 'PostalAddress',
-      ...(address.streetAddress && { streetAddress: address.streetAddress }),
-      ...(address.addressLocality && { addressLocality: address.addressLocality }),
-      ...(address.addressRegion && { addressRegion: address.addressRegion }),
-      ...(address.postalCode && { postalCode: address.postalCode }),
-      ...(address.addressCountry && { addressCountry: address.addressCountry }),
-    },
-  }),
-  ...(sameAs && { sameAs }),
-  ...(foundingDate && { foundingDate }),
-  ...(founders && {
-    founders: founders.map(f => ({
-      '@type': 'Person',
-      name: f,
-    })),
-  }),
-  ...(numberOfEmployees && {
-    numberOfEmployees: typeof numberOfEmployees === 'number'
-      ? { '@type': 'QuantitativeValue', value: numberOfEmployees }
-      : {
-          '@type': 'QuantitativeValue',
-          minValue: numberOfEmployees.minValue,
-          maxValue: numberOfEmployees.maxValue,
-        },
-  }),
-  ...(parentOrganization && {
-    parentOrganization: {
-      '@type': 'Organization',
-      name: parentOrganization.name,
-      ...(parentOrganization.url && { url: parentOrganization.url }),
-    },
-  }),
-  ...(subOrganization && {
-    subOrganization: subOrganization.map(sub => ({
-      '@type': 'Organization',
-      name: sub.name,
-      ...(sub.url && { url: sub.url }),
-    })),
-  }),
-  ...(contactPoint && {
-    contactPoint: contactPoint.map(cp => ({
-      '@type': 'ContactPoint',
-      telephone: cp.telephone,
-      contactType: cp.contactType,
-      ...(cp.email && { email: cp.email }),
-      ...(cp.availableLanguage && { availableLanguage: cp.availableLanguage }),
-      ...(cp.areaServed && { areaServed: cp.areaServed }),
-    })),
-  }),
-  ...(areaServed && { areaServed }),
-  ...(brand && { brand: { '@type': 'Brand', name: brand } }),
-  ...(award && { award }),
-  ...(memberOf && {
-    memberOf: memberOf.map(m => ({
-      '@type': 'Organization',
-      name: m.name,
-      ...(m.url && { url: m.url }),
-    })),
-  }),
-};
+const jsonLd = organizationGraph(Astro.props);
 ---
 
 <script is:inline type="application/ld+json" set:html={JSON.stringify(jsonLd)} />