chore: future self, please forgive me and don't hit me with the baseb…

…all bat again!
skyra-project · Dec 14, 2024 · e906a76 · e906a76
1 parent 520386d
commit e906a76
Show file tree

Hide file tree

Showing 7 changed files with 98 additions and 1,008 deletions.
diff --git a/templates/astro/astro.config.mjs b/templates/astro/astro.config.mjs
@@ -1,14 +1,10 @@
-import lit from '@astrojs/lit';
 import react from '@astrojs/react';
 import { defineConfig } from 'astro/config';
 
 export default defineConfig({
 	// Enable many frameworks to support all different kinds of components.
 	// No `include` is needed if you are only using a single JSX framework!
 	integrations: [
-		lit({
-			include: ['**/lit/*']
-		}),
 		react({
 			include: ['**/react/*']
 		})

diff --git a/templates/astro/package.json b/templates/astro/package.json
@@ -12,13 +12,11 @@
 	},
 	"dependencies": {
 		"@astrojs/check": "^0.9.4",
-		"@astrojs/lit": "^4.3.0",
 		"@astrojs/react": "^4.1.0",
 		"@skyra/discord-components-core": "^4.0.0-alpha.37",
 		"@skyra/discord-components-react": "^4.0.0-alpha.37",
 		"@webcomponents/template-shadowroot": "^0.2.1",
 		"astro": "^5.0.5",
-		"lit": "^3.2.1",
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0",
 		"typescript": "^5.7.2"

diff --git a/templates/astro/src/lit/components/DiscordComponentsWrapper.ts b/templates/astro/src/lit/components/DiscordComponentsWrapper.ts
diff --git a/templates/astro/src/pages/index.astro b/templates/astro/src/pages/index.astro
@@ -1,97 +1,95 @@
 ---
-import { DiscordComponentsWrapper } from '../lit/components/DiscordComponentsWrapper';
 import Layout from '../layouts/Layout.astro';
+import DiscordComponents from '../react/components/DiscordComponents';
 ---
 
 <Layout>
 	<div>
-		<div>
-			<h1 class="logo">&#64;skyra/discord-components-core</h1>
-			<span
-				>[<a
-					title="GitHub repository"
-					class="link"
-					target="_blank"
-					rel="noopener noreferrer"
-					href="https://github.com/skyra-project/discord-components/">Github</a
-				>]</span
-			>
-		</div>
+		<h1 class="logo">&#64;skyra/discord-components-core</h1>
+		<span
+			>[<a
+				title="GitHub repository"
+				class="link"
+				target="_blank"
+				rel="noopener noreferrer"
+				href="https://github.com/skyra-project/discord-components/">Github</a
+			>]</span
+		>
+	</div>
 
+	<div>
+		<h2>Explanation</h2>
 		<div>
-			<h2>Explanation</h2>
-			<div>
-				This website contains various samples for
-				<a
-					title="GitHub repository"
-					class="link"
-					target="_blank"
-					rel="noopener noreferrer"
-					href="https://github.com/skyra-project/discord-components/">&#64;skyra/discord-components-core</a
-				>
-				which is a webcomponents library (powered by
-				<a title="Lit website" class="link" target="_blank" rel="noopener noreferrer" href="https://lit.dev">Lit</a>) to create Discord-like
-				messages with rich content. The always up-to-date version of this document can be found
-				<a
-					title="Demo index.html"
-					class="link"
-					target="_blank"
-					rel="noopener noreferrer"
-					href="https://github.com/skyra-project/discord-components-implementations/blob/main/templates/astro/src/pages/index.astro/">here</a
-				>.
-			</div>
-			<DiscordComponentsWrapper client:only="lit" />
+			This website contains various samples for
+			<a
+				title="GitHub repository"
+				class="link"
+				target="_blank"
+				rel="noopener noreferrer"
+				href="https://github.com/skyra-project/discord-components/">&#64;skyra/discord-components-core</a
+			>
+			which is a webcomponents library (powered by
+			<a title="Lit website" class="link" target="_blank" rel="noopener noreferrer" href="https://lit.dev">Lit</a>) to create Discord-like
+			messages with rich content. The always up-to-date version of this document can be found
+			<a
+				title="Demo index.html"
+				class="link"
+				target="_blank"
+				rel="noopener noreferrer"
+				href="https://github.com/skyra-project/discord-components-implementations/blob/main/templates/astro/src/pages/react.astro">here</a
+			>.
 		</div>
 	</div>
+	<DiscordComponents client:only="react" />
+</Layout>
 
-	<script is:inline>
-		window.$discordMessage = {
-			profiles: {
-				maximillian: {
-					author: 'Maximillian Osborn',
-					avatar: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/avaone.png',
-					roleColor: '#f9d61b'
-				},
-				willard: {
-					author: 'Willard Walton',
-					avatar: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/avatwo.png',
-					roleColor: '#ffb12f'
-				},
-				skyra: {
-					author: 'Skyra',
-					avatar: 'https://github.com/NM-EEA-Y.png',
-					roleColor: '#1e88e5',
-					bot: true,
-					verified: true
-				},
-				favna: {
-					author: 'Favna',
-					avatar: 'https://github.com/favna.png',
-					roleColor: '#a155ab',
-					roleIcon: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/booster.png',
-					roleName: 'Booster'
-				},
-				discordjs: {
-					author: 'Discord.js Official #announcements',
-					avatar: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/discordjs.png',
-					roleColor: '#ffffff',
-					server: true
-				}
+<script is:inline>
+	window.$discordMessage = {
+		profiles: {
+			maximillian: {
+				author: 'Maximillian Osborn',
+				avatar: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/avaone.png',
+				roleColor: '#f9d61b'
 			},
-			emojis: {
-				diamond: {
-					name: 'diamond',
-					url: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/diamond.png'
-				},
-				dragonite: {
-					name: 'dragonite',
-					url: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/dragonite.png'
-				},
-				sapphire: {
-					name: 'sapphire',
-					url: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/sapphire.png'
-				}
+			willard: {
+				author: 'Willard Walton',
+				avatar: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/avatwo.png',
+				roleColor: '#ffb12f'
+			},
+			skyra: {
+				author: 'Skyra',
+				avatar: 'https://github.com/NM-EEA-Y.png',
+				roleColor: '#1e88e5',
+				bot: true,
+				verified: true
+			},
+			favna: {
+				author: 'Favna',
+				avatar: 'https://github.com/favna.png',
+				roleColor: '#a155ab',
+				roleIcon: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/booster.png',
+				roleName: 'Booster'
+			},
+			discordjs: {
+				author: 'Discord.js Official #announcements',
+				avatar: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/discordjs.png',
+				roleColor: '#ffffff',
+				server: true
 			}
-		};
-	</script>
-</Layout>
+		},
+		emojis: {
+			diamond: {
+				name: 'diamond',
+				url: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/diamond.png'
+			},
+			dragonite: {
+				name: 'dragonite',
+				url: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/dragonite.png'
+			},
+			sapphire: {
+				name: 'sapphire',
+				url: 'https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/sapphire.png'
+			}
+		}
+	};
+</script>
diff --git a/templates/astro/src/pages/react.astro b/templates/astro/src/pages/react.astro
diff --git a/templates/qwik-vite-ts/package.json b/templates/qwik-vite-ts/package.json
@@ -14,7 +14,7 @@
 		"vite": "^6.0.3"
 	},
 	"dependencies": {
-		"@builder.io/qwik": "1.11.0",
+		"@builder.io/qwik": "1.5.2",
 		"@skyra/discord-components-core": "^4.0.0-alpha.37"
 	}
 }