		@@ -6,2 +6,3 @@ export { default as AnchorFm } from './components/anchor-fm.svelte';
		export { default as SimpleCast } from './components/simple-cast.svelte';
		export { default as SoundCloud } from "./components/sound-cloud.svelte";
		export { default as Spotify } from './components/spotify.svelte';
		@@ -8,0 +9,0 @@ export { default as Tweet } from './components/tweet.svelte';

index.js

		@@ -6,2 +6,3 @@ export { default as AnchorFm } from './components/anchor-fm.svelte';
		export { default as SimpleCast } from './components/simple-cast.svelte';
		export { default as SoundCloud } from "./components/sound-cloud.svelte";
		export { default as Spotify } from './components/spotify.svelte';
		@@ -8,0 +9,0 @@ export { default as Tweet } from './components/tweet.svelte';

package.json

		{
		"name": "sveltekit-embed",
		"version": "0.0.2",
		"version": "0.0.3",
		"author": {
		@@ -28,4 +28,7 @@ "name": "Scott Spence",
		"@sveltejs/kit": "next",
		"@tailwindcss/typography": "^0.5.2",
		"@typescript-eslint/eslint-plugin": "^5.10.1",
		"@typescript-eslint/parser": "^5.10.1",
		"autoprefixer": "^10.4.4",
		"daisyui": "^2.14.3",
		"eslint": "^7.32.0",
		@@ -35,2 +38,4 @@ "eslint-config-prettier": "^8.3.0",
		"husky": "^7.0.4",
		"postcss": "^8.4.12",
		"postcss-load-config": "^3.1.4",
		"prettier": "^2.5.1",
		@@ -41,5 +46,6 @@ "prettier-plugin-svelte": "^2.5.0",
		"svelte-check": "^2.2.6",
		"svelte-preprocess": "^4.10.1",
		"svelte-preprocess": "^4.10.5",
		"svelte2tsx": "^0.5.9",
		"sveltekit-embed": "link:package",
		"tailwindcss": "^3.0.23",
		"tslib": "^2.3.1",
		@@ -64,2 +70,3 @@ "typescript": "~4.6.4"
		"./components/simple-cast.svelte": "./components/simple-cast.svelte",
		"./components/sound-cloud.svelte": "./components/sound-cloud.svelte",
		"./components/spotify.svelte": "./components/spotify.svelte",
		@@ -66,0 +73,0 @@ "./components/tweet.svelte": "./components/tweet.svelte",

README.md

		# SvelteKit Embed

		This is a collection of embed components I use on a regular basis
		packaged up for use.

		Each component is wrapped in an intersection observer
		`GeneralObserver` which will load up the component when it scrolls
		into the viewport.

		## Use

		```bash
		npm i -D sveltekit-embed
		```

		Use like a normal Svelte component:

		```html
		<script>
		import { AnchorFm } from 'sveltekit-embed'
		</script>

		<AnchorFm
		height="165"
		episodeUrl="purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a"
		/>
		```

		## Got questions?

		[Start a discussion](https://github.com/spences10/sveltekit-embed/discussions/new)

		## Something not work?

		Create an
		[issue](https://github.com/spences10/sveltekit-embed/issues/new)

		## Todo

		- [ ] Add more components
		- [ ] Tests... need adding
		- [ ] If you know how to type a custom action in Svelte, please submit
		a PR

		## Developing locally

		You can use the components locally via the `src/routes/index.svelte`
		file. If there any changes you want to test in the package then run
		the `sveltekit package` command and you can then install that package
		locally:

		```bash
		# package with sveltkit
		npm run package
		# install local package
		npm i -D ./package
		```

		If you're adding a new component to `src/lib/components` then add the
		export to `src/lib/index.ts`.

		## Thanks

		Credit to [@pauliescanlon](https://github.com/pauliescanlon) for the
		original version of this project in
		[MDX Embed](https://github.com/pauliescanlon/mdx-embed).

sveltekit-embed - npm Package Compare versions

New alerts