ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-04-23 14:07:14 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix types in vscode (#541)

Browse source 
* fix types in vscode

---------

Co-authored-by: neil molina <neil@neils-MacBook-Pro.local>
This commit is contained in:
Neil 2023-05-02 10:50:29 +08:00 committed by GitHub
parent 80d926cd71
commit 5363ceeef4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
39 changed files with 2735 additions and 5564 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
modules/desktop/package.json
View file

@ -37,7 +37,7 @@
"@sveltejs/adapter-auto": "^1.0.0",
"@sveltejs/adapter-node": "^1.0.0-next.101",
"@sveltejs/adapter-static": "^1.0.0-next.48",
"@sveltejs/kit": "^1.0.0-next.562",
"@sveltejs/kit": "^1.15.9",
"@tea/ui": "workspace:*",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/svelte": "^3.2.2",
@ -58,9 +58,9 @@
"eslint-plugin-svelte3": "^4.0.0",
"jsdom": "^21.0.0",
"postcss": "^8.4.19",
"prettier": "^2.7.1",
"prettier-plugin-svelte": "^2.7.0",
"prettier-plugin-tailwindcss": "^0.2.0",
"prettier": "^2.8.8",
"prettier-plugin-svelte": "^2.10.0",
"prettier-plugin-tailwindcss": "^0.2.8",
"svelte": "^3.55.1",
"svelte-check": "^2.8.0",
"svelte-preprocess": "^5.0.1",

2
modules/desktop/src/components/big-black-space/big-black-space.svelte
View file

@ -2,4 +2,4 @@
import "$appcss";
</script>
<section class="border-gray h-56 border bg-black" />
<section class="h-56 border border-gray bg-black" />

2
modules/desktop/src/components/discover-packages/discover-packages.svelte
View file

@ -35,7 +35,7 @@
{:else}
{#each Array(9) as _}
<section class="card p-1 h-{238}">
<div class="border-gray h-full w-full border">
<div class="h-full w-full border border-gray">
<Preloader />
</div>
</section>

2
modules/desktop/src/components/essential-workshops/essential-workshops.svelte
View file

@ -19,7 +19,7 @@
{#if courses.length}
<Posts posts={courses} linkTarget="_blank" />
{:else}
<section class="border-gray h-64 border bg-black p-4">
<section class="h-64 border border-gray bg-black p-4">
<Preloader />
</section>
{/if}

20
modules/desktop/src/components/footer-links/footer-links.svelte
View file

@ -6,32 +6,32 @@
<footer class="relative h-auto w-full bg-black">
<section class="p-4 px-16 py-16">
<h3 class="text-primary mb-5 text-2xl">{$t("footer.quick-links-title").toUpperCase()}</h3>
<h3 class="mb-5 text-2xl text-primary">{$t("footer.quick-links-title").toUpperCase()}</h3>
<menu class="flex gap-4">
<div class="border-gray flex-grow border border-l-0 border-r-0">
<div class="flex-grow border border-l-0 border-r-0 border-gray">
<a href="/">
<Button>
<div class="text-primary flex justify-between hover:text-black">
<div class="flex justify-between text-primary hover:text-black">
<div class="uppercase">{$t("footer.about-tea-store").toUpperCase()}</div>
<div>&#8594</div>
</div>
</Button>
</a>
</div>
<div class="border-gray flex-grow border border-l-0 border-r-0">
<div class="flex-grow border border-l-0 border-r-0 border-gray">
<a href="/">
<Button>
<div class="text-primary flex justify-between hover:text-black">
<div class="flex justify-between text-primary hover:text-black">
<div class="uppercase">{$t("footer.report-a-problem").toUpperCase()}</div>
<div>&#8594</div>
</div>
</Button>
</a>
</div>
<div class="border-gray flex-grow border border-l-0 border-r-0">
<div class="flex-grow border border-l-0 border-r-0 border-gray">
<a href="https://tea.xyz" target="_blank" rel="noreferrer">
<Button>
<div class="text-primary flex justify-between hover:text-black">
<div class="flex justify-between text-primary hover:text-black">
<div class="uppercase">{$t("footer.visit-website").toUpperCase()}</div>
<div>&#8594</div>
</div>
@ -41,8 +41,8 @@
</menu>
</section>
<section class="border-gray flex h-16 justify-between border border-r-0 p-4 px-16">
<div class="text-gray flex gap-4 text-xs">
<section class="flex h-16 justify-between border border-r-0 border-gray p-4 px-16">
<div class="flex gap-4 text-xs text-gray">
<a
href="https://tea.xyz/terms-of-use/"
target="_blank"
@ -61,7 +61,7 @@
</a>
</div>
{#if pub.PUBLIC_VERSION}
<div class="text-gray flex gap-4 text-xs">
<div class="flex gap-4 text-xs text-gray">
<span>v{pub.PUBLIC_VERSION}</span>
</div>
{/if}

8
modules/desktop/src/components/getting-started/getting-started.svelte
View file

@ -7,9 +7,9 @@
};
</script>
<header class="border-gray text-primary border bg-black p-4">GETTING STARTED WITH TEA</header>
<header class="border border-gray bg-black p-4 text-primary">GETTING STARTED WITH TEA</header>
<section class="grid grid-cols-3 bg-black">
<div class="border-gray border p-4">
<div class="border border-gray p-4">
<ArticleCard
content={{
title: "installing tea",
@ -20,7 +20,7 @@
}}
/>
</div>
<div class="border-gray border p-4">
<div class="border border-gray p-4">
<ArticleCard
content={{
title: "authenticating",
@ -32,7 +32,7 @@
onClick={doStuff}
/>
</div>
<div class="border-gray border p-4">
<div class="border border-gray p-4">
<ArticleCard
content={{
title: "give us a star",

2
modules/desktop/src/components/news/news.svelte
View file

@ -16,7 +16,7 @@
{#if news.length}
<Posts posts={news} linkTarget="_blank" />
{:else}
<section class="border-gray h-64 border bg-black p-4">
<section class="h-64 border border-gray bg-black p-4">
<Preloader />
</section>
{/if}

6
modules/desktop/src/components/package-banner/package-banner.svelte
View file

@ -65,7 +65,7 @@
</figure>
<article class="w-2/3 p-4 pt-8">
<div class="align-center flex items-center gap-2">
<h3 class="text-primary font-mona text-3xl">{fixPackageName(pkg.name)}</h3>
<h3 class="font-mona text-3xl text-primary">{fixPackageName(pkg.name)}</h3>
<ButtonIcon
icon="pencil"
helpText="edit package"
@ -141,7 +141,7 @@
{/if}
{#if pkg.github}
<button
class="border-gray group flex h-[40px] w-[40px] shrink-0 items-center justify-center rounded-sm border hover:bg-[#e1e1e1]"
class="group flex h-[40px] w-[40px] shrink-0 items-center justify-center rounded-sm border border-gray hover:bg-[#e1e1e1]"
on:click={() => {
if (pkg.github) {
const slug = trimGithubSlug(pkg.github);
@ -149,7 +149,7 @@
}
}}
>
<div class="icon-github text-gray flex text-xl group-hover:text-black" />
<div class="icon-github flex text-xl text-gray group-hover:text-black" />
</button>
{/if}
{#if pkg.installed_versions?.length}

2
modules/desktop/src/components/package-card/bg-image.svelte
View file

@ -62,7 +62,7 @@
<section class="bg-black {clazz} {layout}">
<i
class="logo icon-tea-logo-iconasset-1 text-gray text-3xl {layout}"
class="logo icon-tea-logo-iconasset-1 text-3xl text-gray {layout}"
class:animate-pulse={!pkg.thumb_image_url}
/>
<div

12
modules/desktop/src/components/package-card/package-card.svelte
View file

@ -26,26 +26,26 @@
const preventPropagation = (evt: MouseEvent) => evt.stopPropagation();
</script>
<section class="package-card border-gray relative h-auto border {layout}" class:active={isActive}>
<BgImage class="absolute top-0 left-0 h-full w-full" {layout} {pkg} />
<section class="package-card relative h-auto border border-gray {layout}" class:active={isActive}>
<BgImage class="absolute left-0 top-0 h-full w-full" {layout} {pkg} />
<a href={link} on:mousedown={activate} on:mouseup={deactivate} on:mouseleave={deactivate}>
<div class="package-card-content absolute h-full w-full flex-col justify-between">
<div class="hint-container">
<div class="hint">
<div class="line-clamp-1 text-xs">view more details</div>
<div class="text-xs line-clamp-1">view more details</div>
<div class="hint-icon"><i class="icon-upward-arrow" /></div>
</div>
</div>
<div class="content-container absolute bottom-0 w-full {layout}">
<article class="card-thumb-label relative">
{#if layout === "bottom"}
<h3 class="text-bold font-mona line-clamp-1 text-2xl font-bold text-white">
<h3 class="text-bold font-mona text-2xl font-bold text-white line-clamp-1">
{fixPackageName(pkg.name)}
</h3>
<p class="line-clamp-2 h-[32px] text-xs font-thin lowercase">{pkg.desc ?? ""}</p>
<p class="h-[32px] text-xs font-thin lowercase line-clamp-2">{pkg.desc ?? ""}</p>
{:else}
<h3 class="text-bold font-mona line-clamp-1 mb-4 text-3xl font-bold text-white">
<h3 class="text-bold mb-4 font-mona text-3xl font-bold text-white line-clamp-1">
{fixPackageName(pkg.name)}
</h3>
<p class="line-clamp-[8] h-[160px] text-[14px] font-thin lowercase leading-[20px]">

10
modules/desktop/src/components/package-reviews/package-reviews.svelte
View file

@ -28,21 +28,21 @@
// ideally they should work like metro-ui to not have extreme height diff between columns
</script>
<header class="border-gray text-primary border bg-black p-4">REVIEWS ({reviews.length})</header>
<header class="border border-gray bg-black p-4 text-primary">REVIEWS ({reviews.length})</header>
<section class="flex flex-row flex-wrap bg-black">
<div class="border-gray w-1/3 border-0 border-l-2 border-b-2 p-4">
<div class="w-1/3 border-0 border-b-2 border-l-2 border-gray p-4">
{#each col1 as review}
<ReviewCard {review} />
<div class="mt-4" />
{/each}
</div>
<div class="border-gray w-1/3 border-0 border-l-2 border-b-2 p-4">
<div class="w-1/3 border-0 border-b-2 border-l-2 border-gray p-4">
{#each col2 as review}
<ReviewCard {review} />
<div class="mt-4" />
{/each}
</div>
<div class="border-gray w-1/3 border-0 border-x-2 border-b-2 p-4">
<div class="w-1/3 border-0 border-x-2 border-b-2 border-gray p-4">
{#each col3 as review}
<ReviewCard {review} />
<div class="mt-4" />
@ -50,7 +50,7 @@
</div>
</section>
{#if showLimit <= reviews.length && showMore === false}
<footer class="border-gray border bg-black p-4">
<footer class="border border-gray bg-black p-4">
<button on:click={() => (showMore = true)}>SHOW MORE</button>
</footer>
{/if}

2
modules/desktop/src/components/packages/packages.svelte
View file

@ -100,7 +100,7 @@
{:else}
{#each Array(9) as _}
<section class="card p-1 h-{238}">
<div class="border-gray h-full w-full border">
<div class="h-full w-full border border-gray">
<Preloader />
</div>
</section>

2
modules/desktop/src/components/page-header/page-header.svelte
View file

@ -8,7 +8,7 @@
{#if coverUrl}
<img src={coverUrl} class="absolute z-0 h-32 w-full object-cover" alt="cover" />
{/if}
<div class="text-primary absolute bottom-0 text-6xl leading-[32px]">
<div class="absolute bottom-0 text-6xl leading-[32px] text-primary">
<slot />
</div>
</figure>

6
modules/desktop/src/components/preflight/preflight.svelte
View file

@ -7,13 +7,13 @@
</script>
<div class="card social-box" style="width: 100%; float:right;">
<header class="border-gray text-primary border-b pt-7 pb-7 pl-5">PRE-FLIGHT</header>
<div class="listbox-item border-gray border-b p-6">
<header class="border-b border-gray pb-7 pl-5 pt-7 text-primary">PRE-FLIGHT</header>
<div class="listbox-item border-b border-gray p-6">
<a href="/cli">
<p>Install Tea</p>
</a>
</div>
<div class="listbox-item border-gray border-b p-6">
<div class="listbox-item border-b border-gray p-6">
<div>
<p>Authenticate</p>
</div>

12
modules/desktop/src/components/profile-banner/profile-banner.svelte
View file

@ -7,18 +7,18 @@
</script>
{#if $user}
<section class="border-gray border-2 bg-black p-2">
<div class="profile_banner border-gray container flex border bg-black">
<section class="border-2 border-gray bg-black p-2">
<div class="profile_banner container flex border border-gray bg-black">
<img class="w-1/5" src={$user.avatar_url || "/images/bored-ape.png"} alt="profile" />
<div class="flex w-4/5 items-center p-5">
<div class="w-1/2 pl-5">
<p class="text-gray uppercase">Authenticated with GitHub</p>
<p class="uppercase text-gray">Authenticated with GitHub</p>
<p />
<p class="text-primary text-4xl">@{$user.login}</p>
<p class="text-4xl text-primary">@{$user.login}</p>
</div>
<div class="border-gray h-full border-l" />
<div class="h-full border-l border-gray" />
<div class="w-1/2 pl-10">
<p class="text-gray uppercase leading-loose">
<p class="uppercase leading-loose text-gray">
Country: <span>$user?.country}</span><br />Wallet:
{#if $user.wallet}
<span>{$user.wallet}</span>

2
modules/desktop/src/components/search-packages/sorting-buttons.svelte
View file

@ -27,7 +27,7 @@
};
</script>
<section class="sorting-container text-gray bg-black">
<section class="sorting-container bg-black text-gray">
<div class="dropdown">
<div class="dropdown-title">{$t("sorting.label")}</div>
<ul class="dropdown-content column flex">

2
modules/desktop/src/components/search-popup-results/no-search-results.svelte
View file

@ -15,5 +15,5 @@
<span class="px-12 text-sm">VISIT PANTRY</span>
</Button>
</div>
<div class="text-gray mt-2 text-xs">Redirects to github</div>
<div class="mt-2 text-xs text-gray">Redirects to github</div>
</div>

4
modules/desktop/src/components/search-popup-results/package-search-result.svelte
View file

@ -25,7 +25,7 @@
</script>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<figure class="border-gray flex flex-row gap-2 border p-2">
<figure class="flex flex-row gap-2 border border-gray p-2">
<ImgLoader
on:click={() => gotoPackagePage()}
class="pkg-image h-16 w-16 object-cover"
@ -36,7 +36,7 @@
/>
<header class="flex-grow" on:click={() => gotoPackagePage()}>
<h1>{pkg.full_name}</h1>
<p class="line-clamp-2 text-xs">{pkg.desc}</p>
<p class="text-xs line-clamp-2">{pkg.desc}</p>
</header>
<aside>
<div>

16
modules/desktop/src/components/search-popup-results/search-popup-results.svelte
View file

@ -1,17 +1,11 @@
<script lang="ts">
import { packagesStore, searchStore } from "$libs/stores";
import type { GUIPackage } from "$libs/types";
import SearchInput from "@tea/ui/search-input/search-input.svelte";
import { t } from "$libs/translations";
import Preloader from "@tea/ui/Preloader/Preloader.svelte";
import Package from "$components/packages/package.svelte";
import { PackageStates } from "$libs/types";
import PackageResult from "./package-search-result.svelte";
import Mousetrap from "mousetrap";
// import Posts from '@tea/ui/posts/posts.svelte';
import { installPackage } from "@native";
import { onMount } from "svelte";
import NoSearchResults from "./no-search-results.svelte";
const { searching, packagesSearch } = searchStore;
@ -52,7 +46,7 @@
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div id="bg-close" class="z-40" on:click={onClose} />
<section class="z-50">
<header class="border-gray flex border border-x-0 border-t-0 bg-black">
<header class="flex border border-x-0 border-t-0 border-gray bg-black">
<div class="relative w-full">
<SearchInput
class="h-9 w-full rounded-sm"
@ -64,9 +58,9 @@
searchStore.search(search);
}}
/>
<div class="absolute top-1 right-4 flex items-center gap-1 pt-[1px] opacity-50">
<div class="absolute right-4 top-1 flex items-center gap-1 pt-[1px] opacity-50">
<span class="mr-1 text-xs">clear</span>
<kbd class=" bg-gray flex items-center rounded-sm px-2 pt-[1px] text-white">
<kbd class=" flex items-center rounded-sm bg-gray px-2 pt-[1px] text-white">
<!-- using apple system ui font as our default renders the symbols wonky -->
<span class="" style="font-family: system-ui, -apple-system, sans-serif">⌘⇧⌫</span>
</kbd>
@ -77,7 +71,7 @@
{#if term}
<div class="z-20 bg-black">
{#if $packagesSearch.length > 0}
<header class="text-gray p-4 text-lg">
<header class="p-4 text-lg text-gray">
packages ({$packagesSearch.length})
</header>
<ul class="flex flex-col gap-2 p-2">
@ -128,7 +122,7 @@
</div>
{:else}
<div class="flex h-full w-full flex-col justify-center bg-black">
<p class="text-gray text-center">start typing to search</p>
<p class="text-center text-gray">start typing to search</p>
</div>
{/if}
</section>

8
modules/desktop/src/components/settings-menu/settings-menu.svelte
View file

@ -21,16 +21,16 @@
on:dblclick={preventDoubleClick}
>
<button
class="border-gray group flex h-[28px] w-[28px] items-center justify-center rounded-sm border hover:bg-[#e1e1e1]"
class="group flex h-[28px] w-[28px] items-center justify-center rounded-sm border border-gray hover:bg-[#e1e1e1]"
class:circle-badge={$updateStatus.status === "available" || $updateStatus.status === "ready"}
on:click={() => (isOpen = !isOpen)}
title="settings"
>
<div class="icon-gear text-l text-gray flex group-hover:text-black" />
<div class="icon-gear text-l flex text-gray group-hover:text-black" />
</button>
<nav
class="menu border-gray absolute w-full border bg-black p-2 text-xs transition-all"
class="menu absolute w-full border border-gray bg-black p-2 text-xs transition-all"
class:invisible={!isOpen}
class:visible={isOpen}
>
@ -42,7 +42,7 @@
</button>
<hr /> -->
<button
class="hover:bg-gray outline-gray h-7 w-full p-1 text-left outline-1 hover:bg-opacity-25 hover:outline"
class="h-7 w-full p-1 text-left outline-1 outline-gray hover:bg-gray hover:bg-opacity-25 hover:outline"
on:click={() => shellOpenExternal("https://docs.tea.xyz")}
>
docs

6
modules/desktop/src/components/settings-menu/update-button.svelte
View file

@ -8,21 +8,21 @@
{#if $updateStatus.status === "up-to-date"}
<div
class="hover:bg-gray outline-gray flex h-7 w-full items-center justify-between p-1 text-left outline-1 hover:bg-opacity-25 hover:outline"
class="flex h-7 w-full items-center justify-between p-1 text-left outline-1 outline-gray hover:bg-gray hover:bg-opacity-25 hover:outline"
>
<div>up to date</div>
<i class="installed-text icon-check-circle-o flex text-[#00ffd0]" />
</div>
{:else if $updateStatus.status === "available"}
<div
class="hover:bg-gray outline-gray flex h-7 w-full items-center justify-between p-1 text-left outline-1 hover:bg-opacity-25 hover:outline"
class="flex h-7 w-full items-center justify-between p-1 text-left outline-1 outline-gray hover:bg-gray hover:bg-opacity-25 hover:outline"
>
<div>fetching update</div>
<Spinner />
</div>
{:else if $updateStatus.status === "ready"}
<button
class="hover:bg-gray outline-gray flex h-7 w-full items-center justify-between p-1 text-left outline-1 hover:bg-opacity-25 hover:outline"
class="flex h-7 w-full items-center justify-between p-1 text-left outline-1 outline-gray hover:bg-gray hover:bg-opacity-25 hover:outline"
on:click={relaunch}
>
<div class="flex items-center">

4
modules/desktop/src/components/side-menu/menu-button.svelte
View file

@ -8,10 +8,10 @@
<button
on:click
class="outline-gray hover:bg-gray box-border flex w-full items-center gap-2 rounded-sm px-1 text-left align-middle text-xs outline-1 transition-all hover:bg-opacity-25 hover:outline"
class="box-border flex w-full items-center gap-2 rounded-sm px-1 text-left align-middle text-xs outline-1 outline-gray transition-all hover:bg-gray hover:bg-opacity-25 hover:outline"
class:active
>
<i class="icon-{icon} mt-1 mr-1" />
<i class="icon-{icon} mr-1 mt-1" />
<div class="text-sm font-thin">
{label}
</div>

2
modules/desktop/src/components/side-menu/side-menu.svelte
View file

@ -12,7 +12,7 @@
$: needsUpdateCount = $packageList.filter((p) => p.state === PackageStates.NEEDS_UPDATE).length;
</script>
<aside class="border-gray border border-t-0 border-b-0 border-l-0 p-2">
<aside class="border border-b-0 border-l-0 border-t-0 border-gray p-2">
<ul class="flex flex-col gap-1 px-1 pt-4">
<MenuButton
label={$t("tags.discover").toLowerCase()}

4
modules/desktop/src/components/suggested-packages/suggested-packages.svelte
View file

@ -20,7 +20,7 @@
});
</script>
<header class="border-gray text-primary flex items-center justify-between border bg-black p-4">
<header class="flex items-center justify-between border border-gray bg-black p-4 text-primary">
<span>MORE LIKE THIS</span>
</header>
<ul class="grid grid-cols-3 bg-black">
@ -32,7 +32,7 @@
{/each}
{:else}
{#each Array(9) as _}
<section class="h-50 border-gray border p-4">
<section class="h-50 border border-gray p-4">
<Preloader />
</section>
{/each}

8
modules/desktop/src/components/top-bar/login-button.svelte
View file

@ -40,12 +40,12 @@
<div class="relative" use:mouseLeaveDelay={2000} on:leave_delay={() => (isLogoutOpen = false)}>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<section
class="border-gray text-gray group flex h-[28px] min-w-[120px] max-w-[160px] items-center justify-between rounded-sm border bg-black pl-2 text-sm transition-all
class="group flex h-[28px] min-w-[120px] max-w-[160px] items-center justify-between rounded-sm border border-gray bg-black pl-2 text-sm text-gray transition-all
hover:bg-[#e1e1e1] hover:text-black"
on:click={() => (isLogoutOpen = !isLogoutOpen)}
on:dblclick={preventDoubleClick}
>
<div class="text-gray line-clamp-1 mr-1 group-hover:text-black">@{$user?.login}</div>
<div class="mr-1 text-gray line-clamp-1 group-hover:text-black">@{$user?.login}</div>
<img
id="avatar"
class="flex rounded-sm"
@ -55,7 +55,7 @@
</section>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="border-gray text-gray group absolute z-50 mt-1 flex h-[28px] w-[120px] items-center justify-between rounded-sm border bg-black pl-3 text-sm transition-all
class="group absolute z-50 mt-1 flex h-[28px] w-[120px] items-center justify-between rounded-sm border border-gray bg-black pl-3 text-sm text-gray transition-all
hover:bg-[#e1e1e1] hover:text-black"
class:invisible={!isLogoutOpen}
class:visible={isLogoutOpen}
@ -66,7 +66,7 @@
</div>
{:else}
<button
class="border-gray text-gray h-[28px] w-[120px] rounded-sm border px-1 text-sm transition-all hover:bg-[#e1e1e1] hover:text-black"
class="h-[28px] w-[120px] rounded-sm border border-gray px-1 text-sm text-gray transition-all hover:bg-[#e1e1e1] hover:text-black"
class:animate-pulse={authenticating}
on:click={openGithub}
on:dblclick={preventDoubleClick}

14
modules/desktop/src/components/top-bar/top-bar.svelte
View file

@ -11,33 +11,33 @@
</script>
<header
class="border-gray relative z-20 flex h-12 w-full items-center justify-between border border-x-0 border-t-0 pr-2"
class="relative z-20 flex h-12 w-full items-center justify-between border border-x-0 border-t-0 border-gray pr-2"
style="-webkit-app-region: drag"
on:dblclick={topbarDoubleClick}
>
<ul class="text-gray flex h-10 items-center gap-1 pl-20 align-middle leading-10">
<ul class="flex h-10 items-center gap-1 pl-20 align-middle leading-10 text-gray">
<a href="/?tab=discover">
<div class="home-btn w-12 text-center text-2xl">
<i class="icon-tea-logo-iconasset-1" />
</div>
</a>
<p class="text-gray px-2">beta</p>
<p class="px-2 text-gray">beta</p>
<button
on:click={navStore.back}
class:active={$prevPath}
class="hover:bg-gray h-[28px] rounded-sm px-2 pt-1 text-xs opacity-50 transition-all hover:text-black"
class="h-[28px] rounded-sm px-2 pt-1 text-xs opacity-50 transition-all hover:bg-gray hover:text-black"
title="go back"><i class="icon-arrow-left" /></button
>
<button
on:click={navStore.next}
class:active={$nextPath}
class="hover:bg-gray h-[28px] rounded-sm px-2 pt-1 text-xs opacity-50 transition-all hover:text-black"
class="h-[28px] rounded-sm px-2 pt-1 text-xs opacity-50 transition-all hover:bg-gray hover:text-black"
title="go forward"><i class="icon-arrow-right" /></button
>
</ul>
<div class="relative w-1/3 px-2">
<SearchInput
class="border-gray h-9 w-full rounded-sm border"
class="h-9 w-full rounded-sm border border-gray"
size="small"
placeholder={$t("store-search-placeholder")}
onFocus={() => {
@ -47,7 +47,7 @@
/>
<kbd
class="bg-gray pointer-events-none absolute top-0 right-3 mt-1 flex items-center rounded-sm px-2 text-white opacity-50"
class="pointer-events-none absolute right-3 top-0 mt-1 flex items-center rounded-sm bg-gray px-2 text-white opacity-50"
style="letter-spacing: 0.5pt"
>
<span class="text-lg">⌘</span>

10
modules/desktop/src/components/welcome-modal/welcome-modal.svelte
View file

@ -9,15 +9,15 @@
};
</script>
<section class="fixed top-0 left-0 z-50 flex items-center justify-center">
<section class="fixed left-0 top-0 z-50 flex items-center justify-center">
<aside class="relative" use:clickOutside on:click_outside={() => close()}>
<article class="margin-auto border-gray flex rounded-md border p-2">
<article class="margin-auto flex rounded-md border border-gray p-2">
<figure>
<img class="object-contain" src="/images/welcome-bg.png" alt="welcome" />
</figure>
<div class="relative mt-20 flex-grow px-12">
<h1 class="text-primary mb-4 text-4xl">tea, the open store</h1>
<p class="font-inter mb-4">
<h1 class="mb-4 text-4xl text-primary">tea, the open store</h1>
<p class="mb-4 font-inter">
tea is your gateway to the vibrant world of open-source software; a treasure-trove of
apps, frameworks, libraries, tools, utilities and games. previously only accessible to the
tech-savvy, tea unleashes the power of open source for everyone. install packages, get
@ -32,7 +32,7 @@
</article>
<button
class="icon-tea-x-btn text-gray absolute top-5 right-5"
class="icon-tea-x-btn absolute right-5 top-5 text-gray"
on:click={() => {
close();
}}

11
modules/desktop/src/routes/+layout.svelte
View file

@ -58,7 +58,7 @@
});
</script>
<div id="main-layout" class="font-inter border-gray rounded-xl border transition-all">
<div id="main-layout" class="rounded-xl border border-gray font-inter transition-all">
<TopBar />
<div class="scroll-manager relative z-10">
<section class="relative" bind:this={view}>
@ -95,15 +95,6 @@
position: relative;
}
aside {
top: 52px;
right: 5px;
width: 210px;
overflow: clip;
height: auto;
opacity: 1;
}
.content {
height: auto;
overflow-y: hidden;

4
modules/desktop/src/routes/+page.svelte
View file

@ -75,7 +75,7 @@
{/if}
</ul>
<header class="z-30 flex items-center justify-between" class:scrolling={packagesScrollY > 150}>
<h1 class="text-primary font-mona pl-3 text-2xl font-bold">
<h1 class="pl-3 font-mona text-2xl font-bold text-primary">
{$t(`side-menu-title.${sideMenuOption}`).toLowerCase()}
</h1>
<!--
@ -92,7 +92,7 @@
<!-- 22px right margin to account for the scrollbar on the package cards -->
<div class="mr-[22px] flex items-center justify-end text-sm">
{#if currentUpdatingPkg}
<p class="text-gray px-2 font-mono">{updatingMessage}</p>
<p class="px-2 font-mono text-gray">{updatingMessage}</p>
{/if}
<div>
<Button

2
modules/desktop/src/routes/packages/[slug]/+page.svelte
View file

@ -55,7 +55,7 @@
});
</script>
<header class="text-gray mx-16 mb-4 border border-x-0 border-t-0 py-5">
<header class="mx-16 mb-4 border border-x-0 border-t-0 py-5 text-gray">
<a class="hover:text-white hover:opacity-80" href="/">{$t("common.home")}</a>
›
<a class="hover:text-white hover:opacity-80" href="/?tab={tab || 'discover'}"

5
modules/desktop/tsconfig.json
View file

@ -18,9 +18,10 @@
"@native": ["./src/libs/native-electron.ts"],
"$components/*": ["./src/components/*"],
"@tea/ui/*": ["../ui/src/*"]
}
},
"typeRoots": ["./node_modules/@types", "./types"]
},
"include": ["../ui/types/*.d.ts"]
"include": ["../ui/types/*.d.ts", ".svelte-kit/ambient.d.ts", "./src/**/*", "./types/**/*"]
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
//
// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes

3
modules/desktop/types/electron-is-packaged.d.ts vendored Normal file
View file

@ -0,0 +1,3 @@
declare module "electron-is-packaged" {
export let isPackaged: boolean;
}

6
modules/ui/package.json
View file

@ -39,9 +39,9 @@
"eslint-plugin-storybook": "^0.6.7",
"eslint-plugin-svelte3": "^4.0.0",
"postcss": "^8.4.19",
"prettier": "^2.7.1",
"prettier-plugin-svelte": "^2.7.0",
"prettier-plugin-tailwindcss": "^0.2.0",
"prettier": "^2.8.8",
"prettier-plugin-svelte": "^2.10.0",
"prettier-plugin-tailwindcss": "^0.2.8",
"storybook": "^7.0.0-alpha.51",
"svelte": "^3.44.0",
"svelte-check": "^2.7.1",

2
modules/ui/src/gallery/gallery.svelte
View file

@ -73,7 +73,7 @@
{/each}
</ul>
</header>
<figure class="absolute bottom-0 top-12 left-0 right-0 overflow-hidden">
<figure class="absolute bottom-0 left-0 right-0 top-12 overflow-hidden">
{#if items.length}
<section class="absolute top-0 flex h-full" style={styleFeaturedPackages}>
{#each items as item}

2
modules/ui/src/header-card/header-card.svelte
View file

@ -12,7 +12,7 @@
<section class="border border-gray bg-black">
<header class="flex justify-between p-4 text-primary">
<h1 class="uppercase ">{title}</h1>
<h1 class="uppercase">{title}</h1>
<a href={ctaUrl} class="text-sm">{ctaLabel}</a>
</header>
<figure class="h-40">

2
modules/ui/src/list-action/list-action.svelte
View file

@ -18,7 +18,7 @@
<section class="bg-black">
<header class="w-full border border-gray p-2 text-primary">{title}</header>
<ul class="border border-b-0 border-r-0 border-l-0 border-gray">
<ul class="border border-b-0 border-l-0 border-r-0 border-gray">
{#each items as item}
<li class="flex content-center border border-t-0 border-gray">
<figure class="m-2 w-10 bg-gray">

2
modules/ui/src/tool-tip/tool-tip.svelte
View file

@ -5,7 +5,7 @@
<div class="group relative">
<slot name="target" />
<div
class="tooltip invisible absolute top-full left-1/2 mt-4 w-full min-w-max translate-x-[-50%] border border-gray bg-black transition-all group-hover:visible"
class="tooltip invisible absolute left-1/2 top-full mt-4 w-full min-w-max translate-x-[-50%] border border-gray bg-black transition-all group-hover:visible"
>
<div class="px-6 py-2">
<slot name="tooltip-content" />

1
modules/ui/types/restructured.d.ts vendored
View file

@ -2,6 +2,7 @@ declare module "restructured" {
interface RestructuredElement {
children: RestructuredElement[];
stringify(): string;
type: string;
}
export function parse(rst: string): RestructuredElement;

8083
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff