svelte-toolkit/jitsi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: svelte-toolkit:e35c83635de716e328db13bf0a8ac87ca987dc2b
Branches Tags
svelte-toolkit:main
...
compare: svelte-toolkit:b3a1419ed37c19929f609e7d38ebde7d09ea5b11
Branches Tags
svelte-toolkit:main

2 Commits
e35c83635d ... b3a1419ed3

Author SHA1 Message Date
Elijah Duffy
b3a1419ed3 0.0.2 2026-02-02 18:44:46 -08:00
Elijah Duffy
7a5cbcb9c6 add class to jitsi 2026-02-02 18:44:38 -08:00
2 changed files with 8 additions and 3 deletions
Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@svelte-toolkit/jitsi", "name": "@svelte-toolkit/jitsi",
"version": "0.0.1", "version": "0.0.2",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://gitea.auvem.com/svelte-toolkit/jitsi.git" "url": "https://gitea.auvem.com/svelte-toolkit/jitsi.git"

9
src/lib/Jitsi.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { type JitsiMeetExternalAPIOptions, JitsiMeetExternalAPI } from './jitsi-iframe-api.js'; import { type JitsiMeetExternalAPIOptions, JitsiMeetExternalAPI } from './jitsi-iframe-api.js';
import type { ClassValue } from 'svelte/elements';
interface Props { interface Props {
/** /**
@@ -13,9 +14,13 @@
* The options to be passed to the Jitsi Meet External API. * The options to be passed to the Jitsi Meet External API.
*/ */
options: JitsiMeetExternalAPIOptions; options: JitsiMeetExternalAPIOptions;
/**
* Additional CSS classes to apply to the Jitsi container.
*/
class?: ClassValue;
} }
let { domain = 'https://meet.jit.si', options }: Props = $props(); let { domain = 'https://meet.jit.si', options, class: classValue }: Props = $props();
const src = $derived(`${new URL('external_api.js', domain).toString()}`); const src = $derived(`${new URL('external_api.js', domain).toString()}`);
@@ -48,4 +53,4 @@
<script {src}></script> <script {src}></script>
</svelte:head> </svelte:head>
<div id="jitsi-container" bind:this={container}></div> <div id="jitsi-container" bind:this={container} class={[classValue]}></div>