From 7394a13747d5514fc822848659e48e965220bf1c Mon Sep 17 00:00:00 2001 From: neil Date: Tue, 29 Nov 2022 13:01:33 +0800 Subject: [PATCH 1/5] init --- packages/gui/src/components/PackageBanner/PackageBanner.svelte | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/gui/src/components/PackageBanner/PackageBanner.svelte b/packages/gui/src/components/PackageBanner/PackageBanner.svelte index e331a3f..9f057fe 100644 --- a/packages/gui/src/components/PackageBanner/PackageBanner.svelte +++ b/packages/gui/src/components/PackageBanner/PackageBanner.svelte @@ -1,5 +1,6 @@ From 00886bac5e874dc108ae81195cf49cc6d82964a1 Mon Sep 17 00:00:00 2001 From: neil Date: Tue, 29 Nov 2022 13:56:15 +0800 Subject: [PATCH 2/5] #39 partial implementation --- .../PackageBanner/PackageBanner.svelte | 25 +++++++++++++++++-- .../src/routes/packages/[slug]/+page.svelte | 19 +++++++++++--- .../gui/src/routes/packages/[slug]/+page.ts | 5 ++-- 3 files changed, 42 insertions(+), 7 deletions(-) diff --git a/packages/gui/src/components/PackageBanner/PackageBanner.svelte b/packages/gui/src/components/PackageBanner/PackageBanner.svelte index 9f057fe..4d88d9d 100644 --- a/packages/gui/src/components/PackageBanner/PackageBanner.svelte +++ b/packages/gui/src/components/PackageBanner/PackageBanner.svelte @@ -1,7 +1,28 @@ - +
+
+
+ {pkg.full_name} +
+
+

{pkg.full_name}

