insforge 0.3.2 → 1.2.10

package/docs/examples/framework-guides/vue.mdx

@@ -0,0 +1,159 @@
+---
+title: Vue
+description: Learn how to create an InsForge project and build a Vue app using AI
+---
+
+import Installation from '/snippets/sdk-installation.mdx';
+
+Learn how to create an InsForge project and build a Vue app using AI tools like Cursor.
+
+## 1. Create an InsForge project
+
+Create a new InsForge project at [insforge.dev](https://insforge.dev).
+
+## 2. Connect InsForge MCP
+
+Follow the [quickstart guide](/quickstart) to connect your AI assistant to your InsForge backend. This allows AI tools like Claude and Cursor to directly interact with your database, storage, and other InsForge services.
+
+## 3. Build your app with one prompt
+
+In Cursor or your AI assistant, use this prompt:
+
+```
+Create a new Vue app with TypeScript and Vite.
+Add Tailwind CSS 3.4 for styling.
+Install the InsForge SDK and set up the client configuration.
+
+In my InsForge database, create a sports table with id and name columns.
+Add sample data: basketball, soccer, and tennis. Make it publicly readable.
+
+Create a component that fetches and displays all sports from the database.
+```
+
+Your AI will generate the complete application including database setup and UI. No need to write code manually - the AI creates everything for you.
+
+## 4. What the AI generates
+
+Your AI assistant will automatically create files like these. You don't need to touch them manually.
+
+**InsForge client** at `src/lib/insforge.ts`:
+
+```typescript src/lib/insforge.ts
+import { createClient } from '@insforge/sdk';
+
+export const insforge = createClient({
+  baseUrl: 'https://your-project.us-east.insforge.app',
+  anonKey: 'your-anon-key'
+});
+```
+
+**Sports component** at `src/components/Sports.vue`:
+
+```vue src/components/Sports.vue
+<template>
+  <div class="container mx-auto px-4 py-8">
+    <h1 class="text-3xl font-bold text-gray-800 mb-6">Sports</h1>
+
+    <div v-if="loading" class="text-center py-8">
+      <p class="text-gray-600">Loading sports...</p>
+    </div>
+
+    <div v-else-if="error" class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+      <p>Error: {{ error }}</p>
+    </div>
+
+    <div v-else-if="sports && sports.length > 0" class="grid grid-cols-1 md:grid-cols-3 gap-4">
+      <div
+        v-for="sport in sports"
+        :key="sport.id"
+        class="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow"
+      >
+        <h2 class="text-xl font-semibold text-gray-800 capitalize">{{ sport.name }}</h2>
+        <p class="text-sm text-gray-500 mt-2">ID: {{ sport.id }}</p>
+      </div>
+    </div>
+
+    <div v-else class="text-center py-8">
+      <p class="text-gray-600">No sports found.</p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { insforge } from '../lib/insforge';
+
+interface Sport {
+  id: string;
+  name: string;
+  created_at?: string;
+}
+
+const sports = ref<Sport[]>([]);
+const loading = ref(true);
+const error = ref<string | null>(null);
+
+const fetchSports = async () => {
+  try {
+    loading.value = true;
+    error.value = null;
+
+    const { data, error: fetchError } = await insforge.database
+      .from('sports')
+      .select();
+
+    if (fetchError) {
+      error.value = fetchError.message || 'Failed to fetch sports';
+      return;
+    }
+
+    sports.value = data || [];
+  } catch (err) {
+    error.value = err instanceof Error ? err.message : 'An unexpected error occurred';
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  fetchSports();
+});
+</script>
+```
+
+## 5. Start the app
+
+Run the development server, go to [http://localhost:5173](http://localhost:5173) in a browser and you should see the list of sports.
+
+```bash
+npm run dev
+```
+
+## Next: Extend your app with more prompts
+
+Try these prompts to add more features to your app:
+
+```
+Add a form to create new sports and save them to the database.
+Include validation and error handling.
+```
+
+```
+Add user authentication with sign up and login pages.
+Only allow authenticated users to add new sports.
+```
+
+```
+Add a favorites feature where users can mark their favorite sports.
+Store favorites in a user_favorites table with user_id and sport_id.
+```
+
+```
+Add images to each sport using InsForge Storage.
+Allow users to upload sport images and display them in the grid.
+```
+
+```
+Add an AI chat feature that can answer questions about sports.
+Use InsForge AI with streaming responses.
+```

package/docs/examples/overview.mdx

@@ -0,0 +1,67 @@
+---
+title: InsForge Cookbook
+description: A collection of practical examples and guides for building with InsForge
+---
+
+A collection of practical examples and guides for building with InsForge - the fastest way to build full-stack applications with PostgreSQL, authentication, storage, AI, and serverless functions.
+
+## Quick Start
+
+To get started with any example in this cookbook:
+
+1. **Browse examples** - Find the framework or use case that matches your needs
+2. **Follow the guide** - Each example includes AI prompts and setup instructions
+3. **Get the code** - See what the AI generates for you
+4. **Build and customize** - Use the examples as starting points for your projects
+
+## What's Inside
+
+### Framework Guides
+
+Ready-to-use guides that show how to build with InsForge using popular frameworks and AI tools.
+
+<CardGroup cols={2}>
+  <Card title="Next.js" icon="/images/logos/nextjs.svg" href="/examples/framework-guides/nextjs">
+    Build a Next.js app using AI prompts
+  </Card>
+
+  <Card title="React" icon="/images/logos/react.svg" href="/examples/framework-guides/react">
+    Build a React app using AI prompts
+  </Card>
+
+  <Card title="Vue" icon="/images/logos/vue.svg" href="/examples/framework-guides/vue">
+    Build a Vue app using AI prompts
+  </Card>
+
+  <Card title="Nuxt" icon="/images/logos/nuxt.svg" href="/examples/framework-guides/nuxt">
+    Build a Nuxt app using AI prompts
+  </Card>
+
+  <Card title="Svelte" icon="/images/logos/svelte.svg" href="/examples/framework-guides/svelte">
+    Build a Svelte app using AI prompts
+  </Card>
+</CardGroup>
+
+### Community Showcase
+
+Community-built applications that demonstrate real-world implementations of InsForge.
+
+<Card title="View Showcase" icon="star" href="/showcase">
+  Explore projects built with InsForge
+</Card>
+
+---
+
+## Contributing
+
+Have a project built with InsForge? We'd love to feature it!
+
+<CardGroup cols={2}>
+  <Card title="GitHub Issues" icon="github" href="https://github.com/InsForge/InsForge/issues">
+    Submit your project or example
+  </Card>
+
+  <Card title="Discord Community" icon="discord" href="https://discord.com/invite/DvBtaEc9Jz">
+    Share your work with the community
+  </Card>
+</CardGroup>

package/docs/favicon.svg

@@ -0,0 +1,19 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.06145 23.1079C5.26816 22.3769 -3.39077 20.6274 1.4173 5.06384C9.6344 6.09939 16.9728 14.0644 9.06145 23.1079Z" fill="url(#paint0_linear_17557_2021)"/>
+<path d="M8.91928 23.0939C5.27642 21.2223 0.78371 4.20891 17.0071 0C20.7569 7.19341 19.6212 16.5452 8.91928 23.0939Z" fill="url(#paint1_linear_17557_2021)"/>
+<path d="M8.91388 23.0788C8.73534 19.8817 10.1585 9.08525 23.5699 13.1107C23.1812 20.1229 18.984 26.4182 8.91388 23.0788Z" fill="url(#paint2_linear_17557_2021)"/>
+<defs>
+<linearGradient id="paint0_linear_17557_2021" x1="3.77557" y1="5.91571" x2="5.23185" y2="21.5589" gradientUnits="userSpaceOnUse">
+<stop stop-color="#18E299"/>
+<stop offset="1" stop-color="#15803D"/>
+</linearGradient>
+<linearGradient id="paint1_linear_17557_2021" x1="12.1711" y1="-0.718425" x2="10.1897" y2="22.9832" gradientUnits="userSpaceOnUse">
+<stop stop-color="#16A34A"/>
+<stop offset="1" stop-color="#4ADE80"/>
+</linearGradient>
+<linearGradient id="paint2_linear_17557_2021" x1="23.1327" y1="15.353" x2="9.33841" y2="18.5196" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4ADE80"/>
+<stop offset="1" stop-color="#0D9373"/>
+</linearGradient>
+</defs>
+</svg>

package/docs/images/icons/ai.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.8121 3.04199C11.8641 2.85054 12.1361 2.85051 12.1881 3.04199L13.8687 9.28613C13.9794 9.69726 14.3014 10.0182 14.7125 10.1289L20.9557 11.8105C21.1477 11.8623 21.1477 12.1348 20.9557 12.1865L14.7125 13.8672C14.3014 13.9779 13.9794 14.2998 13.8687 14.7109L12.1881 20.9541C12.1364 21.1461 11.8638 21.1461 11.8121 20.9541L10.1305 14.7109C10.0198 14.2998 9.69881 13.9779 9.28769 13.8672L3.04355 12.1865C2.85206 12.1346 2.8521 11.8625 3.04355 11.8105L9.28769 10.1289C9.69881 10.0182 10.0198 9.69726 10.1305 9.28613L11.8121 3.04199Z" stroke="white"/>
+<path d="M19.5904 2.55907C19.648 2.34489 19.9519 2.34489 20.0096 2.55907L20.535 4.5103C20.5551 4.585 20.6134 4.64335 20.6881 4.66347L22.6394 5.18883C22.8535 5.2465 22.8535 5.55038 22.6394 5.60804L20.6881 6.13341C20.6134 6.15352 20.5551 6.21187 20.535 6.28658L20.0096 8.2378C19.9519 8.45198 19.648 8.45198 19.5904 8.2378L19.065 6.28658C19.0449 6.21187 18.9866 6.15352 18.9118 6.13341L16.9606 5.60804C16.7464 5.55038 16.7464 5.2465 16.9606 5.18883L18.9118 4.66347C18.9866 4.64335 19.0449 4.585 19.065 4.5103L19.5904 2.55907Z" fill="white"/>
+</svg>

package/docs/images/icons/auth.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M252.31-100q-29.92 0-51.12-21.19Q180-142.39 180-172.31v-375.38q0-29.92 21.19-51.12Q222.39-620 252.31-620H300v-80q0-74.92 52.54-127.46Q405.08-880 480-880q74.92 0 127.46 52.54Q660-774.92 660-700v80h47.69q29.92 0 51.12 21.19Q780-577.61 780-547.69v375.38q0 29.92-21.19 51.12Q737.61-100 707.69-100H252.31Zm0-60h455.38q5.39 0 8.85-3.46t3.46-8.85v-375.38q0-5.39-3.46-8.85t-8.85-3.46H252.31q-5.39 0-8.85 3.46t-3.46 8.85v375.38q0 5.39 3.46 8.85t8.85 3.46ZM480-290q29.15 0 49.58-20.42Q550-330.85 550-360t-20.42-49.58Q509.15-430 480-430t-49.58 20.42Q410-389.15 410-360t20.42 49.58Q450.85-290 480-290ZM360-620h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z"/></svg>

package/docs/images/icons/database.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M480-140q-145.61 0-242.81-41.12Q140-222.23 140-283.85V-680q0-57.92 99.54-98.96Q339.08-820 480-820q140.92 0 240.46 41.04Q820-737.92 820-680v396.15q0 61.62-97.19 102.73Q625.61-140 480-140Zm0-461.69q87.46 0 176.12-24.73 88.65-24.73 102.73-53.35-13.7-29.38-101.66-54.81Q569.23-760 480-760q-89.08 0-176.58 24.73-87.5 24.73-103.04 53.96 15.16 30 102.27 54.81 87.12 24.81 177.35 24.81Zm0 200.15q41.62 0 81-4t75.27-11.69q35.88-7.69 67.19-19.08 31.31-11.38 56.54-25.77V-604q-25.23 14.38-56.54 25.77-31.31 11.38-67.19 19.07-35.89 7.7-75.27 11.7-39.38 4-81 4-42.38 0-82.58-4.2-40.19-4.19-75.88-11.88t-66.5-18.88Q224.23-589.62 200-604v141.92q24.23 14.39 55.04 25.58 30.81 11.19 66.5 18.88 35.69 7.7 75.88 11.89 40.2 4.19 82.58 4.19ZM480-200q48.69 0 95.62-6.42 46.92-6.43 85.38-17.54 38.46-11.12 64.88-25.81 26.43-14.69 34.12-30.85v-121.46q-25.23 14.39-56.54 25.77-31.31 11.39-67.19 19.08-35.89 7.69-75.27 11.69-39.38 4-81 4-42.38 0-82.58-4.19-40.19-4.19-75.88-11.89-35.69-7.69-66.5-18.88-30.81-11.19-55.04-25.58V-280q7.69 16.54 33.81 30.73 26.11 14.19 64.57 25.31 38.47 11.11 85.7 17.54Q431.31-200 480-200Z"/></svg>

package/docs/images/icons/function.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M320-240 80-480l240-240 57 57-184 184 183 183-56 56Zm320 0-57-57 184-184-183-183 56-56 240 240-240 240Z"/></svg>

package/docs/images/icons/storage.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h535.38Q778-820 799-799q21 21 21 51.31v535.38Q820-182 799-161q-21 21-51.31 21H212.31ZM200-613.54h560v-134.15q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v134.15Zm0 207.08h560v-147.08H200v147.08ZM212.31-200h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-134.15H200v134.15q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm43.08-450.92v-72.31h72.3v72.31h-72.3Zm0 207.07v-72.3h72.3v72.3h-72.3Zm0 207.08v-72.31h72.3v72.31h-72.3Z"/></svg>

package/docs/images/logos/nextjs.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-2" y="-2" width="28" height="28" fill="#0a0a0a"/>
+<path d="M17.3255 21.9996C17.2425 22.0435 17.2471 22.0612 17.3302 22.0192C17.3545 22.0088 17.3767 21.9939 17.3955 21.9753C17.3955 21.9604 17.3937 21.9623 17.3255 21.9996ZM17.4917 21.9119C17.4525 21.9427 17.4525 21.9445 17.5001 21.9203C17.5262 21.9072 17.5486 21.8923 17.5486 21.8876C17.5486 21.8699 17.5374 21.8745 17.4917 21.9119ZM17.6009 21.8456C17.5617 21.8764 17.5617 21.8783 17.6093 21.854C17.6354 21.8409 17.6578 21.826 17.6578 21.8213C17.6578 21.8036 17.6466 21.8083 17.6009 21.8456ZM17.7101 21.7803C17.6709 21.8111 17.6709 21.8129 17.7185 21.7887C17.7446 21.7756 17.767 21.7607 17.767 21.756C17.767 21.7383 17.7558 21.7429 17.7101 21.7803ZM17.8613 21.6823C17.7847 21.7308 17.7605 21.7635 17.8286 21.7261C17.8771 21.6981 17.9555 21.6384 17.9425 21.6365C17.9138 21.6488 17.8866 21.6642 17.8613 21.6823ZM11.1665 1.00333C11.1179 1.008 10.9649 1.02293 10.8267 1.03413C7.64593 1.32066 4.6658 3.03706 2.7786 5.6756C1.73528 7.1238 1.05713 8.80254 0.8018 10.569C0.7122 11.1841 0.7001 11.3661 0.7001 12.2005C0.7001 13.0349 0.7122 13.216 0.8018 13.832C1.41033 18.0376 4.40353 21.5712 8.4626 22.8807C9.18967 23.1149 9.95593 23.2745 10.8267 23.3707C11.1665 23.408 12.6327 23.408 12.9725 23.3707C14.4761 23.2045 15.751 22.8321 17.0073 22.1909C17.1995 22.092 17.2369 22.0659 17.2107 22.0444C16.5971 21.2336 15.9892 20.4185 15.387 19.5991L13.5959 17.1799L11.3522 13.8591C10.6062 12.7479 9.85296 11.6416 9.0926 10.5401C9.0842 10.5383 9.07487 12.0139 9.07113 13.8152C9.0646 16.9699 9.06273 17.0968 9.0226 17.1715C8.9845 17.2587 8.91625 17.3293 8.83033 17.3703C8.76033 17.4057 8.69873 17.4123 8.36833 17.4123H7.9894L7.8886 17.3488C7.82641 17.3096 7.77582 17.2545 7.74207 17.1892L7.69633 17.0903L7.701 12.7008L7.70753 8.30946L7.77567 8.22453C7.82144 8.17075 7.87644 8.12555 7.93807 8.09106C8.02767 8.0472 8.06313 8.04253 8.44207 8.04253C8.88913 8.04253 8.96286 8.06026 9.07953 8.1872C9.9878 9.53889 10.8885 10.8957 11.7815 12.2575C13.2357 14.462 15.2227 17.472 16.1999 18.9504L17.9733 21.6365L18.0629 21.5777C18.9162 21.0102 19.6899 20.3312 20.3635 19.5589C21.7747 17.944 22.6899 15.9561 22.9993 13.8339C23.0889 13.2188 23.1001 13.0368 23.1001 12.2024C23.1001 11.368 23.0889 11.1869 22.9993 10.5709C22.3907 6.36533 19.3975 2.83173 15.3385 1.52226C14.5799 1.28076 13.7987 1.11721 13.007 1.03413C12.797 1.01266 11.3494 0.988397 11.1683 1.00613L11.1665 1.00333ZM15.751 7.77746C15.8032 7.8037 15.8496 7.84007 15.8876 7.88446C15.9256 7.92885 15.9544 7.98037 15.9722 8.036C15.99 8.09293 15.9937 9.31 15.99 12.0531L15.9834 15.9899L15.289 14.9259L14.5927 13.8619V11.0003C14.5927 9.1504 14.6011 8.11066 14.6142 8.06026C14.63 8.0021 14.6573 7.94769 14.6945 7.90024C14.7317 7.85279 14.778 7.81327 14.8307 7.784C14.9203 7.73826 14.953 7.7336 15.2974 7.7336C15.6213 7.7336 15.6782 7.73826 15.751 7.77746Z" fill="#6EE7B7"/>
+</svg>

package/docs/images/logos/nuxt.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-2" y="-2" width="28" height="28" fill="#0a0a0a"/>
+<path d="M13.79 17.0515H18.594C18.907 17.0515 19.206 16.9415 19.477 16.7865C19.748 16.6314 20.027 16.4367 20.184 16.1681C20.34 15.8995 20.449 15.5948 20.449 15.2847C20.449 14.9746 20.34 14.67 20.184 14.4015L16.559 9.00645C16.402 8.73789 16.211 8.54314 15.941 8.38808C15.67 8.23308 15.282 8.12308 14.969 8.12308C14.656 8.12308 14.356 8.23308 14.086 8.38808C13.815 8.54314 13.624 8.73789 13.467 9.00645L13.79 9.92145L11.432 6.26789C11.276 5.99939 11.085 5.71645 10.814 5.56145C10.543 5.40639 10.243 5.38477 9.931 5.38477C9.618 5.38477 9.318 5.40639 9.047 5.56145C8.776 5.71645 8.497 5.99939 8.341 6.26789L3.126 14.4015C2.969 14.67 2.949 14.9746 2.949 15.2847C2.949 15.5948 2.969 15.8995 3.126 16.1681C3.282 16.4366 3.561 16.6314 3.832 16.7865C4.103 16.9415 4.403 17.0515 4.716 17.0515H8.899C10.349 17.0515 11.132 16.9524 11.376 15.8715L12.379 13.6598L13.969 10.9215L16.827 15.2248H12.379L13.79 17.0515ZM8.811 15.2248H5.482L9.931 8.09477L11.199 10.6598L10.034 12.4338C9.208 13.784 8.267 15.2248 8.811 15.2248Z" fill="#6EE7B7"/>
+</svg>

package/docs/images/logos/react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-2" y="-2" width="28" height="28" fill="#0a0a0a"/>
+<path d="M14.1431 10.3804C14.1431 9.23289 13.1837 8.30249 12 8.30249C10.8165 8.30249 9.85687 9.23289 9.85687 10.3804C9.85687 11.5281 10.8165 12.4584 12 12.4584C13.1837 12.4584 14.1431 11.5281 14.1431 10.3804Z" fill="#6EE7B7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9603 6.52296C19.4129 4.73982 19.9818 1.43318 17.9763 0.312127C15.9802 -0.804041 13.3827 1.33474 12.0111 2.61854C10.6435 1.34754 7.97304 -0.782105 5.9693 0.342511C3.97401 1.46242 4.58931 4.71424 5.05192 6.50856C3.19065 7.02112 0 8.12512 0 10.3807C0 12.6299 3.18733 13.831 5.03758 14.3431C4.57326 16.1474 3.98877 19.3527 5.98662 20.4702C7.99784 21.5946 10.66 19.5156 12.0443 18.2178C13.4247 19.5091 15.9973 21.6017 17.9938 20.4811C19.9965 19.357 19.4749 16.0947 19.0122 14.29C20.8058 13.7768 24 12.6018 24 10.3807C24 8.1468 20.7922 7.03384 18.9603 6.52296ZM18.733 13.3336C18.4292 12.4013 18.0192 11.4098 17.5177 10.3857C17.9964 9.38568 18.3905 8.40704 18.6858 7.48072C20.0287 7.85824 22.9748 8.72104 22.9748 10.3807C22.9748 12.056 20.1477 12.927 18.733 13.3336ZM17.48 19.6208C15.9904 20.4568 13.7777 18.4557 12.7582 17.5047C13.4346 16.7875 14.1104 15.9538 14.77 15.0279C15.9303 14.9282 17.0264 14.765 18.0205 14.5422C18.3461 15.8187 18.9762 18.781 17.48 19.6208ZM6.4989 19.6089C5.00914 18.776 5.69006 15.9157 6.03166 14.5866C7.01467 14.7975 8.10288 14.9492 9.26592 15.0406C9.92984 15.9466 10.6253 16.7793 11.3261 17.5086C10.4602 18.3206 7.9956 20.4456 6.4989 19.6089ZM1.02519 10.3807C1.02519 8.6992 3.95366 7.84264 5.32723 7.46608C5.62761 8.4132 6.02156 9.40352 6.49698 10.405C6.0154 11.4213 5.61582 12.4273 5.31268 13.3856C4.00295 13.0221 1.02519 12.0633 1.02519 10.3807ZM6.48296 1.20283C7.9788 0.363327 10.2998 2.40786 11.2927 3.3281C10.5955 4.05403 9.90648 4.88048 9.24824 5.7812C8.11952 5.88264 7.039 6.04552 6.04567 6.26376C5.673 4.81657 4.98874 2.04143 6.48296 1.20283ZM15.5034 6.86168C16.2692 6.95536 17.0029 7.08 17.6918 7.23248C17.485 7.8752 17.2272 8.54728 16.9236 9.23624C16.4835 8.42664 16.0111 7.63328 15.5034 6.86168ZM12.0114 4.03848C12.4843 4.53518 12.9579 5.08984 13.4238 5.6916C12.4788 5.64824 11.5322 5.64808 10.5872 5.69096C11.0535 5.09478 11.5312 4.54094 12.0114 4.03848ZM7.0852 9.23552C6.78663 8.54896 6.53118 7.87392 6.32258 7.222C7.00734 7.07344 7.7376 6.952 8.4984 6.85984C7.98928 7.62976 7.51768 8.4228 7.0852 9.23552ZM8.52024 13.9726C7.73432 13.8875 6.99301 13.7722 6.30845 13.6278C6.52035 12.9644 6.78142 12.2748 7.08637 11.5734C7.5248 12.3946 8.0036 13.1954 8.52024 13.9726ZM12.0398 16.7932C11.5539 16.2848 11.0692 15.7225 10.5958 15.1177C11.5462 15.1538 12.4985 15.1539 13.4488 15.1128C12.9814 15.7286 12.5095 16.2918 12.0398 16.7932ZM16.9334 11.5378C17.2542 12.2467 17.5246 12.9326 17.7394 13.5847C17.0434 13.7387 16.2922 13.8627 15.5006 13.9548C16.012 13.1686 16.4919 12.3629 16.9334 11.5378ZM14.1978 14.0753C12.7441 14.176 11.2813 14.1749 9.82704 14.0835C9.00072 12.9132 8.26512 11.6824 7.63016 10.4046C8.26208 9.12952 8.99232 7.90112 9.81472 6.73264C11.27 6.626 12.7342 6.62568 14.1895 6.73328C15.0049 7.90168 15.734 9.12688 16.3806 10.3905C15.7417 11.665 15.0076 12.8958 14.1978 14.0753ZM17.4642 1.17328C18.9605 2.01003 18.2945 4.98181 17.9676 6.27408C16.9719 6.05128 15.8906 5.88552 14.7586 5.78248C14.0991 4.87203 13.4158 4.04414 12.7299 3.32759C13.7356 2.38753 15.9825 0.344711 17.4642 1.17328Z" fill="#6EE7B7"/>
+</svg>

package/docs/images/logos/svelte.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-2" y="-2" width="28" height="28" fill="#0a0a0a"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1327 6.67366C18.7462 7.61835 18.8096 8.64263 18.4961 9.41843C17.9177 8.87197 17.2247 8.48048 16.4975 8.28788C16.5061 8.12730 16.4657 7.96260 16.3715 7.81740C16.1346 7.45265 15.6469 7.34898 15.2822 7.58588L13.5224 8.72865C13.5219 8.72895 13.5214 8.72925 13.5209 8.72963L10.8791 10.4452C10.5143 10.6821 10.4107 11.1698 10.6475 11.5346C10.8844 11.8994 11.3722 12.003 11.7369 11.7662L14.3795 10.05C14.3792 10.0502 14.3797 10.0499 14.3795 10.05C15.3820 9.39968 16.9500 9.74918 17.9327 11.1854C18.9157 12.6221 18.5265 14.2428 17.5241 14.8938L12.2404 18.3251C11.238 18.9761 9.66935 18.6267 8.6864 17.1901C8.07281 16.2454 8.00952 15.2211 8.32306 14.4453C8.90139 14.9918 9.59444 15.3833 10.3216 15.5759C10.313 15.7365 10.3533 15.9012 10.4475 16.0464C10.6845 16.4111 11.1722 16.5148 11.5369 16.2779L16.4401 13.4186C16.8047 13.1817 16.9084 12.694 16.6716 12.3292C16.4347 11.9645 15.9469 11.8608 15.5822 12.0977L12.9402 13.8134C12.94 13.8135 12.9404 13.8133 12.9402 13.8134C11.9377 14.4642 10.3692 14.1149 9.38636 12.6783C8.40341 11.2417 8.79265 9.62093 9.79505 8.96994L15.0788 5.53871C16.0811 4.88773 17.6497 5.23703 18.1327 6.67366ZM19.5279 10.8058C20.5307 9.42090 20.4769 7.39157 19.4537 5.81585C18.1757 3.84808 15.6366 2.97377 13.7209 4.21781L8.43726 7.64904C6.67284 8.79488 6.33499 11.1549 7.29119 13.0580C6.28842 14.4428 6.34222 16.4722 7.3655 18.0479C8.64336 20.0157 11.1826 20.89 13.0982 19.646L18.3818 16.2147C20.1462 15.0689 20.4841 12.7089 19.5279 10.8058Z" fill="#6EE7B7"/>
+</svg>

package/docs/images/logos/vue.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-2" y="-2" width="28" height="28" fill="#0a0a0a"/>
+<path d="M12 8.1015L10.5723 5.89673H8.59717L12 11.1207L15.4027 5.89673H13.4277L12 8.1015Z" fill="#6EE7B7"/>
+<path d="M16.7113 5.89697L12 13.5209L7.28877 5.89697H4.98865L12 17.604L19.0114 5.89697H16.7113Z" fill="#6EE7B7"/>
+</svg>