opentwig 1.0.7 → 1.1.1

package/website/src/lib/utils.ts

@@ -0,0 +1,13 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };

package/website/src/routes/+layout.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import './layout.css';
+	import favicon from '$lib/assets/favicon.svg';
+
+	let { children } = $props();
+</script>
+
+<svelte:head>
+	<link rel="icon" href={favicon} />
+	<title>OpenTwig - Free & Open Source Link in Bio Generator</title>
+	<meta name="description" content="Create beautiful, customizable link in bio pages. OpenTwig is a free, open-source CLI tool that generates static pages you own and control." />
+	<meta name="keywords" content="link in bio, bio page, linktree alternative, open source, static site generator, CLI tool" />
+	<meta name="author" content="Tufan Tunç" />
+	<meta property="og:title" content="OpenTwig - Free & Open Source Link in Bio Generator" />
+	<meta property="og:description" content="Create beautiful, customizable link in bio pages. OpenTwig is a free, open-source CLI tool." />
+	<meta property="og:type" content="website" />
+	<meta property="og:url" content="https://opentwig.dev" />
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:title" content="OpenTwig - Free & Open Source Link in Bio Generator" />
+	<meta name="twitter:description" content="Create beautiful, customizable link in bio pages with OpenTwig." />
+</svelte:head>
+
+{@render children()}

package/website/src/routes/+page.server.ts

@@ -0,0 +1,82 @@
+import type { PageServerLoad } from './$types';
+
+interface GitHubRepoData {
+    stargazers_count: number;
+}
+
+interface NPMDownloadsData {
+    downloads: number;
+}
+
+// Enable prerendering for this page
+export const prerender = true;
+
+function formatNumber(num: number): string {
+    if (num >= 1000) {
+        return (num / 1000).toFixed(1).replace(/\.0$/, '') + 'k+';
+    }
+    return num.toString();
+}
+
+export const load: PageServerLoad = async () => {
+    const GITHUB_REPO = 'tufantunc/opentwig';
+    const NPM_PACKAGE = 'opentwig';
+
+    let githubStars = 0;
+    let npmDownloads = 0;
+
+    try {
+        // Fetch GitHub stars
+        const githubResponse = await fetch(`https://api.github.com/repos/${GITHUB_REPO}`, {
+            headers: {
+                'Accept': 'application/vnd.github.v3+json',
+                'User-Agent': 'OpenTwig-Website'
+            }
+        });
+
+        if (githubResponse.ok) {
+            const githubData: GitHubRepoData = await githubResponse.json();
+            githubStars = githubData.stargazers_count;
+            console.log(`✓ GitHub stars fetched: ${githubStars}`);
+        } else {
+            console.warn(`⚠ GitHub API error: ${githubResponse.status} ${githubResponse.statusText}`);
+        }
+    } catch (error) {
+        console.warn('⚠ Failed to fetch GitHub stars:', error);
+    }
+
+    try {
+        // Fetch NPM total downloads (all time)
+        const npmResponse = await fetch(
+            `https://api.npmjs.org/downloads/range/2015-01-01:${new Date().toISOString().split('T')[0]}/${NPM_PACKAGE}`,
+            {
+                headers: {
+                    'Accept': 'application/json'
+                }
+            }
+        );
+
+        if (npmResponse.ok) {
+            const npmData = await npmResponse.json();
+            // Sum up all daily downloads
+            npmDownloads = npmData.downloads.reduce(
+                (sum: number, day: { downloads: number }) => sum + day.downloads,
+                0
+            );
+            console.log(`✓ NPM downloads fetched: ${npmDownloads}`);
+        } else {
+            console.warn(`⚠ NPM API error: ${npmResponse.status} ${npmResponse.statusText}`);
+        }
+    } catch (error) {
+        console.warn('⚠ Failed to fetch NPM downloads:', error);
+    }
+
+    return {
+        stats: {
+            githubStars,
+            npmDownloads,
+            formattedGithubStars: formatNumber(githubStars),
+            formattedNpmDownloads: formatNumber(npmDownloads)
+        }
+    };
+};