@indaco/sveo 1.0.0

package/dist/components/metadata/opengraph/video-episode.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">import { toISODateString } from '../../../utils.js';
+import VideoMovie from './video-movie.svelte';
+let { data } = $props();
+</script>
+
+{#if Array.isArray(data.opengraph?.episode?.actor)}
+	{#each data.opengraph.episode.actor as actor (actor)}
+		<meta property="video:actor" content={actor.url} />
+	{/each}
+{/if}
+
+{#if data.opengraph?.episode?.actorRole}
+	<meta property="video:actor:role" content={data.opengraph.episode.actorRole} />
+{/if}
+
+{#if Array.isArray(data.opengraph?.episode?.director)}
+	{#each data.opengraph.episode.director as director (director)}
+		<meta property="video:director" content={director.url} />
+	{/each}
+{/if}
+
+{#if Array.isArray(data.opengraph?.episode?.writer)}
+	{#each data.opengraph.episode.writer as writer (writer)}
+		<meta property="video:writer" content={writer.url} />
+	{/each}
+{/if}
+
+{#if data.opengraph?.episode?.duration}
+	<meta property="video:duration" content={data.opengraph.episode.duration.toString()} />
+{/if}
+
+{#if data.opengraph?.episode?.release_date}
+	<meta
+		property="video:release_date"
+		content={toISODateString(data.opengraph.episode.release_date)}
+	/>
+{/if}
+
+{#if Array.isArray(data.opengraph?.episode?.tags)}
+	{#each data.opengraph.episode.tags as tag (tag)}
+		<meta property="video:tag" content={tag} />
+	{/each}
+{/if}
+
+{#if data.opengraph?.episode?.series}
+	<VideoMovie {data} />
+{/if}

package/dist/components/metadata/opengraph/video-episode.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { SEOWebPage } from '../../../types.js';
+interface Props {
+    data: SEOWebPage;
+}
+declare const VideoEpisode: import("svelte").Component<Props, {}, "">;
+type VideoEpisode = ReturnType<typeof VideoEpisode>;
+export default VideoEpisode;

package/dist/components/metadata/opengraph/video-movie.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">import { toISODateString } from '../../../utils.js';
+let { data } = $props();
+</script>
+
+{#if Array.isArray(data.opengraph?.movie?.actor)}
+	{#each data.opengraph.movie.actor as actor (actor)}
+		<meta property="video:actor" content={actor.url} />
+	{/each}
+{/if}
+
+{#if data.opengraph?.movie?.actorRole}
+	<meta property="video:actor:role" content={data.opengraph.movie.actorRole} />
+{/if}
+
+{#if Array.isArray(data.opengraph?.movie?.director)}
+	{#each data.opengraph.movie.director as director (director)}
+		<meta property="video:director" content={director.url} />
+	{/each}
+{/if}
+
+{#if Array.isArray(data.opengraph?.movie?.writer)}
+	{#each data.opengraph.movie.writer as writer (writer)}
+		<meta property="video:writer" content={writer.url} />
+	{/each}
+{/if}
+
+{#if data.opengraph?.movie?.duration}
+	<meta property="video:duration" content={data.opengraph.movie.duration.toString()} />
+{/if}
+
+{#if data.opengraph?.movie?.release_date}
+	<meta
+		property="video:release_date"
+		content={toISODateString(data.opengraph.movie.release_date)}
+	/>
+{/if}
+
+{#if Array.isArray(data.opengraph?.movie?.tags)}
+	{@const _tags = data.opengraph?.movie?.tags}
+	{#each _tags as tag (tag)}
+		<meta property="video:tag" content={tag} />
+	{/each}
+{/if}

package/dist/components/metadata/opengraph/video-movie.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { SEOWebPage } from '../../../types.js';
+interface Props {
+    data: SEOWebPage;
+}
+declare const VideoMovie: import("svelte").Component<Props, {}, "">;
+type VideoMovie = ReturnType<typeof VideoMovie>;
+export default VideoMovie;

package/dist/components/metadata/twittercard/TwitterCard.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">import { TwitterCardType } from '../../../types.js';
+let { data } = $props();
+</script>
+
+{#if data.twitter}
+	{#if data.twitter.type}
+		<meta property="twitter:card" content={data.twitter.type} />
+		<meta property="twitter:title" content={data.title} />
+		{#if data.twitter.site}
+			<meta property="twitter:site" content={data.twitter.site} />
+		{/if}
+		{#if data.description}
+			<meta property="twitter:description" content={data.description} />
+		{/if}
+		{#if data.image?.url}
+			<meta property="twitter:image" content={data.image.url} />
+			{#if data.image.alt}
+				<meta property="twitter:image:alt" content={data.image.alt} />
+			{/if}
+		{/if}
+
+		{#if data.twitter.type === TwitterCardType.Player && data.twitter.player}
+			<meta property="twitter:player" content={data.twitter.player.url} />
+			<meta property="twitter:player:width" content={data.twitter.player.width.toString()} />
+			<meta property="twitter:player:height" content={data.twitter.player.height.toString()} />
+		{/if}
+
+		{#if data.twitter.type === TwitterCardType.App && data.twitter.app}
+			{#if data.twitter.app.country}
+				<meta property="twitter:app:country" content={data.twitter.app.country} />
+			{/if}
+			<meta property="twitter:app:id:iphone" content={data.twitter.app.idIPhone} />
+			<meta property="twitter:app:id:ipad" content={data.twitter.app.idIPad} />
+			<meta property="twitter:app:id:googleplay" content={data.twitter.app.idGooglePlay} />
+		{/if}
+	{/if}
+{/if}

package/dist/components/metadata/twittercard/TwitterCard.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { SEOWebPage } from '../../../types.js';
+interface Props {
+    data: SEOWebPage;
+}
+declare const TwitterCard: import("svelte").Component<Props, {}, "">;
+type TwitterCard = ReturnType<typeof TwitterCard>;
+export default TwitterCard;

package/dist/components/metadata/twittercard/index.d.ts

@@ -0,0 +1 @@
+export { default as TwitterCard } from './TwitterCard.svelte';

package/dist/components/metadata/twittercard/index.js

@@ -0,0 +1 @@
+export { default as TwitterCard } from './TwitterCard.svelte';

package/dist/components/schemaorg/breadcrumbs/JsonLdBreadcrumbs.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">import { serializeJSONLdSchema, pathSegments } from '../../../utils.js';
+let { url } = $props();
+const baseURL = new URL(url).origin;
+const segments = pathSegments(url);
+const itemListElement = [
+    {
+        '@type': 'ListItem',
+        position: 1,
+        name: 'Home',
+        url: baseURL
+    },
+    ...segments.map((segment, index) => {
+        return {
+            '@type': 'ListItem',
+            position: index + 2,
+            name: segment,
+            url: `${baseURL}/${segments.slice(0, index + 1).join('/')}`
+        };
+    })
+];
+const schemaOrgBreadcrumbList = {
+    '@context': 'https://schema.org',
+    '@type': 'BreadcrumbList',
+    itemListElement
+};
+</script>
+
+<svelte:head>
+	{@html serializeJSONLdSchema(schemaOrgBreadcrumbList, 'jsonld-breadcrumbs')}
+</svelte:head>

package/dist/components/schemaorg/breadcrumbs/JsonLdBreadcrumbs.svelte.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    url: string;
+}
+declare const JsonLdBreadcrumbs: import("svelte").Component<Props, {}, "">;
+type JsonLdBreadcrumbs = ReturnType<typeof JsonLdBreadcrumbs>;
+export default JsonLdBreadcrumbs;

package/dist/components/schemaorg/breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { default as JsonLdBreadcrumbs } from './JsonLdBreadcrumbs.svelte';

package/dist/components/schemaorg/breadcrumbs/index.js

@@ -0,0 +1 @@
+export { default as JsonLdBreadcrumbs } from './JsonLdBreadcrumbs.svelte';

package/dist/components/schemaorg/index.d.ts

@@ -0,0 +1,4 @@
+export * from './breadcrumbs/index.js';
+export * from './sitenavigationelements/index.js';
+export * from './webpage/index.js';
+export * from './website/index.js';

package/dist/components/schemaorg/index.js

@@ -0,0 +1,4 @@
+export * from './breadcrumbs/index.js';
+export * from './sitenavigationelements/index.js';
+export * from './webpage/index.js';
+export * from './website/index.js';

package/dist/components/schemaorg/sitenavigationelements/JsonLdSiteNavigationElements.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">import { serializeJSONLdSchema } from '../../../utils.js';
+let { baseURL, data } = $props();
+function makeSiteNavigationElementList(data) {
+    return Array.isArray(data)
+        ? data.map((elem) => ({
+            '@type': 'SiteNavigationElement',
+            position: elem.weight,
+            name: elem.name,
+            url: elem.external ? elem.url : `${baseURL}${elem.url}`
+        }))
+        : [];
+}
+const schemaOrgSiteNavigationElement = {
+    '@context': 'https://schema.org',
+    '@type': 'ItemList',
+    itemListElement: makeSiteNavigationElementList(data)
+};
+</script>
+
+<svelte:head>
+	{@html serializeJSONLdSchema(schemaOrgSiteNavigationElement, 'jsonld-sitenavigationelements')}
+</svelte:head>

package/dist/components/schemaorg/sitenavigationelements/JsonLdSiteNavigationElements.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { SEOMenuItem } from '../../../types.js';
+interface Props {
+    baseURL: string;
+    data: SEOMenuItem[];
+}
+declare const JsonLdSiteNavigationElements: import("svelte").Component<Props, {}, "">;
+type JsonLdSiteNavigationElements = ReturnType<typeof JsonLdSiteNavigationElements>;
+export default JsonLdSiteNavigationElements;

package/dist/components/schemaorg/sitenavigationelements/index.d.ts

@@ -0,0 +1 @@
+export { default as JsonLdSiteNavigationElements } from './JsonLdSiteNavigationElements.svelte';

package/dist/components/schemaorg/sitenavigationelements/index.js

@@ -0,0 +1 @@
+export { default as JsonLdSiteNavigationElements } from './JsonLdSiteNavigationElements.svelte';

package/dist/components/schemaorg/webpage/JsonLdWebPage.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">import { serializeJSONLdSchema } from '../../../utils.js';
+let { data } = $props();
+const schemaOrgWebPage = $state({
+    '@context': 'https://schema.org',
+    '@type': 'WebPage',
+    name: data.title,
+    description: data.description || ''
+});
+if (data.author)
+    schemaOrgWebPage.author = data.author;
+if (data.keywords?.length)
+    schemaOrgWebPage.keywords = data.keywords;
+</script>
+
+<svelte:head>
+	{@html serializeJSONLdSchema(schemaOrgWebPage, 'jsonld-webpage')}
+</svelte:head>

package/dist/components/schemaorg/webpage/JsonLdWebPage.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { SEOWebPage } from '../../../types.js';
+interface Props {
+    data: SEOWebPage;
+}
+declare const JsonLdWebPage: import("svelte").Component<Props, {}, "">;
+type JsonLdWebPage = ReturnType<typeof JsonLdWebPage>;
+export default JsonLdWebPage;

package/dist/components/schemaorg/webpage/index.d.ts

@@ -0,0 +1 @@
+export { default as JsonLdWebPage } from './JsonLdWebPage.svelte';

package/dist/components/schemaorg/webpage/index.js

@@ -0,0 +1 @@
+export { default as JsonLdWebPage } from './JsonLdWebPage.svelte';

package/dist/components/schemaorg/website/JsonLdWebSite.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">import { serializeJSONLdSchema, isSEOPerson } from '../../../utils.js';
+let { data } = $props();
+const schemaOrgWebSite = $state({
+    '@context': 'https://schema.org',
+    '@type': 'WebSite',
+    '@id': `${data.baseURL}/#website`,
+    name: data.name,
+    url: data.baseURL,
+    description: data.description || '',
+    keywords: data.keywords || [],
+    inLanguage: data.language || '',
+    license: data.copyright || ''
+});
+if (data.socials !== undefined) {
+    const sameAs = Object.values(data.socials).filter((v) => v !== '');
+    if (sameAs.length > 0) {
+        schemaOrgWebSite.sameAs = sameAs;
+    }
+}
+if (data.creator) {
+    let _address;
+    if (typeof data.creator.address === 'string') {
+        _address = data.creator.address;
+    }
+    else {
+        _address = {
+            '@type': 'PostalAddress',
+            addressLocality: data.creator.address?.city,
+            postalCode: data.creator.address?.postalCode,
+            streetAddress: data.creator.address?.streetAddress
+        };
+    }
+    let _creator = {
+        '@type': isSEOPerson(data.creator) ? 'Person' : 'Organization',
+        name: data.creator.name,
+        email: data.creator.email,
+        url: data.creator.url,
+        telephone: data.creator.telephone,
+        address: _address
+    };
+    if (isSEOPerson(data.creator)) {
+        _creator.jobTitle = data.creator.jobTitle;
+    }
+    schemaOrgWebSite.creator = _creator;
+}
+</script>
+
+<svelte:head>
+	{@html serializeJSONLdSchema(schemaOrgWebSite, 'jsonld-website')}
+</svelte:head>

package/dist/components/schemaorg/website/JsonLdWebSite.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { SEOWebSite } from '../../../types.js';
+interface Props {
+    data: SEOWebSite;
+}
+declare const JsonLdWebSite: import("svelte").Component<Props, {}, "">;
+type JsonLdWebSite = ReturnType<typeof JsonLdWebSite>;
+export default JsonLdWebSite;

package/dist/components/schemaorg/website/index.d.ts

@@ -0,0 +1 @@
+export { default as JsonLdWebSite } from './JsonLdWebSite.svelte';

package/dist/components/schemaorg/website/index.js

@@ -0,0 +1 @@
+export { default as JsonLdWebSite } from './JsonLdWebSite.svelte';

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/index.js

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/types.d.ts

@@ -0,0 +1,231 @@
+export type SEOWebSite = {
+    name: string;
+    baseURL: string;
+    language: string;
+    title: string;
+    description: string;
+    favicon?: string;
+    logo?: string;
+    copyright?: string;
+    keywords?: Array<string>;
+    contactEmail?: string;
+    socials?: Socials;
+    creator?: SEOPerson | SEOOrganization;
+};
+export type Socials = {
+    [key: string]: string;
+};
+export type SEOMenuItem = {
+    identifier: string;
+    name: string;
+    url: string;
+    weight: number;
+    external?: boolean;
+    children?: Array<SEOMenuItem>;
+};
+export type ImageObject = {
+    url: string;
+    alt?: string;
+};
+export type SEOWebPage = {
+    url: string;
+    title: string;
+    description?: string;
+    author?: string;
+    keywords?: Array<string>;
+    image?: ImageObject;
+    opengraph?: OpenGraph;
+    twitter?: TwitterCard;
+};
+export type SEOAddress = {
+    city?: string;
+    state?: string;
+    postalCode?: string;
+    streetAddress?: string;
+};
+export type SEOContact = {
+    name?: string;
+    jobTitle?: string;
+    email?: string;
+    telephone?: string;
+    url?: string;
+    address?: SEOAddress | string;
+};
+export type SEOPerson = SEOContact;
+export type SEOOrganization = SEOContact;
+/**
+ * * OpenGraph
+ */
+export declare enum EnumOpenGraphType {
+    Website = "website",
+    Article = "article",
+    Book = "book",
+    Business = "business.business",
+    Product = "product",
+    Profile = "profile",
+    MusicSong = "music.song",
+    MusicAlbum = "music.album",
+    MusicPlaylist = "music.playlist",
+    MusicRadioStation = "music.radio_station",
+    VideoMovie = "video.movie",
+    VideoEpisode = "video.episode",
+    VideoTVShow = "video.tv_show",
+    VideoOther = "video.other"
+}
+export declare enum EnumOpenGraphProfileGender {
+    Male = "male",
+    Female = "female",
+    NonBinary = "non-binary",
+    Transgender = "transgender",
+    Intersex = "intersex",
+    Other = "other",
+    PreferNotToSay = "prefer_not_to_say"
+}
+export declare const OpenGraphProfileGender: typeof EnumOpenGraphProfileGender;
+export declare const OpenGraphType: typeof EnumOpenGraphType;
+export type OpenGraph = {
+    type: string;
+    article?: OpenGraphArticle;
+    book?: OpenGraphBook;
+    business?: OpenGraphBusiness;
+    product?: OpenGraphProduct;
+    profile?: OpenGraphProfile;
+    song?: OpenGraphMusicSong;
+    album?: OpenGraphMusicAlbum;
+    playlist?: OpenGraphMusicPlaylist;
+    radioStation?: OpenGraphMusicRadioStation;
+    movie?: OpenGraphVideoMovie;
+    episode?: OpenGraphVideoEpisode;
+    tvShow?: OpenGraphVideoTVShow;
+};
+export type ISODateString = string;
+export type OpenGraphArticle = {
+    published_time?: ISODateString;
+    modified_time?: ISODateString;
+    expiration_time?: ISODateString;
+    section?: string;
+    tags?: Array<string>;
+};
+export type OpenGraphBook = {
+    author: string;
+    isbn?: string;
+    release_date?: ISODateString;
+    tags?: Array<string>;
+};
+export type OpenGraphBusiness = {
+    street_address?: string;
+    city?: string;
+    state?: string;
+    postal_code?: number;
+    country?: string;
+};
+export type OpenGraphProduct = {
+    plural_title?: string;
+    price?: number;
+    currency?: string;
+};
+export type OpenGraphProfile = {
+    url: string;
+    first_name?: string;
+    last_name?: string;
+    username?: string;
+    gender?: EnumOpenGraphProfileGender;
+};
+type OpenGraphMusic = {
+    url: string;
+    disc?: number;
+    track?: number;
+};
+export type OpenGraphMusicSong = OpenGraphMusic & {
+    duration?: number;
+    album?: Array<OpenGraphMusicAlbum>;
+    musician?: Array<OpenGraphProfile>;
+};
+export type OpenGraphMusicAlbum = OpenGraphMusic & {
+    songs?: Array<OpenGraphMusicSong>;
+    musicians?: Array<OpenGraphProfile>;
+    release_date?: ISODateString;
+};
+export type OpenGraphMusicPlaylist = OpenGraphMusic & {
+    song?: OpenGraphMusicSong;
+    creator?: OpenGraphProfile;
+};
+export type OpenGraphMusicRadioStation = {
+    creator?: OpenGraphProfile;
+};
+type OpenGraphVideo = {
+    actor?: Array<OpenGraphProfile>;
+    actorRole?: string;
+    director?: Array<OpenGraphProfile>;
+    writer?: Array<OpenGraphProfile>;
+    duration?: number;
+    release_date?: ISODateString;
+    tags?: Array<string>;
+};
+export type OpenGraphVideoMovie = OpenGraphVideo;
+export type OpenGraphVideoTVShow = OpenGraphVideo;
+export type OpenGraphVideoOther = OpenGraphVideo;
+export type OpenGraphVideoEpisode = OpenGraphVideo & {
+    series: OpenGraphVideoTVShow;
+};
+/**
+ * * EnumTwitterCardType
+ *
+ * * Enumeration with different TwitterCard types:
+ * * https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards
+ *
+ * - SUMMARY: Title, description, and thumbnail
+ * - LARGE: Similar to the Summary Card, but with a prominently-featured image
+ * - APP: A Card with a direct download to a mobile app
+ * - PLAYER: A Card that can display video/audio/media
+ */
+export declare enum EnumTwitterCardType {
+    Summary = "summary",
+    Large = "summary_large_image",
+    App = "app",
+    Player = "player"
+}
+export declare const TwitterCardType: typeof EnumTwitterCardType;
+/**
+ * * TwitterCard
+ *
+ * @param type The card type: summary | summary_large_image | player | app
+ * @param site (optional) The Twitter @username the card should be attributed to.
+ * @param player (optional) A Card that can display video/audio/media
+ * @param app (optional) A Card with a direct download to a mobile app
+ */
+export type TwitterCard = {
+    type: EnumTwitterCardType;
+    site?: string;
+    player?: TwitterPlayer;
+    app?: TwitterApp;
+};
+/**
+ * * TwitterPlayer
+ *
+ * * https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/player-card
+ * @param url HTTPS URL to iFrame player
+ * @param width Width of iFrame specified in twitter:player in pixels
+ * @param height Height of iFrame specified in twitter:player in pixels
+ */
+export type TwitterPlayer = {
+    url: string;
+    width: number;
+    height: number;
+};
+/**
+ * * ITwitterApp
+ *
+ * * https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/app-card
+ * @param country (optional)
+ * @param idIPhone String value, the numeric representation of your app ID in the App Store
+ * @param idIPad String value, the numeric representation of your app ID in the App Store
+ * @param idGooglePlay String value, the numeric representation of your app ID in the Google Play
+ */
+export type TwitterApp = {
+    country?: string;
+    idIPhone: string;
+    idIPad: string;
+    idGooglePlay: string;
+};
+export {};