initial commit

2026-02-02 18:28:49 -08:00
commit 27e31408d2
19 changed files with 3852 additions and 0 deletions
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -0,0 +1,13 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+
+export {};
--- a/src/app.html
+++ b/src/app.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
--- a/src/lib/Jitsi.svelte
+++ b/src/lib/Jitsi.svelte
@@ -0,0 +1,51 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { type JitsiMeetExternalAPIOptions, JitsiMeetExternalAPI } from './jitsi-iframe-api.js';
+
+	interface Props {
+		/**
+		 * The domain of the Jitsi Meet instance to be used. Defaults to "meet.jit.si".
+		 * @example "https://meet.jit.si"
+		 * @example "https://8x8.vc/<AppID>"
+		 */
+		domain: string;
+		/**
+		 * The options to be passed to the Jitsi Meet External API.
+		 */
+		options: JitsiMeetExternalAPIOptions;
+	}
+
+	let { domain = 'https://meet.jit.si', options }: Props = $props();
+
+	const src = $derived(`${new URL('external_api.js', domain).toString()}`);
+
+	let container: HTMLDivElement;
+	let api = $state<JitsiMeetExternalAPI | null>(null);
+
+	onMount(() => {
+		// check if we have a duplicate container
+		if (document.querySelectorAll('#jitsi-container').length > 1) {
+			console.warn('Duplicate Jitsi container detected. This may lead to unexpected behavior.');
+		}
+
+		// Initialize the Jitsi Meet External API
+		api = new JitsiMeetExternalAPI(new URL(domain).host, {
+			...options,
+			parentNode: container
+		});
+	});
+
+	/**
+	 * Get the Jitsi Meet External API instance.
+	 * @returns The Jitsi Meet External API instance or null if not initialized.
+	 */
+	export const getAPI = (): JitsiMeetExternalAPI | null => {
+		return api;
+	};
+</script>
+
+<svelte:head>
+	<script {src}></script>
+</svelte:head>
+
+<div id="jitsi-container" bind:this={container}></div>
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -0,0 +1,3 @@
+// Reexport your entry components here
+export * from './Jitsi.svelte';
+export type * from './jitsi-iframe-api.d.ts';
--- a/src/lib/jitsi-iframe-api.d.ts
+++ b/src/lib/jitsi-iframe-api.d.ts
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -0,0 +1,3 @@
+<h1>Welcome to your library project</h1>
+<p>Create your package using @sveltejs/package and preview/showcase your work with SvelteKit</p>
+<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>