@absolutejs/absolute 0.19.0-beta.231 → 0.19.0-beta.232

package/dist/svelte/components/Head.svelte

@@ -1,147 +0,0 @@
-<script lang="ts">
-	import type { Metadata, RobotsDirective } from '../../../types/metadata';
-
-	let {
-		title = 'AbsoluteJS',
-		description = 'A page created using AbsoluteJS',
-		icon = '/assets/ico/favicon.ico',
-		font,
-		cssPath,
-		canonical,
-		openGraph,
-		twitter,
-		robots,
-		meta
-	}: Metadata = $props();
-
-	const robotsContent = (r: RobotsDirective) => {
-		const directives: string[] = [];
-		if (r.index === false) directives.push('noindex');
-		if (r.index === true) directives.push('index');
-		if (r.follow === false) directives.push('nofollow');
-		if (r.follow === true) directives.push('follow');
-		if (r.noarchive) directives.push('noarchive');
-		if (r.nosnippet) directives.push('nosnippet');
-		if (r.noimageindex) directives.push('noimageindex');
-		if (r.maxSnippet !== undefined)
-			directives.push(`max-snippet:${r.maxSnippet}`);
-		if (r.maxImagePreview)
-			directives.push(`max-image-preview:${r.maxImagePreview}`);
-		if (r.maxVideoPreview !== undefined)
-			directives.push(`max-video-preview:${r.maxVideoPreview}`);
-		return directives.join(', ');
-	};
-
-	const cssPaths = $derived(
-		cssPath ? (Array.isArray(cssPath) ? cssPath : [cssPath]) : []
-	);
-</script>
-
-<svelte:head>
-	<meta charset="utf-8" />
-	<title>{title}</title>
-	<meta name="description" content={description} />
-	<meta name="viewport" content="width=device-width, initial-scale=1" />
-	<link rel="icon" href={icon} />
-
-	{#if canonical}
-		<link rel="canonical" href={canonical} />
-	{/if}
-
-	{#if openGraph}
-		<meta property="og:title" content={openGraph.title ?? title} />
-		<meta
-			property="og:description"
-			content={openGraph.description ?? description}
-		/>
-		{#if openGraph.url}
-			<meta property="og:url" content={openGraph.url} />
-		{/if}
-		{#if openGraph.image}
-			<meta property="og:image" content={openGraph.image} />
-		{/if}
-		{#if openGraph.imageAlt}
-			<meta property="og:image:alt" content={openGraph.imageAlt} />
-		{/if}
-		{#if openGraph.imageWidth}
-			<meta
-				property="og:image:width"
-				content={String(openGraph.imageWidth)}
-			/>
-		{/if}
-		{#if openGraph.imageHeight}
-			<meta
-				property="og:image:height"
-				content={String(openGraph.imageHeight)}
-			/>
-		{/if}
-		{#if openGraph.type}
-			<meta property="og:type" content={openGraph.type} />
-		{/if}
-		{#if openGraph.siteName}
-			<meta property="og:site_name" content={openGraph.siteName} />
-		{/if}
-		{#if openGraph.locale}
-			<meta property="og:locale" content={openGraph.locale} />
-		{/if}
-	{/if}
-
-	{#if twitter}
-		{#if twitter.card}
-			<meta name="twitter:card" content={twitter.card} />
-		{/if}
-		<meta name="twitter:title" content={twitter.title ?? title} />
-		<meta
-			name="twitter:description"
-			content={twitter.description ?? description}
-		/>
-		{#if twitter.image}
-			<meta name="twitter:image" content={twitter.image} />
-		{/if}
-		{#if twitter.imageAlt}
-			<meta name="twitter:image:alt" content={twitter.imageAlt} />
-		{/if}
-		{#if twitter.site}
-			<meta name="twitter:site" content={twitter.site} />
-		{/if}
-		{#if twitter.creator}
-			<meta name="twitter:creator" content={twitter.creator} />
-		{/if}
-	{/if}
-
-	{#if robots}
-		{@const content = robotsContent(robots)}
-		{#if content}
-			<meta name="robots" {content} />
-		{/if}
-	{/if}
-
-	{#if meta}
-		{#each meta as tag}
-			{#if tag.property}
-				<meta property={tag.property} content={tag.content} />
-			{:else if tag.httpEquiv}
-				<meta http-equiv={tag.httpEquiv} content={tag.content} />
-			{:else if tag.name}
-				<meta name={tag.name} content={tag.content} />
-			{/if}
-		{/each}
-	{/if}
-
-	{#if font}
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link
-			rel="preconnect"
-			href="https://fonts.gstatic.com"
-			crossOrigin="anonymous"
-		/>
-		<link
-			href={`https://fonts.googleapis.com/css2?family=${font}:wght@100..900&display=swap`}
-			rel="stylesheet"
-		/>
-	{/if}
-
-	{#each cssPaths as path}
-		<link rel="stylesheet" href={path} type="text/css" />
-	{/each}
-</svelte:head>

package/dist/svelte/components/Head.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { Metadata } from '../../types/metadata';
-import { SvelteComponent } from 'svelte';
-declare const __propDef: { props: Metadata };
-type Props = typeof __propDef.props;
-export default class Head extends SvelteComponent<Props> {}

package/dist/svelte/components/Image.svelte

@@ -1,161 +0,0 @@
-<script lang="ts">
-	import type { ImageProps } from '@absolutejs/absolute/image';
-	import {
-		DEFAULT_QUALITY,
-		buildOptimizedUrl,
-		generateBlurSvg,
-		generateSrcSet
-	} from '@absolutejs/absolute/image';
-
-	let {
-		src,
-		alt,
-		width,
-		height,
-		fill,
-		quality = DEFAULT_QUALITY,
-		sizes,
-		loader,
-		unoptimized,
-		loading,
-		priority,
-		placeholder,
-		blurDataURL,
-		className,
-		style,
-		onLoad,
-		onError,
-		crossOrigin,
-		referrerPolicy,
-		fetchPriority,
-		overrideSrc
-	}: ImageProps = $props();
-
-	const resolvedSrc = $derived.by(() => {
-		if (overrideSrc) return overrideSrc;
-		if (unoptimized) return src;
-		if (loader) return loader({ src, width: width ?? 0, quality });
-		if (!width) return buildOptimizedUrl(src, 0, quality);
-		return buildOptimizedUrl(src, width, quality);
-	});
-
-	const srcSet = $derived(
-		unoptimized ? undefined : generateSrcSet(src, width, sizes)
-	);
-
-	const resolvedSizes = $derived(sizes ?? (fill ? '100vw' : undefined));
-
-	const resolvedLoading = $derived(priority ? 'eager' : (loading ?? 'lazy'));
-
-	const resolvedFetchPriority = $derived(priority ? 'high' : fetchPriority);
-
-	const hasBlur = $derived(
-		placeholder === 'blur' ||
-			(typeof placeholder === 'string' &&
-				placeholder !== 'empty' &&
-				placeholder.startsWith('data:'))
-	);
-
-	const blurBackground = $derived.by(() => {
-		if (!hasBlur) return undefined;
-		if (
-			typeof placeholder === 'string' &&
-			placeholder !== 'blur' &&
-			placeholder.startsWith('data:')
-		) {
-			return generateBlurSvg(placeholder);
-		}
-		if (blurDataURL) return generateBlurSvg(blurDataURL);
-		return undefined;
-	});
-
-	const imgStyle = $derived.by(() => {
-		const base: Record<string, string | number> = {
-			...(style ?? {}),
-			color: 'transparent'
-		};
-		if (blurBackground) {
-			base.backgroundImage = blurBackground;
-			base.backgroundSize = 'cover';
-			base.backgroundPosition = 'center';
-			base.backgroundRepeat = 'no-repeat';
-		}
-		if (fill) {
-			base.position = 'absolute';
-			base.height = '100%';
-			base.width = '100%';
-			base.inset = 0;
-			base.objectFit = 'cover';
-		}
-		return Object.entries(base)
-			.map(
-				([k, v]) =>
-					`${k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)}:${v}`
-			)
-			.join(';');
-	});
-
-	const handleLoad = (e: Event) => {
-		if (blurBackground) {
-			(e.target as HTMLImageElement).style.backgroundImage = 'none';
-		}
-		if (onLoad) (onLoad as (event: Event) => void)(e);
-	};
-
-	const handleError = (e: Event) => {
-		if (onError) (onError as (event: Event) => void)(e);
-	};
-</script>
-
-<svelte:head>
-	{#if priority}
-		<link
-			rel="preload"
-			as="image"
-			href={resolvedSrc}
-			imagesrcset={srcSet}
-			imagesizes={resolvedSizes}
-			crossorigin={crossOrigin}
-		/>
-	{/if}
-</svelte:head>
-
-{#if fill}
-	<span
-		style="position:relative;overflow:hidden;display:block;width:100%;height:100%"
-	>
-		<img
-			{alt}
-			src={resolvedSrc}
-			srcset={srcSet}
-			sizes={resolvedSizes}
-			loading={resolvedLoading}
-			class={className}
-			style={imgStyle}
-			crossorigin={crossOrigin}
-			referrerpolicy={referrerPolicy}
-			fetchpriority={resolvedFetchPriority}
-			decoding="async"
-			onload={handleLoad}
-			onerror={handleError}
-		/>
-	</span>
-{:else}
-	<img
-		{alt}
-		src={resolvedSrc}
-		srcset={srcSet}
-		sizes={resolvedSizes}
-		{width}
-		{height}
-		loading={resolvedLoading}
-		class={className}
-		style={imgStyle}
-		crossorigin={crossOrigin}
-		referrerpolicy={referrerPolicy}
-		fetchpriority={resolvedFetchPriority}
-		decoding="async"
-		onload={handleLoad}
-		onerror={handleError}
-	/>
-{/if}

package/dist/svelte/components/Image.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { ImageProps } from '../../types/image';
-import { SvelteComponent } from 'svelte';
-declare const __propDef: { props: ImageProps };
-type Props = typeof __propDef.props;
-export default class Image extends SvelteComponent<Props> {}

package/dist/svelte/components/JsonLd.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { JsonLdSchema, WithContext } from '../../../types/jsonLd';
-
-	let { schema }: { schema: JsonLdSchema | JsonLdSchema[] } = $props();
-
-	const data = $derived<
-		WithContext<JsonLdSchema> | WithContext<JsonLdSchema>[]
-	>(
-		Array.isArray(schema)
-			? schema.map((s) => ({
-					'@context': 'https://schema.org' as const,
-					...s
-				}))
-			: { '@context': 'https://schema.org' as const, ...schema }
-	);
-</script>
-
-<svelte:head>
-	{@html `<script type="application/ld+json">${JSON.stringify(data)}</script>`}
-</svelte:head>

package/dist/svelte/components/JsonLd.svelte.d.ts

@@ -1,2 +0,0 @@
-import { SvelteComponent } from 'svelte';
-export default class JsonLd extends SvelteComponent {}

package/dist/vue/components/Image.vue

@@ -1,186 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import {
-	DEFAULT_QUALITY,
-	buildOptimizedUrl,
-	generateBlurSvg,
-	generateSrcSet
-} from '@absolutejs/absolute/image';
-
-type ImageLoader = (params: {
-	src: string;
-	width: number;
-	quality: number;
-}) => string;
-
-const props = withDefaults(
-	defineProps<{
-		src: string;
-		alt: string;
-		width?: number;
-		height?: number;
-		fill?: boolean;
-		quality?: number;
-		sizes?: string;
-		loader?: ImageLoader;
-		unoptimized?: boolean;
-		loading?: 'lazy' | 'eager';
-		priority?: boolean;
-		placeholder?: 'blur' | 'empty' | string;
-		blurDataURL?: string;
-		className?: string;
-		style?: Record<string, string | number>;
-		onLoad?: (() => void) | ((event: Event) => void);
-		onError?: (() => void) | ((event: Event) => void);
-		crossOrigin?: 'anonymous' | 'use-credentials' | '';
-		referrerPolicy?:
-			| ''
-			| 'no-referrer'
-			| 'no-referrer-when-downgrade'
-			| 'origin'
-			| 'origin-when-cross-origin'
-			| 'same-origin'
-			| 'strict-origin'
-			| 'strict-origin-when-cross-origin'
-			| 'unsafe-url';
-		fetchPriority?: 'high' | 'low' | 'auto';
-		overrideSrc?: string;
-	}>(),
-	{
-		quality: DEFAULT_QUALITY,
-		loading: 'lazy'
-	}
-);
-
-const blurRemoved = ref(false);
-
-const resolvedSrc = computed(() => {
-	if (props.overrideSrc) return props.overrideSrc;
-	if (props.unoptimized) return props.src;
-	if (props.loader)
-		return props.loader({
-			src: props.src,
-			width: props.width ?? 0,
-			quality: props.quality
-		});
-	if (!props.width) return buildOptimizedUrl(props.src, 0, props.quality);
-	return buildOptimizedUrl(props.src, props.width, props.quality);
-});
-
-const srcSet = computed(() =>
-	props.unoptimized
-		? undefined
-		: generateSrcSet(props.src, props.width, props.sizes)
-);
-
-const resolvedSizes = computed(
-	() => props.sizes ?? (props.fill ? '100vw' : undefined)
-);
-
-const resolvedLoading = computed(() =>
-	props.priority ? 'eager' : props.loading
-);
-
-const resolvedFetchPriority = computed(() =>
-	props.priority ? 'high' : props.fetchPriority
-);
-
-const hasBlur = computed(
-	() =>
-		props.placeholder === 'blur' ||
-		(typeof props.placeholder === 'string' &&
-			props.placeholder !== 'empty' &&
-			props.placeholder.startsWith('data:'))
-);
-
-const blurBackground = computed(() => {
-	if (!hasBlur.value || blurRemoved.value) return undefined;
-	if (
-		typeof props.placeholder === 'string' &&
-		props.placeholder !== 'blur' &&
-		props.placeholder.startsWith('data:')
-	) {
-		return generateBlurSvg(props.placeholder);
-	}
-	if (props.blurDataURL) return generateBlurSvg(props.blurDataURL);
-	return undefined;
-});
-
-const imgStyle = computed(() => {
-	const base: Record<string, string | number> = {
-		...(props.style ?? {}),
-		color: 'transparent'
-	};
-	if (blurBackground.value) {
-		base.backgroundImage = blurBackground.value;
-		base.backgroundSize = 'cover';
-		base.backgroundPosition = 'center';
-		base.backgroundRepeat = 'no-repeat';
-	}
-	if (props.fill) {
-		base.position = 'absolute';
-		base.height = '100%';
-		base.width = '100%';
-		base.inset = '0';
-		base.objectFit = 'cover';
-	}
-	return base;
-});
-
-const handleLoad = (e: Event) => {
-	blurRemoved.value = true;
-	if (props.onLoad) (props.onLoad as (event: Event) => void)(e);
-};
-
-const handleError = (e: Event) => {
-	if (props.onError) (props.onError as (event: Event) => void)(e);
-};
-</script>
-
-<template>
-	<span
-		v-if="fill"
-		style="
-			position: relative;
-			overflow: hidden;
-			display: block;
-			width: 100%;
-			height: 100%;
-		"
-	>
-		<img
-			:alt="alt"
-			:src="resolvedSrc"
-			:srcset="srcSet"
-			:sizes="resolvedSizes"
-			:loading="resolvedLoading"
-			:class="className"
-			:style="imgStyle"
-			:crossorigin="crossOrigin"
-			:referrerpolicy="referrerPolicy"
-			:fetchpriority="resolvedFetchPriority"
-			decoding="async"
-			@load="handleLoad"
-			@error="handleError"
-		/>
-	</span>
-
-	<img
-		v-else
-		:alt="alt"
-		:src="resolvedSrc"
-		:srcset="srcSet"
-		:sizes="resolvedSizes"
-		:width="width"
-		:height="height"
-		:loading="resolvedLoading"
-		:class="className"
-		:style="imgStyle"
-		:crossorigin="crossOrigin"
-		:referrerpolicy="referrerPolicy"
-		:fetchpriority="resolvedFetchPriority"
-		decoding="async"
-		@load="handleLoad"
-		@error="handleError"
-	/>
-</template>

package/dist/vue/components/Image.vue.d.ts

@@ -1,4 +0,0 @@
-import type { ImageProps } from '../../types/image';
-import { DefineComponent } from 'vue';
-declare const _default: DefineComponent<ImageProps>;
-export default _default;