<html lang="en">
<head></head>
<body>

<form id="mainForm" method="post" action="https://stackblitz.com/run" target="_self">
<input type="hidden" name="project[files][CHANGELOG.md]" value="# @example/svelte-social-share-links/astro

## 0.1.3

### Patch Changes

- a307d76: updated dependencies

## 0.1.2

### Patch Changes

- 018f7d2: Allowed label to be turned off completely with an empty string

## 0.1.1

### Patch Changes

- bf3a9b1: Updated various aspects of the monorepo (fixed typed-events dependency)

## 0.1.0

### Minor Changes

- 048c5cf: Created svelte-social-share component library with web component export
">
<input type="hidden" name="project[files][README.md]" value="# Astro Starter Kit: Minimal

```sh
pnpm create astro@latest -- --template minimal
```

&gt; 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!

## 🚀 Project Structure

Inside of your Astro project, you&#39;ll see the following folders and files:

```text
/
├── public/
├── src/
│   └── pages/
│       └── index.astro
└── package.json
```

Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.

There&#39;s nothing special about `src/components/`, but that&#39;s where we like to put any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the `public/` directory.

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command                | Action                                           |
| :--------------------- | :----------------------------------------------- |
| `pnpm install`         | Installs dependencies                            |
| `pnpm dev`             | Starts local dev server at `localhost:4321`      |
| `pnpm build`           | Build your production site to `./dist/`          |
| `pnpm preview`         | Preview your build locally, before deploying     |
| `pnpm astro ...`       | Run CLI commands like `astro add`, `astro check` |
| `pnpm astro -- --help` | Get help using the Astro CLI                     |

## 👀 Want to learn more?

Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
">
<input type="hidden" name="project[files][astro.config.mjs]" value="// @ts-check
import svelte from &quot;@astrojs/svelte&quot;;
import { defineConfig } from &quot;astro/config&quot;;

// https://astro.build/config
export default defineConfig({
	integrations: [svelte()],
	output: &quot;static&quot;,
});
">
<input type="hidden" name="project[files][package.json]" value="{&quot;name&quot;:&quot;@example/svelte-social-share-links/astro&quot;,&quot;version&quot;:&quot;0.1.3&quot;,&quot;private&quot;:true,&quot;type&quot;:&quot;module&quot;,&quot;scripts&quot;:{&quot;astro&quot;:&quot;astro&quot;,&quot;build&quot;:&quot;astro build&quot;,&quot;dev&quot;:&quot;astro dev&quot;,&quot;preview&quot;:&quot;astro preview&quot;},&quot;dependencies&quot;:{&quot;@astrojs/svelte&quot;:&quot;^7.2.5&quot;,&quot;astro&quot;:&quot;^5.17.2&quot;,&quot;svelte&quot;:&quot;^5.51.2&quot;,&quot;typescript&quot;:&quot;^5.9.3&quot;},&quot;devDependencies&quot;:{&quot;@stephansama/svelte-social-share-links&quot;:&quot;https://pkg.pr.new/stephansama/packages/@stephansama/svelte-social-share-links@921bce0&quot;}}">
<input type="hidden" name="project[files][svelte.config.js]" value="import { vitePreprocess } from &quot;@astrojs/svelte&quot;;

export default {
	preprocess: vitePreprocess(),
};
">
<input type="hidden" name="project[files][tsconfig.json]" value="{
  &quot;extends&quot;: &quot;astro/tsconfigs/strict&quot;,
  &quot;include&quot;: [&quot;.astro/types.d.ts&quot;, &quot;**/*&quot;],
  &quot;exclude&quot;: [&quot;dist&quot;]
}
">
<input type="hidden" name="project[files][src/component/Example.svelte]" value="&lt;script lang=&quot;ts&quot;&gt;
	import { SocialShareLink } from &quot;@stephansama/svelte-social-share-links&quot;;
	const { url }: { url: string } = $props();
&lt;/script&gt;

&lt;SocialShareLink styled {url} network=&quot;bluesky&quot; /&gt;
">
<input type="hidden" name="project[files][src/pages/index.astro]" value="---
import Example from &quot;../component/Example.svelte&quot;;

const url = Astro.url.href;
---

&lt;html lang=&quot;en&quot;&gt;
	&lt;head&gt;
		&lt;meta charset=&quot;utf-8&quot; /&gt;
		&lt;meta content=&quot;width=device-width&quot; name=&quot;viewport&quot; /&gt;
		&lt;meta content={Astro.generator} name=&quot;generator&quot; /&gt;
		&lt;title&gt;@stephansama/svelte-social-share-links&lt;/title&gt;
		&lt;style&gt;
			@import url(&quot;https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&amp;display=swap&quot;);

			body {
				font-family: Roboto;
				background-color: #eff1f5;
				color: #4c4f69;
			}

			@media (prefers-color-scheme: dark) {
				body {
					background-color: #1e1e2e;
					color: #cdd6f4;
				}
			}
		&lt;/style&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;h1&gt;Astro&lt;/h1&gt;
		&lt;ul
			style=&quot;list-style: none; display: flex; flex-direction: column; gap:16px&quot;
		&gt;
			&lt;li&gt;
				&lt;span&gt;Unstyled&lt;/span&gt;
				&lt;div id=&quot;unstyled&quot;&gt;
					&lt;social-share-link label=&quot;&quot; network=&quot;bluesky&quot; url={url}
					&gt;&lt;/social-share-link&gt;
				&lt;/div&gt;
			&lt;/li&gt;
			&lt;li&gt;
				&lt;span&gt;Styled&lt;/span&gt;
				&lt;social-share-link network=&quot;bluesky&quot; styled url={url}
				&gt;&lt;/social-share-link&gt;
			&lt;/li&gt;
			&lt;li&gt;
				&lt;span&gt;Svelte&lt;/span&gt;
				&lt;Example client:only=&quot;svelte&quot; url={url} /&gt;
			&lt;/li&gt;
		&lt;/ul&gt;
		&lt;script src=&quot;@stephansama/svelte-social-share-links/wc&quot;&gt;&lt;/script&gt;
	&lt;/body&gt;
&lt;/html&gt;
">
<input type="hidden" name="project[description]" value="generated by https://pkg.pr.new">
<input type="hidden" name="project[template]" value="node">
<input type="hidden" name="project[title]" value="@example/svelte-social-share-links/astro">
</form>
<script>document.getElementById("mainForm").submit();</script>

</body></html>