Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-04-07 19:17:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'feat-pink-v2' of https://github.com/appwrite/console into feat-pink-v2-legacy-fixes

Browse Source
This commit is contained in:
Torsten Dittmann
2025-01-28 22:46:56 +01:00
parent 3049d285e5 a5a34ca7b6
commit c8ce3a48bb
25 changed files with 4379 additions and 5332 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+4 -4
View File
@@ -19,11 +19,11 @@
"e2e:ui": "playwright test tests/e2e --ui"
},
"dependencies": {
"@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193",
"@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@70f1b0c",
"@appwrite.io/pink": "0.25.0",
"@appwrite.io/pink-icons": "0.25.0",
"@appwrite.io/pink-icons-svelte": "1.0.0-next.7",
"@appwrite.io/pink-legacy": "^1.0.0",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@c54210d",
"@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@192",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@192",
"@popperjs/core": "^2.11.8",
"@sentry/sveltekit": "^8.38.0",
"@stripe/stripe-js": "^3.5.0",
pnpm-lock.yaml
Generated
+4181 -5207
View File
File diff suppressed because it is too large Load Diff
src/lib/components/searchQuery.svelte
+6 -3
View File
@@ -4,8 +4,8 @@
import { trackEvent } from '$lib/actions/analytics';
import { onMount } from 'svelte';
import { onDestroy } from 'svelte';
import { Input } from '@appwrite.io/pink-svelte';
import { IconX } from '@appwrite.io/pink-icons-svelte';
import { Icon, Input } from '@appwrite.io/pink-svelte';
import { IconSearch, IconX } from '@appwrite.io/pink-icons-svelte';
export let search = '';
export let placeholder = '';
@@ -58,8 +58,11 @@
}
</script>
<div style:max-width="260px" style:width="100%">
<div style:max-width="360px" style:width="100%">
<Input.Text {placeholder} {disabled} {required} type="search" bind:value={search}>
<svelte:fragment slot="start">
<Icon icon={IconSearch} />
</svelte:fragment>
<svelte:fragment slot="end">
{#if search}
<Input.Action icon={IconX} on:click={() => (search = '')} />
src/lib/components/svgIcon.svelte
+5 -4
View File
@@ -9,10 +9,11 @@
export { className as class };
enum iconSizes {
small = '--icon-size-small',
medium = '--icon-size-medium',
large = '--icon-size-large',
xlarge = '--icon-size-extra-large'
xs = '--icon-size-xs',
small = '--icon-size-s',
medium = '--icon-size-m',
large = '--icon-size-l',
xlarge = '--icon-size-xl'
}
</script>
src/lib/elements/forms/inputSelect.svelte
+1
View File
@@ -13,6 +13,7 @@
label: string;
disabled?: boolean;
leadingIcon?: ComponentType;
leadingHtml?: string;
}[];
let element: HTMLSelectElement;
src/routes/(console)/project-[project]/sites/(components)/siteCard.svelte
+6 -2
View File
@@ -52,7 +52,9 @@
color="--color-fgcolor-neutral-tertiary">
Deployed
</Typography.Text>
<DeploymentCreatedBy {deployment} />
<Typography.Text variant="m-400">
<DeploymentCreatedBy {deployment} />
</Typography.Text>
</Layout.Stack>
{/if}
</Layout.Stack>
@@ -110,7 +112,9 @@
<Typography.Text variant="m-400" color="--color-fgcolor-neutral-tertiary">
Source
</Typography.Text>
<DeploymentSource {deployment} />
<Typography.Text variant="m-400">
<DeploymentSource {deployment} />
</Typography.Text>
</Layout.Stack>
</Layout.Stack>
</Layout.Stack>
src/routes/(console)/project-[project]/sites/+page.svelte
+9 -1
View File
@@ -1,6 +1,12 @@
<script lang="ts">
import { registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
import { Empty, PaginationWithLimit, SearchQuery, ViewSelector } from '$lib/components';
import {
Empty,
EmptySearch,
PaginationWithLimit,
SearchQuery,
ViewSelector
} from '$lib/components';
import { Container } from '$lib/layout';
import { isServiceLimited } from '$lib/stores/billing';
import { organization } from '$lib/stores/organization';
@@ -70,6 +76,8 @@
limit={data.limit}
offset={data.offset}
total={data.siteList.total} />
{:else if data.search}
<EmptySearch target="sites" />
{:else}
<Empty
single
src/routes/(console)/project-[project]/sites/create-site/aside.svelte
+2 -2
View File
@@ -1,5 +1,5 @@
<script lang="ts">
import { Card } from '$lib/components';
import { Card, SvgIcon } from '$lib/components';
import { Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
import { IconGithub, IconGitBranch } from '@appwrite.io/pink-icons-svelte';
import { consoleVariables } from '$routes/(console)/store';
@@ -24,7 +24,7 @@
<Typography.Caption variant="400">Framework</Typography.Caption>
<Layout.Stack gap="xs" alignItems="center" direction="row">
{#if frameworkIcon}
<Icon size="s" icon={frameworkIcon}></Icon>
<SvgIcon name={frameworkIcon} />
{/if}
<Typography.Text variant="m-500" color="--color-fgcolor-neutral-primary">
{framework.name}
src/routes/(console)/project-[project]/sites/create-site/details.svelte
+2
View File
@@ -16,6 +16,8 @@
}[] = [];
let showCustomId = false;
$: console.log(options);
</script>
<Fieldset legend="Details">
src/routes/(console)/project-[project]/sites/create-site/finish/+page.svelte
+99 -75
View File
@@ -3,7 +3,7 @@
import { page } from '$app/stores';
import Card from '$lib/components/card.svelte';
import { Wizard } from '$lib/layout';
import { Layout, Typography, Icon } from '@appwrite.io/pink-svelte';
import { Layout, Typography, Icon, Lights, Step } from '@appwrite.io/pink-svelte';
import { IconArrowSmRight } from '@appwrite.io/pink-icons-svelte';
import Check from './(components)/check.svelte';
import type { PageData } from './$types';
@@ -34,85 +34,109 @@
title="Create a site"
hideAside={true}
href={`${base}/project-${$page.params.project}/sites/site-${data.site.$id}`}>
<Layout.Stack gap="l">
<!-- Creating a new stack -->
<div style:position="relative" style="z-index: 1;">
<Layout.Stack gap="xxl">
<Layout.Stack gap="l" direction="column" alignItems="center">
<Check />
<Layout.Stack gap="s" direction="column" alignItems="center">
<Typography.Text variant="l-400">Congratulations!</Typography.Text>
<Typography.Text variant="m-400"
>You deployed your Site successfully.</Typography.Text>
<Layout.Stack gap="xxl">
<Layout.Stack gap="l" direction="column" alignItems="center">
<Check />
<Layout.Stack gap="s" direction="column" alignItems="center">
<Typography.Text variant="l-400">Congratulations!</Typography.Text>
<Typography.Text variant="m-400"
>You deployed your Site successfully.</Typography.Text>
</Layout.Stack>
</Layout.Stack>
<Lights style="top: -100px; height:200px; width: 50%" />
<SiteCard deployment={data.deployment} />
</Layout.Stack>
<SiteCard deployment={data.deployment} />
</Layout.Stack>
{#if !data.deployment.providerCommitHash}
<Layout.Stack direction="row">
{#if !data.site.installationId && !data.site.providerRepositoryId}
<Card isTile radius="s" isButton on:click={() => (showConnectRepositry = true)}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s">Connect to repository</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Connect to a new repository or an existing one.
</Typography.Text>
<Step.List>
<Step.Item state="current" shortLine={true}>
{#if !data.deployment.providerCommitHash}
<Layout.Stack direction="row">
{#if !data.site.installationId && !data.site.providerRepositoryId}
<Card
isTile
radius="s"
isButton
on:click={() => (showConnectRepositry = true)}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s"
>Connect to repository</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Connect to a new repository or an existing one.
</Typography.Text>
</Layout.Stack>
</Card>
{/if}
<Card
isTile
radius="s"
href={`${base}/project-${$page.params.project}/sites/site-${data.site.$id}/domains`}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s">Add domain</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Connect to an existing domain or purchase a new one.
</Typography.Text>
</Layout.Stack>
</Card>
<Card
isTile
radius="s"
isButton
on:click={() => (showInviteCollaborator = true)}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s"
>Add collaborators</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Share your progress and start collaborating with your team.
</Typography.Text>
</Layout.Stack>
</Card>
<Card
isTile
radius="s"
isButton
on:click={() => (showOpenOnMobile = true)}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s">Open on mobile</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Open the preview of your site on any mobile or tablet
device.
</Typography.Text>
</Layout.Stack>
</Card>
</Layout.Stack>
</Card>
{/if}
<Card
isTile
radius="s"
href={`${base}/project-${$page.params.project}/sites/site-${data.site.$id}/domains`}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s">Add domain</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Connect to an existing domain or purchase a new one.
</Typography.Text>
</Layout.Stack>
</Card>
<Card isTile radius="s" isButton on:click={() => (showInviteCollaborator = true)}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s">Add collaborators</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Share your progress and start collaborating with your team.
</Typography.Text>
</Layout.Stack>
</Card>
<Card isTile radius="s" isButton on:click={() => (showOpenOnMobile = true)}>
<Layout.Stack gap="s">
<Layout.Stack
direction="row"
justifyContent="space-between"
alignItems="center">
<Typography.Title size="s">Open on mobile</Typography.Title>
<Icon icon={IconArrowSmRight} />
</Layout.Stack>
<Typography.Text variant="m-400">
Open the preview of your site on any mobile or tablet device.
</Typography.Text>
</Layout.Stack>
</Card>
</Layout.Stack>
{/if}
</Layout.Stack>
{/if}
</Step.Item>
</Step.List>
</Layout.Stack>
</div>
<svelte:fragment slot="footer">
<Button
size="s"
src/routes/(console)/project-[project]/sites/create-site/repositories/repository-[repository]/configuration.svelte
+2 -1
View File
@@ -25,6 +25,7 @@
import ImportSiteVariablesModal from '../../importSiteVariablesModal.svelte';
import type { Models } from '@appwrite.io/console';
import { getFrameworkIcon } from '../../../store';
import { iconPath } from '$lib/stores/app';
export let frameworks: Models.Framework[];
export let selectedFramework: Models.Framework;
@@ -61,7 +62,7 @@
options={frameworks.map((framework) => ({
value: framework.key,
label: framework.name,
leadingIcon: getFrameworkIcon(framework.key)
leadingHtml: `<img src='${$iconPath(getFrameworkIcon(framework.key), 'color')}' style='inline-size: var(--icon-size-m)' />`
}))}
on:change={() => {
selectedFramework = frameworks.find((framework) => framework.key === frameworkId);
src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/+page.svelte
+3 -2
View File
@@ -3,7 +3,7 @@
import { base } from '$app/paths';
import { page } from '$app/stores';
import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
import { Card } from '$lib/components';
import { Card, SvgIcon } from '$lib/components';
import { Button, Form } from '$lib/elements/forms';
import { Wizard } from '$lib/layout';
import { addNotification } from '$lib/stores/notifications';
@@ -30,6 +30,7 @@
import Domain from '../../domain.svelte';
import { NewRepository, Repositories, RepositoryBehaviour } from '$lib/components/git';
import { getFrameworkIcon } from '../../../store';
import { iconPath } from '$lib/stores/app';
export let data;
@@ -225,7 +226,7 @@
return {
value: framework.name,
label: framework.name,
leadingIcon: getFrameworkIcon(framework.key)
leadingHtml: `<img src='${$iconPath(getFrameworkIcon(framework.key), 'color')}' style='inline-size: var(--icon-size-m)' />`
};
})}
<Layout.Stack gap="xxl">
src/routes/(console)/project-[project]/sites/grid.svelte
+2 -1
View File
@@ -13,6 +13,7 @@
import { ActionMenu, Card, Icon, Popover } from '@appwrite.io/pink-svelte';
import RedeployModal from './redeployModal.svelte';
import { getFrameworkIcon } from './store';
import { SvgIcon } from '$lib/components';
export let siteList: Models.SiteList;
@@ -33,7 +34,7 @@
alt={site.name}
avatar>
<svelte:fragment slot="avatar">
<Icon icon={getFrameworkIcon(site.framework)} />
<SvgIcon name={getFrameworkIcon(site.framework)} />
</svelte:fragment>
<Popover placement="bottom-end" let:toggle>
<Button
src/routes/(console)/project-[project]/sites/redeployModal.svelte
+1 -1
View File
@@ -15,7 +15,7 @@
async function redeploy() {
try {
await sdk.forProject.sites.updateDeploymentBuild(site.$id, selectedDeploymentId);
await sdk.forProject.sites.createBuild(site.$id, selectedDeploymentId);
addNotification({
type: 'success',
message: `Redeploying ${site.name}`
src/routes/(console)/project-[project]/sites/site-[site]/domains/+page.svelte
+4 -6
View File
@@ -2,7 +2,7 @@
import { base } from '$app/paths';
import { page } from '$app/stores';
import { EmptySearch, PaginationWithLimit } from '$lib/components/index.js';
import { Button, InputSearch } from '$lib/elements/forms';
import { Button } from '$lib/elements/forms';
import Link from '$lib/elements/link.svelte';
import { toLocaleDateTime } from '$lib/helpers/date';
import Container from '$lib/layout/container.svelte';
@@ -28,10 +28,10 @@
import RetryDomainModal from './retryDomainModal.svelte';
import { queries } from '$lib/components/filters';
import Card from '$lib/components/card.svelte';
import SearchQuery from '$lib/components/searchQuery.svelte';
export let data;
let search = '';
let showDelete = false;
let showRetry = false;
let selectedDomain: Models.ProxyRule = null;
@@ -41,9 +41,7 @@
<Container>
<Layout.Stack direction="row" justifyContent="space-between">
<div>
<InputSearch placeholder="Search domains" bind:value={search} />
</div>
<SearchQuery search={data.search} placeholder="Search sites" />
<Button
href={`${base}/project-${$page.params.project}/sites/site-${$page.params.site}/domains/add-domain`}>
<Icon icon={IconPlus} size="s" />
@@ -133,7 +131,7 @@
offset={data.offset}
total={data.domains.total} />
{:else if data?.query}
<EmptySearch hidePages bind:search>
<EmptySearch hidePages bind:search={data.search} target="domains">
<svelte:fragment slot="actions">
<Button
secondary
src/routes/(console)/project-[project]/sites/site-[site]/domains/+page.ts
+14 -9
View File
@@ -1,6 +1,6 @@
import { Query, ResourceType } from '@appwrite.io/console';
import { sdk } from '$lib/stores/sdk';
import { getLimit, getPage, getQuery, pageToOffset } from '$lib/helpers/load';
import { getLimit, getPage, getQuery, getSearch, pageToOffset } from '$lib/helpers/load';
import { Dependencies, PAGE_LIMIT } from '$lib/constants';
import { queries, queryParamToMap } from '$lib/components/filters';
@@ -10,6 +10,7 @@ export const load = async ({ params, depends, url, route }) => {
const limit = getLimit(url, route, PAGE_LIMIT);
const offset = pageToOffset(page, limit);
const query = getQuery(url);
const search = getSearch(url);
const parsedQueries = queryParamToMap(query || '[]');
queries.set(parsedQueries);
@@ -18,13 +19,17 @@ export const load = async ({ params, depends, url, route }) => {
offset,
limit,
query,
domains: await sdk.forProject.proxy.listRules([
Query.equal('resourceType', ResourceType.Site),
Query.equal('resourceId', params.site),
Query.limit(limit),
Query.offset(offset),
Query.orderDesc(''),
...parsedQueries.values()
])
search,
domains: await sdk.forProject.proxy.listRules(
[
Query.equal('resourceType', ResourceType.Site),
Query.equal('resourceId', params.site),
Query.limit(limit),
Query.offset(offset),
Query.orderDesc(''),
...parsedQueries.values()
],
search || undefined
)
};
};
src/routes/(console)/project-[project]/sites/store.ts
+10 -14
View File
@@ -1,12 +1,6 @@
import type { Column } from '$lib/helpers/types';
import { Framework, type Models } from '@appwrite.io/console';
import {
IconAngular,
IconNuxt,
IconReact,
IconSvelte,
IconVue
} from '@appwrite.io/pink-icons-svelte';
import { writable } from 'svelte/store';
export function getEnumFromModel(model: Models.Framework): Framework {
@@ -23,19 +17,21 @@ export const columns = writable<Column[]>([
export function getFrameworkIcon(framework: string) {
switch (true) {
case framework.toLocaleLowerCase().includes('sveltekit'):
return IconSvelte;
return 'svelte';
case framework.toLocaleLowerCase().includes('nuxt'):
return IconNuxt;
return 'nuxt';
case framework.toLocaleLowerCase().includes('vue'):
return IconVue;
return 'vue';
case framework.toLocaleLowerCase().includes('react'):
return IconReact;
return 'react';
case framework.toLocaleLowerCase().includes('angular'):
return IconAngular;
return 'angular';
case framework.toLocaleLowerCase().includes('svelte'):
return IconSvelte;
return 'svelte';
case framework.toLocaleLowerCase().includes('next'):
return IconReact; //TODO: add next icon
return 'nextjs';
case framework.toLocaleLowerCase().includes('astro'):
return 'astro';
default:
return undefined;
static/icons/dark/color/astro.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.57212 16.0036C6.72926 15.2433 6.48322 13.6458 6.83438 12.4884C7.44325 13.2181 8.2869 13.4493 9.16075 13.5797C10.5098 13.7811 11.8347 13.7058 13.0879 13.0973C13.2312 13.0277 13.3637 12.935 13.5204 12.8412C13.638 13.1779 13.6686 13.5177 13.6275 13.8636C13.5276 14.7061 13.1028 15.3569 12.427 15.8502C12.1568 16.0475 11.8709 16.2239 11.5919 16.4099C10.7345 16.9817 10.5025 17.6522 10.8247 18.6276C10.8324 18.6513 10.8392 18.6751 10.8565 18.7331C10.4188 18.5398 10.099 18.2583 9.85541 17.8882C9.59809 17.4976 9.47566 17.0655 9.46922 16.598C9.466 16.3704 9.466 16.1409 9.43499 15.9166C9.35929 15.3697 9.09914 15.1249 8.60907 15.1108C8.1061 15.0963 7.70823 15.4032 7.60272 15.8864C7.59467 15.9235 7.58299 15.9601 7.57132 16.0032L7.57212 16.0036Z" fill="#17191E"/>
<path d="M3.33331 12.8428C3.33331 12.8428 5.63796 11.7229 7.94905 11.7229L9.69153 6.34361C9.75675 6.08346 9.94725 5.90668 10.1623 5.90668C10.3773 5.90668 10.5678 6.08346 10.633 6.34361L12.3755 11.7229C15.1127 11.7229 16.9912 12.8428 16.9912 12.8428C16.9912 12.8428 13.0766 2.20506 13.0689 2.18372C12.9566 1.86921 12.7669 1.66666 12.5112 1.66666H7.81374C7.55803 1.66666 7.37601 1.86921 7.25599 2.18372C7.24753 2.20466 3.33331 12.8428 3.33331 12.8428Z" fill="#17191E"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

static/icons/dark/color/nextjs.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.45424 1.67114C9.4184 1.6744 9.30435 1.6858 9.20171 1.69395C6.83449 1.90734 4.61716 3.18444 3.21279 5.14733C2.43078 6.23873 1.93062 7.47674 1.74163 8.78805C1.67483 9.24579 1.66669 9.38099 1.66669 10.0016C1.66669 10.6223 1.67483 10.7575 1.74163 11.2152C2.19455 14.3444 4.42166 16.9736 7.44218 17.9477C7.98308 18.122 8.55329 18.2409 9.20171 18.3126C9.45424 18.3402 10.5458 18.3402 10.7983 18.3126C11.9176 18.1888 12.8658 17.9118 13.8009 17.4345C13.9443 17.3612 13.972 17.3417 13.9524 17.3254C13.9394 17.3156 13.3285 16.4963 12.5953 15.5059L11.2626 13.7059L9.59272 11.2347C8.67386 9.87619 7.91791 8.76524 7.91139 8.76524C7.90488 8.76361 7.89836 9.86153 7.8951 11.2022C7.89021 13.5495 7.88858 13.644 7.85926 13.6994C7.8169 13.7792 7.78431 13.8117 7.71589 13.8476C7.66375 13.8736 7.61814 13.8785 7.37213 13.8785H7.09028L7.01533 13.8313C6.96646 13.8003 6.93062 13.7596 6.90618 13.7124L6.87197 13.6391L6.87522 10.373L6.88011 7.10534L6.93062 7.04181C6.95668 7.0076 7.01208 6.96362 7.05118 6.94244C7.11797 6.90986 7.14404 6.90661 7.42589 6.90661C7.75825 6.90661 7.81364 6.91964 7.89999 7.01412C7.92443 7.04018 8.82863 8.40199 9.91041 10.0423C10.9922 11.6827 12.4715 13.9225 13.1981 15.0221L14.5178 17.0208L14.5846 16.9768C15.176 16.5924 15.8016 16.045 16.2969 15.4749C17.3509 14.2646 18.0303 12.7888 18.2584 11.2152C18.3252 10.7575 18.3334 10.6223 18.3334 10.0016C18.3334 9.38099 18.3252 9.24579 18.2584 8.78805C17.8055 5.65883 15.5784 3.02969 12.5579 2.05558C12.0251 1.88291 11.4581 1.76399 10.8228 1.69232C10.6664 1.67603 9.58946 1.65811 9.45424 1.67114ZM12.8658 6.71113C12.944 6.75023 13.0075 6.82516 13.0303 6.90335C13.0434 6.9457 13.0466 7.8514 13.0434 9.89248L13.0385 12.8213L12.522 12.0297L12.0039 11.238V9.10895C12.0039 7.73249 12.0104 6.95873 12.0202 6.92127C12.0463 6.83004 12.1033 6.75837 12.1815 6.71602C12.2483 6.68181 12.2727 6.67855 12.5285 6.67855C12.7697 6.67855 12.812 6.68181 12.8658 6.71113Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

static/icons/dark/color/nuxt.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0168 15.8333H17.2125C17.4093 15.8333 17.6026 15.7794 17.7731 15.677C17.9435 15.5746 18.085 15.4273 18.1834 15.25C18.2817 15.0726 18.3334 14.8714 18.3334 14.6666C18.3333 14.4618 18.2814 14.2607 18.1829 14.0834L14.022 6.58339C13.9237 6.40605 13.7822 6.25878 13.6118 6.15639C13.4414 6.05401 13.2481 6.00009 13.0514 6.00009C12.8546 6.00009 12.6613 6.05401 12.491 6.15639C12.3206 6.25878 12.1791 6.40605 12.0808 6.58339L11.0168 8.50236L8.93671 4.74985C8.83828 4.57254 8.69674 4.42529 8.52632 4.32291C8.35587 4.22056 8.16256 4.16666 7.96578 4.16666C7.769 4.16666 7.57569 4.22056 7.40526 4.32291C7.23482 4.42529 7.09328 4.57254 6.99485 4.74985L1.81718 14.0834C1.71868 14.2607 1.66677 14.4618 1.66669 14.6666C1.6666 14.8714 1.71834 15.0726 1.81669 15.25C1.91504 15.4273 2.05654 15.5746 2.22696 15.677C2.39738 15.7794 2.59071 15.8333 2.7875 15.8333H6.67665C8.21758 15.8333 9.35395 15.1289 10.1359 13.7547L12.0343 10.3334L13.0511 8.50236L16.1027 14.0023H12.0343L11.0168 15.8333ZM6.61324 14.0004L3.89911 13.9998L7.96759 6.66694L9.99761 10.3334L8.63843 12.7839C8.11915 13.6756 7.52922 14.0004 6.61324 14.0004Z" fill="#00DC82"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

static/icons/dark/color/svelte.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.8135 3.87146C14.332 1.65445 11.3827 1.00489 9.26251 2.40287L5.52492 4.88817C4.50558 5.55186 3.79883 6.63918 3.59496 7.86771C3.41828 8.89855 3.56778 9.95763 4.04348 10.8755C3.71729 11.3839 3.49983 11.9487 3.40469 12.5418C3.18723 13.7985 3.47264 15.0977 4.17939 16.1285C5.67442 18.3455 8.61013 18.9951 10.7304 17.5971L14.468 15.1259C15.4873 14.4622 16.194 13.3749 16.3979 12.1464C16.5746 11.1156 16.4251 10.0565 15.9494 9.13861C16.2756 8.63025 16.493 8.06541 16.5882 7.47232C16.8192 6.20143 16.5338 4.90229 15.8135 3.87146Z" fill="#FF3E00"/>
<path d="M8.85238 16.5709C7.5914 16.8861 6.27376 16.4064 5.53701 15.3784C5.08363 14.7753 4.91361 14.0215 5.04113 13.2813C5.06946 13.158 5.0978 13.0483 5.12614 12.9249L5.19698 12.7056L5.39533 12.8427C5.86288 13.1717 6.37294 13.4184 6.9255 13.5829L7.06718 13.624L7.05301 13.761C7.03884 13.9529 7.09552 14.1585 7.20886 14.323C7.43555 14.6383 7.83226 14.789 8.21481 14.6931C8.29982 14.6657 8.38482 14.6383 8.45567 14.5971L12.3378 12.1985C12.5361 12.0751 12.6636 11.897 12.7061 11.6777C12.7486 11.4584 12.692 11.2253 12.5644 11.0472C12.3378 10.7319 11.941 10.5948 11.5585 10.6908C11.4735 10.7182 11.3885 10.7456 11.3176 10.7867L9.82998 11.7051C9.58912 11.8558 9.31993 11.9655 9.03656 12.034C7.77559 12.3493 6.45795 11.8695 5.7212 10.8416C5.28199 10.2385 5.0978 9.48461 5.23948 8.74446C5.367 8.03172 5.82038 7.38752 6.45795 7.00374L10.3542 4.6051C10.5951 4.45433 10.8643 4.34467 11.1476 4.26243C12.4086 3.94718 13.7262 4.42691 14.463 5.4549C14.9164 6.05799 15.0864 6.81184 14.9589 7.552C14.9305 7.67535 14.9022 7.78501 14.8597 7.90837L14.7889 8.12767L14.5905 7.9906C14.1229 7.66165 13.6129 7.41493 13.0603 7.25045L12.9187 7.20933L12.9328 7.07227C12.947 6.88038 12.8903 6.67478 12.777 6.5103C12.5503 6.19505 12.1536 6.05799 11.771 6.15393C11.686 6.18134 11.601 6.20876 11.5302 6.24988L7.64808 8.64852C7.44972 8.77187 7.32221 8.95006 7.2797 9.16936C7.2372 9.38867 7.29387 9.62168 7.42139 9.79986C7.64808 10.1151 8.04479 10.2522 8.42733 10.1562C8.51234 10.1288 8.59735 10.1014 8.66819 10.0603L10.1558 9.14195C10.3967 8.99118 10.6659 8.88153 10.9493 8.79929C12.2102 8.48404 13.5279 8.96377 14.2646 9.99175C14.718 10.5948 14.888 11.3487 14.7605 12.0889C14.633 12.8016 14.1796 13.4458 13.5421 13.8296L9.64579 16.2282C9.40494 16.379 9.13574 16.4886 8.85238 16.5709Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

static/icons/light/color/astro.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.57212 16.0036C6.72926 15.2433 6.48322 13.6458 6.83438 12.4884C7.44325 13.2181 8.2869 13.4493 9.16075 13.5797C10.5098 13.7811 11.8347 13.7058 13.0879 13.0973C13.2312 13.0277 13.3637 12.935 13.5204 12.8412C13.638 13.1779 13.6686 13.5177 13.6275 13.8636C13.5276 14.7061 13.1028 15.3569 12.427 15.8502C12.1568 16.0475 11.8709 16.2239 11.5919 16.4099C10.7345 16.9817 10.5025 17.6522 10.8247 18.6276C10.8324 18.6513 10.8392 18.6751 10.8565 18.7331C10.4188 18.5398 10.099 18.2583 9.85541 17.8882C9.59809 17.4976 9.47566 17.0655 9.46922 16.598C9.466 16.3704 9.466 16.1409 9.43499 15.9166C9.35929 15.3697 9.09914 15.1249 8.60907 15.1108C8.1061 15.0963 7.70823 15.4032 7.60272 15.8864C7.59467 15.9235 7.58299 15.9601 7.57132 16.0032L7.57212 16.0036Z" fill="#17191E"/>
<path d="M3.33331 12.8428C3.33331 12.8428 5.63796 11.7229 7.94905 11.7229L9.69153 6.34361C9.75675 6.08346 9.94725 5.90668 10.1623 5.90668C10.3773 5.90668 10.5678 6.08346 10.633 6.34361L12.3755 11.7229C15.1127 11.7229 16.9912 12.8428 16.9912 12.8428C16.9912 12.8428 13.0766 2.20506 13.0689 2.18372C12.9566 1.86921 12.7669 1.66666 12.5112 1.66666H7.81374C7.55803 1.66666 7.37601 1.86921 7.25599 2.18372C7.24753 2.20466 3.33331 12.8428 3.33331 12.8428Z" fill="#17191E"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

static/icons/light/color/nextjs.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.45424 1.67114C9.4184 1.6744 9.30435 1.6858 9.20171 1.69395C6.83449 1.90734 4.61716 3.18444 3.21279 5.14733C2.43078 6.23873 1.93062 7.47674 1.74163 8.78805C1.67483 9.24579 1.66669 9.38099 1.66669 10.0016C1.66669 10.6223 1.67483 10.7575 1.74163 11.2152C2.19455 14.3444 4.42166 16.9736 7.44218 17.9477C7.98308 18.122 8.55329 18.2409 9.20171 18.3126C9.45424 18.3402 10.5458 18.3402 10.7983 18.3126C11.9176 18.1888 12.8658 17.9118 13.8009 17.4345C13.9443 17.3612 13.972 17.3417 13.9524 17.3254C13.9394 17.3156 13.3285 16.4963 12.5953 15.5059L11.2626 13.7059L9.59272 11.2347C8.67386 9.87619 7.91791 8.76524 7.91139 8.76524C7.90488 8.76361 7.89836 9.86153 7.8951 11.2022C7.89021 13.5495 7.88858 13.644 7.85926 13.6994C7.8169 13.7792 7.78431 13.8117 7.71589 13.8476C7.66375 13.8736 7.61814 13.8785 7.37213 13.8785H7.09028L7.01533 13.8313C6.96646 13.8003 6.93062 13.7596 6.90618 13.7124L6.87197 13.6391L6.87522 10.373L6.88011 7.10534L6.93062 7.04181C6.95668 7.0076 7.01208 6.96362 7.05118 6.94244C7.11797 6.90986 7.14404 6.90661 7.42589 6.90661C7.75825 6.90661 7.81364 6.91964 7.89999 7.01412C7.92443 7.04018 8.82863 8.40199 9.91041 10.0423C10.9922 11.6827 12.4715 13.9225 13.1981 15.0221L14.5178 17.0208L14.5846 16.9768C15.176 16.5924 15.8016 16.045 16.2969 15.4749C17.3509 14.2646 18.0303 12.7888 18.2584 11.2152C18.3252 10.7575 18.3334 10.6223 18.3334 10.0016C18.3334 9.38099 18.3252 9.24579 18.2584 8.78805C17.8055 5.65883 15.5784 3.02969 12.5579 2.05558C12.0251 1.88291 11.4581 1.76399 10.8228 1.69232C10.6664 1.67603 9.58946 1.65811 9.45424 1.67114ZM12.8658 6.71113C12.944 6.75023 13.0075 6.82516 13.0303 6.90335C13.0434 6.9457 13.0466 7.8514 13.0434 9.89248L13.0385 12.8213L12.522 12.0297L12.0039 11.238V9.10895C12.0039 7.73249 12.0104 6.95873 12.0202 6.92127C12.0463 6.83004 12.1033 6.75837 12.1815 6.71602C12.2483 6.68181 12.2727 6.67855 12.5285 6.67855C12.7697 6.67855 12.812 6.68181 12.8658 6.71113Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

static/icons/light/color/nuxt.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.0168 15.8333H17.2125C17.4093 15.8333 17.6026 15.7794 17.7731 15.677C17.9435 15.5746 18.085 15.4273 18.1834 15.25C18.2817 15.0726 18.3334 14.8714 18.3334 14.6666C18.3333 14.4618 18.2814 14.2607 18.1829 14.0834L14.022 6.58339C13.9237 6.40605 13.7822 6.25878 13.6118 6.15639C13.4414 6.05401 13.2481 6.00009 13.0514 6.00009C12.8546 6.00009 12.6613 6.05401 12.491 6.15639C12.3206 6.25878 12.1791 6.40605 12.0808 6.58339L11.0168 8.50236L8.93671 4.74985C8.83828 4.57254 8.69674 4.42529 8.52632 4.32291C8.35587 4.22056 8.16256 4.16666 7.96578 4.16666C7.769 4.16666 7.57569 4.22056 7.40526 4.32291C7.23482 4.42529 7.09328 4.57254 6.99485 4.74985L1.81718 14.0834C1.71868 14.2607 1.66677 14.4618 1.66669 14.6666C1.6666 14.8714 1.71834 15.0726 1.81669 15.25C1.91504 15.4273 2.05654 15.5746 2.22696 15.677C2.39738 15.7794 2.59071 15.8333 2.7875 15.8333H6.67665C8.21758 15.8333 9.35395 15.1289 10.1359 13.7547L12.0343 10.3334L13.0511 8.50236L16.1027 14.0023H12.0343L11.0168 15.8333ZM6.61324 14.0004L3.89911 13.9998L7.96759 6.66694L9.99761 10.3334L8.63843 12.7839C8.11915 13.6756 7.52922 14.0004 6.61324 14.0004Z" fill="#00DC82"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

static/icons/light/color/svelte.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.8135 3.87146C14.332 1.65445 11.3827 1.00489 9.26251 2.40287L5.52492 4.88817C4.50558 5.55186 3.79883 6.63918 3.59496 7.86771C3.41828 8.89855 3.56778 9.95763 4.04348 10.8755C3.71729 11.3839 3.49983 11.9487 3.40469 12.5418C3.18723 13.7985 3.47264 15.0977 4.17939 16.1285C5.67442 18.3455 8.61013 18.9951 10.7304 17.5971L14.468 15.1259C15.4873 14.4622 16.194 13.3749 16.3979 12.1464C16.5746 11.1156 16.4251 10.0565 15.9494 9.13861C16.2756 8.63025 16.493 8.06541 16.5882 7.47232C16.8192 6.20143 16.5338 4.90229 15.8135 3.87146Z" fill="#FF3E00"/>
<path d="M8.85238 16.5709C7.5914 16.8861 6.27376 16.4064 5.53701 15.3784C5.08363 14.7753 4.91361 14.0215 5.04113 13.2813C5.06946 13.158 5.0978 13.0483 5.12614 12.9249L5.19698 12.7056L5.39533 12.8427C5.86288 13.1717 6.37294 13.4184 6.9255 13.5829L7.06718 13.624L7.05301 13.761C7.03884 13.9529 7.09552 14.1585 7.20886 14.323C7.43555 14.6383 7.83226 14.789 8.21481 14.6931C8.29982 14.6657 8.38482 14.6383 8.45567 14.5971L12.3378 12.1985C12.5361 12.0751 12.6636 11.897 12.7061 11.6777C12.7486 11.4584 12.692 11.2253 12.5644 11.0472C12.3378 10.7319 11.941 10.5948 11.5585 10.6908C11.4735 10.7182 11.3885 10.7456 11.3176 10.7867L9.82998 11.7051C9.58912 11.8558 9.31993 11.9655 9.03656 12.034C7.77559 12.3493 6.45795 11.8695 5.7212 10.8416C5.28199 10.2385 5.0978 9.48461 5.23948 8.74446C5.367 8.03172 5.82038 7.38752 6.45795 7.00374L10.3542 4.6051C10.5951 4.45433 10.8643 4.34467 11.1476 4.26243C12.4086 3.94718 13.7262 4.42691 14.463 5.4549C14.9164 6.05799 15.0864 6.81184 14.9589 7.552C14.9305 7.67535 14.9022 7.78501 14.8597 7.90837L14.7889 8.12767L14.5905 7.9906C14.1229 7.66165 13.6129 7.41493 13.0603 7.25045L12.9187 7.20933L12.9328 7.07227C12.947 6.88038 12.8903 6.67478 12.777 6.5103C12.5503 6.19505 12.1536 6.05799 11.771 6.15393C11.686 6.18134 11.601 6.20876 11.5302 6.24988L7.64808 8.64852C7.44972 8.77187 7.32221 8.95006 7.2797 9.16936C7.2372 9.38867 7.29387 9.62168 7.42139 9.79986C7.64808 10.1151 8.04479 10.2522 8.42733 10.1562C8.51234 10.1288 8.59735 10.1014 8.66819 10.0603L10.1558 9.14195C10.3967 8.99118 10.6659 8.88153 10.9493 8.79929C12.2102 8.48404 13.5279 8.96377 14.2646 9.99175C14.718 10.5948 14.888 11.3487 14.7605 12.0889C14.633 12.8016 14.1796 13.4458 13.5421 13.8296L9.64579 16.2282C9.40494 16.379 9.13574 16.4886 8.85238 16.5709Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB