@absolutejs/absolute 0.19.0-beta.704 → 0.19.0-beta.706

package/dist/svelte/components/Head.svelte

@@ -1,144 +0,0 @@
-<script lang="ts">
-	import type { Metadata, RobotsDirective } from '../../../types/metadata';
-
-	export let title: Metadata['title'] = 'AbsoluteJS';
-	export let description: Metadata['description'] =
-		'A page created using AbsoluteJS';
-	export let icon: Metadata['icon'] = '/assets/ico/favicon.ico';
-	export let font: Metadata['font'] = undefined;
-	export let cssPath: Metadata['cssPath'] = undefined;
-	export let canonical: Metadata['canonical'] = undefined;
-	export let openGraph: Metadata['openGraph'] = undefined;
-	export let twitter: Metadata['twitter'] = undefined;
-	export let robots: Metadata['robots'] = undefined;
-	export let meta: Metadata['meta'] = undefined;
-
-	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(', ');
-	};
-
-	$: cssPaths = 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,2 +0,0 @@
-import { SvelteComponent } from 'svelte';
-export default class Head extends SvelteComponent {}

package/dist/svelte/components/Image.svelte

@@ -1,164 +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) => {
-		const target = e.currentTarget;
-		if (blurBackground) {
-			if (target instanceof HTMLImageElement) {
-				target.style.backgroundImage = 'none';
-			}
-		}
-		onLoad?.(e);
-	};
-
-	const handleError = (e: Event) => {
-		onError?.(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/Island.svelte

@@ -1,71 +0,0 @@
-<script context="module" lang="ts">
-	let islandSlotIndex = 0;
-
-	const createSlotId = () => {
-		const current = islandSlotIndex;
-		islandSlotIndex += 1;
-
-		return `absolute-svelte-island-${current.toString(36)}`;
-	};
-</script>
-
-<script lang="ts">
-	import type { RuntimeIslandRenderProps } from '../../../types/island';
-
-	let {
-		component,
-		framework,
-		hydrate = 'load',
-		props
-	}: RuntimeIslandRenderProps = $props();
-
-	const slotId = createSlotId();
-
-	const escapeHtmlAttribute = (value: string) =>
-		value
-			.replaceAll('&', '&amp;')
-			.replaceAll('"', '&quot;')
-			.replaceAll('<', '&lt;')
-			.replaceAll('>', '&gt;');
-
-	const buildFallbackMarkup = (runtimeProps: RuntimeIslandRenderProps) => {
-		const attributes = [
-			['data-component', runtimeProps.component],
-			['data-framework', runtimeProps.framework],
-			['data-hydrate', runtimeProps.hydrate ?? 'load'],
-			['data-island', 'true'],
-			['data-props', JSON.stringify(runtimeProps.props ?? {})]
-		];
-
-		const serialized = attributes
-			.map(([name, value]) => `${name}="${escapeHtmlAttribute(value)}"`)
-			.join(' ');
-
-		return `<div ${serialized}></div>`;
-	};
-
-	const html = $derived(
-		(() => {
-			const runtimeProps = {
-				component,
-				framework,
-				hydrate,
-				props
-			};
-
-			if (typeof document === 'undefined') {
-				return buildFallbackMarkup(runtimeProps);
-			}
-
-			const slot = document.querySelector<HTMLElement>(
-				`[data-absolute-island-slot="${slotId}"]`
-			);
-
-			return slot?.innerHTML ?? buildFallbackMarkup(runtimeProps);
-		})()
-	);
-</script>
-
-<div data-absolute-island-slot={slotId} style="display: contents">
-	{@html html}
-</div>

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

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

package/dist/svelte/components/JsonLd.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	import type { JsonLdSchema, WithContext } from '../../../types/jsonLd';
-
-	let { schema }: { schema: JsonLdSchema | JsonLdSchema[] } = $props();
-	const schemaOrgContext = 'https://schema.org';
-
-	const data = $derived<
-		WithContext<JsonLdSchema> | WithContext<JsonLdSchema>[]
-	>(
-		Array.isArray(schema)
-			? schema.map((s) => ({
-					'@context': schemaOrgContext,
-					...s
-				}))
-			: { '@context': schemaOrgContext, ...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/svelte/components/StreamSlot.svelte

@@ -1,41 +0,0 @@
-<script lang="ts">
-	import {
-		isStreamingSlotCollectionActive,
-		registerStreamingSlot,
-		warnMissingStreamingSlotCollector
-	} from '../../core/streamingSlotRegistrar';
-
-	type Resolver = () => Promise<string> | string;
-
-	let {
-		className,
-		errorHtml,
-		fallbackHtml = '',
-		id,
-		resolve,
-		timeoutMs
-	}: {
-		className?: string;
-		errorHtml?: string;
-		fallbackHtml?: string;
-		id: string;
-		resolve: Resolver;
-		timeoutMs?: number;
-	} = $props();
-
-	if (isStreamingSlotCollectionActive()) {
-		registerStreamingSlot({
-			errorHtml,
-			fallbackHtml,
-			id,
-			resolve,
-			timeoutMs
-		});
-	} else {
-		warnMissingStreamingSlotCollector('StreamSlot');
-	}
-</script>
-
-<div class={className} data-absolute-slot="true" {id}>
-	{@html fallbackHtml}
-</div>

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

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

package/dist/types/globals.d.ts

@@ -1,121 +0,0 @@
-declare global {
-	/* Server-side globals (Bun --hot reload state) */
-	var __hmrServerStartup: boolean | undefined;
-	var __hmrBuildDuration: number | undefined;
-	var __absoluteVersion: string | undefined;
-	var __hmrServerMtime: number | undefined;
-	var __hmrSkipServerRestart: boolean | undefined;
-	/** Pinned React module from initial devBuild — used to detect and bridge
-	 *  duplicate React instances after bun install invalidates the module cache. */
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	var __reactModuleRef: any;
-	var __depVendorPaths: Record<string, string> | undefined;
-	var __transformCache:
-		| Map<string, { content: string; imports: string[]; mtime: number }>
-		| undefined;
-	var __transformImporters: Map<string, Set<string>> | undefined;
-	var __transformInvalidationVersions: Map<string, number> | undefined;
-	var __http2Config:
-		| {
-				hmrState: import('../src/dev/clientManager').HMRState;
-				manifest: Record<string, string>;
-		  }
-		| undefined;
-	var __hmrDevResult:
-		| {
-				hmrState: import('../src/dev/clientManager').HMRState;
-				manifest: Record<string, string>;
-				conventions?: import('./conventions').ConventionsMap;
-		  }
-		| undefined;
-
-	/* Client-side globals (Window extensions for HMR) */
-	interface Window {
-		$RefreshReg$?: (type: unknown, id: string) => void;
-		$RefreshRuntime$?: {
-			createSignatureFunctionForTransform: () => (
-				type: unknown
-			) => unknown;
-			injectIntoGlobalHook: (win: Window) => void;
-			performReactRefresh: () => void;
-			register: (type: unknown, id: string) => void;
-		};
-		$RefreshSig$?: () => (type: unknown) => unknown;
-		__HMR_FRAMEWORK__?: string;
-		__HMR_MANIFEST__?: Record<string, string>;
-		__HMR_MODULE_UPDATES__?: Array<unknown>;
-		__HMR_MODULE_VERSIONS__?: Record<string, number>;
-		__HMR_PRESERVED_STATE__?: Record<string, unknown>;
-		__HMR_SERVER_VERSIONS__?: Record<string, number>;
-		__HMR_UPDATE_COUNT__?: number;
-		__HMR_WS__?: WebSocket;
-		__ERROR_BOUNDARY__?: { reset: () => void };
-		__INITIAL_PROPS__?: Record<string, unknown>;
-		__REACT_COMPONENT_KEY__?: string;
-		__REACT_ROOT__?: { render: (element: unknown) => void };
-		__SVELTE_COMPONENT__?: Record<string, unknown>;
-		__ABS_SVELTE_ISLAND_HTML__?: Record<string, string>;
-		__SVELTE_UNMOUNT__?: () => void;
-		__ANGULAR_APP__?: { destroy: () => void; tick: () => void } | null;
-		__HMR_SKIP_HYDRATION__?: boolean;
-		__HMR_NEW_PAGE_CLASS__?: unknown;
-		__NG_REPLACE_METADATA__?: (...args: unknown[]) => void;
-		__ANGULAR_HMR__?: {
-			register: (id: string, ctor: unknown) => void;
-			applyUpdate: (id: string, newCtor: unknown) => boolean;
-			refresh: () => void;
-			getStats: () => { componentCount: number; updateCount: number };
-			getRegistry: () => Map<
-				string,
-				{
-					liveCtor: unknown;
-					id: string;
-					registeredAt: number;
-					updateCount: number;
-				}
-			>;
-		};
-		__VUE_APP__?:
-			| ({
-					unmount: () => void;
-					_instance?: import('./vue').VueComponentInstance;
-			  } & Record<string, unknown>)
-			| null;
-		__VUE_HMR_COMPONENTS__?: Record<string, unknown>;
-		__VUE_HMR_RUNTIME__?: {
-			createRecord: (id: string, component: unknown) => void;
-			reload: (id: string, component: unknown) => void;
-			rerender: (id: string, render: unknown) => void;
-		};
-		__REFRESH_BUFFER__?: Array<[unknown, string]>;
-		htmx?: { process: (element: HTMLElement | Document) => void };
-		__ABS_ANGULAR_ISLAND_APPS__?: unknown[];
-		__ABS_CLAIMED_ISLAND_MARKUP__?: Map<string, number>;
-		__ABS_SERVER_ISLAND_HTML__?: Map<
-			string,
-			Array<{ attributes: Record<string, string>; innerHTML: string }>
-		>;
-	}
-
-	/**
-	 * Platform-native island element for HTML and HTMX host pages.
-	 *
-	 * Attributes:
-	 * - `framework`: one of `react`, `svelte`, `vue`, or `angular`
-	 * - `component`: the registry component name to render
-	 * - `hydrate`: one of `load`, `idle`, `visible`, or `none`
-	 * - `props`: JSON-serialized props payload
-	 */
-	interface AbsoluteIslandElement extends HTMLElement {
-		component: string;
-		framework: 'react' | 'svelte' | 'vue' | 'angular';
-		hydrate?: 'load' | 'idle' | 'visible' | 'none';
-		props: string;
-	}
-
-	interface HTMLElementTagNameMap {
-		'absolute-island': AbsoluteIslandElement;
-	}
-}
-
-export {};