+ {#if pkg.maintainer} +

* {pkg.maintainer}

+ {/if} + stars +

{pkg.desc}

+
+
+
+
sh <(curl tea.xyz ) +textin
+
copy
+
open terminal
+
+
diff --git a/packages/gui/src/routes/packages/[slug]/+page.svelte b/packages/gui/src/routes/packages/[slug]/+page.svelte index ff032d7..09905d9 100644 --- a/packages/gui/src/routes/packages/[slug]/+page.svelte +++ b/packages/gui/src/routes/packages/[slug]/+page.svelte @@ -1,4 +1,4 @@ -
- {data.title} + {pkg.full_name}
- +
diff --git a/packages/gui/src/routes/packages/[slug]/+page.ts b/packages/gui/src/routes/packages/[slug]/+page.ts index 0e4bef6..9231f34 100644 --- a/packages/gui/src/routes/packages/[slug]/+page.ts +++ b/packages/gui/src/routes/packages/[slug]/+page.ts @@ -4,7 +4,8 @@ import type { LoadEvent } from '@sveltejs/kit'; export function load({ params }: LoadEvent) { // TODO: search package details here return { - title: `${params.slug}!`, - content: 'Welcome to our blog. Lorem ipsum dolor sit amet...' + title: `${params.slug}`, + content: '', + slug: params.slug }; } From b1ba538d517aa85e70209884773b11a7fd10d04c Mon Sep 17 00:00:00 2001 From: neil Date: Tue, 29 Nov 2022 17:04:53 +0800 Subject: [PATCH 3/5] #39 package banner detailed layout * added @tea/ui StarRating component --- packages/gui/src-tauri/tauri.conf.json | 2 +- .../PackageBanner/PackageBanner.svelte | 28 ++++++--- .../SearchPackages/SearchPackages.svelte | 2 +- .../src/routes/packages/[slug]/+page.svelte | 2 +- packages/ui/scripts/update-icons.js | 2 +- packages/ui/src/Button/Button.stories.ts | 23 +------- packages/ui/src/Button/Button.svelte | 55 +++++++----------- packages/ui/src/Button/button.css | 31 ---------- packages/ui/src/StarRating/StarRating.svelte | 25 ++++++++ .../ui/src/StarRating/StartRating.stories.ts | 25 ++++++++ packages/ui/src/icons/fonts/tea-icons.eot | Bin 5044 -> 5480 bytes packages/ui/src/icons/fonts/tea-icons.svg | 3 + packages/ui/src/icons/fonts/tea-icons.ttf | Bin 4876 -> 5312 bytes packages/ui/src/icons/fonts/tea-icons.woff | Bin 3328 -> 3600 bytes packages/ui/src/icons/icons.css | 9 +++ 15 files changed, 107 insertions(+), 100 deletions(-) delete mode 100644 packages/ui/src/Button/button.css create mode 100644 packages/ui/src/StarRating/StarRating.svelte create mode 100644 packages/ui/src/StarRating/StartRating.stories.ts diff --git a/packages/gui/src-tauri/tauri.conf.json b/packages/gui/src-tauri/tauri.conf.json index 6696831..3fd334d 100644 --- a/packages/gui/src-tauri/tauri.conf.json +++ b/packages/gui/src-tauri/tauri.conf.json @@ -102,7 +102,7 @@ "height": 600, "resizable": true, "title": "gui", - "width": 1024, + "width": 1200, "decorations": false } ] diff --git a/packages/gui/src/components/PackageBanner/PackageBanner.svelte b/packages/gui/src/components/PackageBanner/PackageBanner.svelte index 4d88d9d..f6a0fe3 100644 --- a/packages/gui/src/components/PackageBanner/PackageBanner.svelte +++ b/packages/gui/src/components/PackageBanner/PackageBanner.svelte @@ -2,27 +2,39 @@ import '$appcss'; import '@tea/ui/icons/icons.css'; import type { Package } from '@tea/ui/types'; + import Button from '@tea/ui/Button/Button.svelte'; + import StarRating from '@tea/ui/StarRating/StarRating.svelte'; export let pkg: Package; + + let packageRating = 0; -
+
{pkg.full_name}
-

{pkg.full_name}

+

{pkg.full_name}

{#if pkg.maintainer}

* {pkg.maintainer}

{/if} - stars -

{pkg.desc}

+
+ +
+

{pkg.desc}

-
-
sh <(curl tea.xyz ) +textin
-
copy
-
open terminal
+
+ + +
diff --git a/packages/gui/src/components/SearchPackages/SearchPackages.svelte b/packages/gui/src/components/SearchPackages/SearchPackages.svelte index e45c8ad..32b7f5a 100644 --- a/packages/gui/src/components/SearchPackages/SearchPackages.svelte +++ b/packages/gui/src/components/SearchPackages/SearchPackages.svelte @@ -55,7 +55,7 @@
    {#each packages as pkg} - + {/each}
diff --git a/packages/gui/src/routes/packages/[slug]/+page.svelte b/packages/gui/src/routes/packages/[slug]/+page.svelte index 09905d9..fbf2ee6 100644 --- a/packages/gui/src/routes/packages/[slug]/+page.svelte +++ b/packages/gui/src/routes/packages/[slug]/+page.svelte @@ -16,7 +16,7 @@ let pkg: Package; packagesStore.subscribe((allPackages) => { - const foundPackage = allPackages.find(({ full_name }) => full_name === data?.title) as Package; + const foundPackage = allPackages.find(({ slug }) => slug === data?.slug) as Package; if (foundPackage) { pkg = foundPackage; } diff --git a/packages/ui/scripts/update-icons.js b/packages/ui/scripts/update-icons.js index 513b2da..797c01c 100644 --- a/packages/ui/scripts/update-icons.js +++ b/packages/ui/scripts/update-icons.js @@ -39,7 +39,7 @@ async function main() { const newCssFile = cssFile .replaceAll('https://file.myfontastic.com/Fd33ifaooDVpESwnDXETgR/', '') - .replaceAll('1669684803', 'tea-icons'); + .replaceAll(fileVersion, 'tea-icons'); await fs.writeFileSync(path.join(iconsFolder, 'icons.css'), newCssFile, { encoding: 'utf-8' }); } diff --git a/packages/ui/src/Button/Button.stories.ts b/packages/ui/src/Button/Button.stories.ts index be7d74a..edbb27e 100644 --- a/packages/ui/src/Button/Button.stories.ts +++ b/packages/ui/src/Button/Button.stories.ts @@ -27,27 +27,6 @@ export default { // More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args export const Primary = { args: { - primary: true, - label: 'Button' - } -}; - -export const Secondary = { - args: { - label: 'Button' - } -}; - -export const Large = { - args: { - size: 'large', - label: 'Button' - } -}; - -export const Small = { - args: { - size: 'small', - label: 'Button' + primary: true } }; diff --git a/packages/ui/src/Button/Button.svelte b/packages/ui/src/Button/Button.svelte index a23bbe9..45096da 100644 --- a/packages/ui/src/Button/Button.svelte +++ b/packages/ui/src/Button/Button.svelte @@ -1,44 +1,29 @@ + + diff --git a/packages/ui/src/Button/button.css b/packages/ui/src/Button/button.css deleted file mode 100644 index 0ff1a55..0000000 --- a/packages/ui/src/Button/button.css +++ /dev/null @@ -1,31 +0,0 @@ -@import '../app.css'; - -.storybook-button { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 700; - border: 0; - border-radius: 3em; - cursor: pointer; - display: inline-block; - line-height: 1; -} -.storybook-button--primary { - color: white; -} -.storybook-button--secondary { - color: #333; - background-color: transparent; - box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; -} -.storybook-button--small { - font-size: 12px; - padding: 10px 16px; -} -.storybook-button--medium { - font-size: 14px; - padding: 11px 20px; -} -.storybook-button--large { - font-size: 16px; - padding: 12px 24px; -} diff --git a/packages/ui/src/StarRating/StarRating.svelte b/packages/ui/src/StarRating/StarRating.svelte new file mode 100644 index 0000000..dffb069 --- /dev/null +++ b/packages/ui/src/StarRating/StarRating.svelte @@ -0,0 +1,25 @@ + + +
+ {#each stars as star} + + {/each} +
diff --git a/packages/ui/src/StarRating/StartRating.stories.ts b/packages/ui/src/StarRating/StartRating.stories.ts new file mode 100644 index 0000000..cace923 --- /dev/null +++ b/packages/ui/src/StarRating/StartRating.stories.ts @@ -0,0 +1,25 @@ +import StarRating from './StarRating.svelte'; + +export default { + title: 'Example/StarRating', + component: StarRating, + // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/svelte/writing-docs/docs-page + tags: [], + render: (args) => ({ + Component: StarRating, + props: args + }), + parameters: { + // More on how to position stories at: https://storybook.js.org/docs/7.0/svelte/configure/story-layout + // layout: 'fullscreen' + }, + argTypes: { + // onLogin: { action: 'onLogin' }, + // onLogout: { action: 'onLogout' }, + // onCreateAccount: { action: 'onCreateAccount' } + } +}; + +export const Example = { + args: {} +}; diff --git a/packages/ui/src/icons/fonts/tea-icons.eot b/packages/ui/src/icons/fonts/tea-icons.eot index e13dfdc9b4c8142eeeb6d46c5c5b7e0cbe62676a..c0e6c9ab98963621d094d0a4d9be4aa2c12911af 100644 GIT binary patch delta 781 zcmZ{iPiPZC6vp41*`3{Nf=M>nB!~XPYHKSoZK+8MmKIVCdQqv>fEByeO=8*DXj5oF zNGLrB2GX)ePolSq2=yR6NWr^aJS+8}y;$`i1rNrT)S{psW_Ew?z2W=j+kMu(-79hi zz-DkiY3I=MPlni)TK40=I>Bn&Dy2Rli5}ofad@X9Libd^^V1!*G>zzmOsJ;I`fp~hU~c+ zvv;WLG0hDU59H0o0?fio>JJfj+%)sno84vd`mjI)%igAa74%A&*@tj3K{ z*g4Nv93PjRE#9e$yW*9i1FTEZ15X)2hko3_UFam~pclhNP!XL6W7yccyN(ZzVsmHl zfp!+c9W@)_T$a>IMU@2S7|AKVl`-KHV=F#P3Dv5}3iXpoN#+V?HOtN2%vkbxmW;+_ z7`f}mFQlizQGoK{M2!2}F@^~x9QsqZA)APg?#YHjXr0LfTv7jJzf{Xcn8XFsDiw_h zF0n|?#kuE~2@mI=Q(o?$`tixtX9dz$O_M~!j*zsPr77yZ8C4-O<^9{c8g9r8QUXdM zoY+g^|2bSrm*VkK+OX{w=GYhu8_m(s5jMl7K`9iVe%mrF7>{J77+V9`vCoJ-z-~a#s delta 360 zcmaE%wMCt6i!cKNkMKk`GnUEG-^wOBR3Wp&olM`j;$=?I21Bx-|@n_ZA!Try=on*#%b;0z#NkAV@W3W&?TMNf|BxB1Gz%>)!+ zV7R}U4`>F2{{Qj+FD5}IHXxUS0Vq9r2cs^d=;UXNv5ZBNU6|Y%875C)(gm{jG4)Rl zWS%lvfSG0TQ)cDO0xS!8Hk%6VVFarFB&;=AN#v0n$WR7GpjVl|R`URPVn7VyF*Arv Lb`X{0Lf8xd)(%=4 diff --git a/packages/ui/src/icons/fonts/tea-icons.svg b/packages/ui/src/icons/fonts/tea-icons.svg index 0d1148a..ed7a7a8 100644 --- a/packages/ui/src/icons/fonts/tea-icons.svg +++ b/packages/ui/src/icons/fonts/tea-icons.svg @@ -25,4 +25,7 @@ + + + diff --git a/packages/ui/src/icons/fonts/tea-icons.ttf b/packages/ui/src/icons/fonts/tea-icons.ttf index 9608afe67f474c9c5cefa6d2095da4934e245fdd..bfc94235399c3a25c984cc2eceb44c92dec6714f 100644 GIT binary patch delta 833 zcmZ{jT}TvB6vxk*J3BKwyR|#xem#^*Yt|aJDz@uFrr^ht5D986WYnOuJIYLMxxy|4 zyNC}#!b*!z^&<3UMBq#K5JKbJQC&MX#^6_MxDNPv1q!uhC`^2WE@BAL=sazxV_s} zLt>B|5R>6#-HHGEa5+;-Bubf}X)cl@o`3uCenPb@b)uL`y>*Q7{bh^G@nz$??-|ku z+*H~G3}6sLwQc3Yw0pjw-D=M+m}dRW(9Ept#B?iPDA`{hsaH9tMZ82I$6%!H4O5JF Vh$edMKLlRy3_Z2i->p-a`3W?Eq)-3= delta 345 zcmX@0*`rp^z{tSBz{}9Uz|0Wf<`&{R)j8RofkEg4P*ld<#np{LlR+BDzX0UR`3LJ8 z1u(|!Wnf^80P@3k@D?PEe;QxQ1Nen_KfbtyaIhAQ17AZhE<`@PB zo&_1Hi75)@am_%vJ3wrfk&#-T$YRO(6R24PD4>#&TT;PxoxuRe-vHzr<>V(P%FL6$ z2Q&aE#-Nj%SW&=`&TtqgZvo^h;8w11r)qFrRKr|EI;Yp0PjG~k67-JcWCeLAXXJnZCf>9U9 z7Gvt4ypgGAasm_2WLswC%^A!Kc{cY7?qLL~_7c{bTqXPnsJ2=}hEZhl3=ugln2~&k E0pk`{lK=n! diff --git a/packages/ui/src/icons/fonts/tea-icons.woff b/packages/ui/src/icons/fonts/tea-icons.woff index 98940c79fe955a7b967f0129384b1bfbd8a1cafd..bc848f3e9d50a2d79f09675b58cfbcef4ff0019c 100644 GIT binary patch delta 3220 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 diff --git a/packages/ui/src/icons/icons.css b/packages/ui/src/icons/icons.css index e5385e2..78036fd 100644 --- a/packages/ui/src/icons/icons.css +++ b/packages/ui/src/icons/icons.css @@ -91,3 +91,12 @@ .icon-search-icon:before { content: '\72'; } +.icon-star-full:before { + content: '\73'; +} +.icon-star-half:before { + content: '\74'; +} +.icon-star-empty:before { + content: '\75'; +} From fa0e2d98bb1624cc25493f89cd7fb5c431aaddce Mon Sep 17 00:00:00 2001 From: neil Date: Tue, 29 Nov 2022 20:08:07 +0800 Subject: [PATCH 4/5] #39 cleanup stories for Button and StarRating component --- .../src/routes/packages/[slug]/+page.svelte | 2 +- packages/ui/src/Button/Button.stories.ts | 22 ++++--------------- packages/ui/src/Button/Button.svelte | 6 ++--- packages/ui/src/Button/ButtonView.svelte | 5 +++++ .../ui/src/PackageCard/PackageCard.stories.ts | 2 +- packages/ui/src/StarRating/StarRating.svelte | 4 ++-- 6 files changed, 16 insertions(+), 25 deletions(-) create mode 100644 packages/ui/src/Button/ButtonView.svelte diff --git a/packages/gui/src/routes/packages/[slug]/+page.svelte b/packages/gui/src/routes/packages/[slug]/+page.svelte index fbf2ee6..8c174e7 100644 --- a/packages/gui/src/routes/packages/[slug]/+page.svelte +++ b/packages/gui/src/routes/packages/[slug]/+page.svelte @@ -9,7 +9,7 @@ /** @type {import('./$types').PageData} */ export let data; - import { packages as packagesStore, initializePackages } from '$libs/stores'; + import { packages as packagesStore } from '$libs/stores'; import type { Package } from '@tea/ui/types'; diff --git a/packages/ui/src/Button/Button.stories.ts b/packages/ui/src/Button/Button.stories.ts index edbb27e..f0fe056 100644 --- a/packages/ui/src/Button/Button.stories.ts +++ b/packages/ui/src/Button/Button.stories.ts @@ -1,4 +1,4 @@ -import Button from './Button.svelte'; +import Button from './ButtonView.svelte'; // More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction export default { @@ -7,26 +7,12 @@ export default { tags: ['docsPage'], render: (args) => ({ Component: Button, - props: args, - on: { - click: args.onClick - } + props: args }), argTypes: { - backgroundColor: { control: 'color' }, - label: { control: 'text' }, - onClick: { action: 'onClick' }, - primary: { control: 'boolean' }, - size: { - control: { type: 'select' }, - options: ['small', 'medium', 'large'] - } + onClick: () => console.log('does nothing') } }; // More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args -export const Primary = { - args: { - primary: true - } -}; +export const Primary = {}; diff --git a/packages/ui/src/Button/Button.svelte b/packages/ui/src/Button/Button.svelte index 45096da..05c40b8 100644 --- a/packages/ui/src/Button/Button.svelte +++ b/packages/ui/src/Button/Button.svelte @@ -1,10 +1,10 @@ diff --git a/packages/ui/src/PackageCard/PackageCard.stories.ts b/packages/ui/src/PackageCard/PackageCard.stories.ts index c67c9f4..e6519c0 100644 --- a/packages/ui/src/PackageCard/PackageCard.stories.ts +++ b/packages/ui/src/PackageCard/PackageCard.stories.ts @@ -23,7 +23,7 @@ export default { tags: ['docsPage'], render: ({ pkg, link }: { pkg: Package; link: string }) => ({ Component: PackageCard, - props: { pkg } + props: { pkg, link } }), argTypes: { pkg: { diff --git a/packages/ui/src/StarRating/StarRating.svelte b/packages/ui/src/StarRating/StarRating.svelte index dffb069..552a0eb 100644 --- a/packages/ui/src/StarRating/StarRating.svelte +++ b/packages/ui/src/StarRating/StarRating.svelte @@ -1,8 +1,8 @@
@@ -27,13 +34,9 @@
- - - +
diff --git a/packages/ui/src/Button/Button.svelte b/packages/ui/src/Button/Button.svelte index 05c40b8..aabaa4c 100644 --- a/packages/ui/src/Button/Button.svelte +++ b/packages/ui/src/Button/Button.svelte @@ -1,16 +1,16 @@