Refactor/upgrade to tailwindcss 3 #247

devrsi0n · 2022-04-27T14:34:19Z

Description

Fixes #116

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Checklist

Unit tests and integration tests passed
No reduction in test coverage
Documentation is up to date (if appropriate)
Related issues linked using fixes #number

vercel · 2022-04-27T14:34:25Z

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/devrsi0n/chirpy/Ag9tuHUHdCWppk9GzkUjruBxtky8
✅ Preview: Failed

vercel · 2022-04-28T01:46:40Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
chirpy	✅ Ready (Inspect)	Visit Preview	Apr 30, 2022 at 2:20PM (UTC)

github-actions · 2022-04-29T13:18:21Z

jest coverage report 🧪

Total coverage

Status	Category	Percentage	Covered / Total
🟡	Statements	36.76% (+9.24% 🔼)	1905/5182
🔴	Branches	24.81% (+1.86% 🔼)	656/2644
🟡	Functions	30.36% (+4.32% 🔼)	345/1136
🟡	Lines	36.14% (+8.56% 🔼)	1734/4797

Status of coverage: 🟢 - ok, 🟡 - slightly more than threshold, 🔴 - under the threshold

Show new covered files 🌑

Coverage of new files

Status	Filename	Statements	Branches	Functions	Lines
🟢	tests/fixtures	100%	100%	100%	100%
🟢	tests/fixtures/server	69.69%	0%	37.5%	62.96%
🟢	tests/mocks	67.27%	100%	75%	72.5%
🟢	graphql/generated	67.07%	0%	17.64%	62.5%
🔴	comment.tsx	0%	100%	100%	0%
🔴	like.tsx	0%	100%	100%	0%
🔴	notification.tsx	0%	100%	100%	0%
🔴	page.tsx	0%	100%	100%	0%
🔴	project.tsx	0%	100%	100%	0%
🔴	user.tsx	0%	100%	100%	0%
🔴	server/graphql/generated	0%	100%	100%	0%
🔴	account.tsx	0%	100%	100%	0%
🔴	session.tsx	0%	100%	100%	0%

Status of coverage: 🟢 - ok, 🟡 - slightly more than threshold, 🔴 - under the threshold

Show files with reduced coverage 🔻

Reduced coverage

Status	Filename	Statements	Branches	Functions	Lines
🔴	blocks/analytics	8.48% (+2.67% 🔼)	2.18%	4.44%	8.8% (+2.8% 🔼)
🟢	blocks/features	92.85% (-7.15% 🔻)	33.33% (-66.67% 🔻)	100%	100%
🟢	blocks/footer	81.48% (+12.25% 🔼)	66.66% (-11.11% 🔻)	100%	84% (+14.77% 🔼)
🟢	blocks/header	94.11% (-5.89% 🔻)	44.44% (-5.56% 🔻)	100%	100%
🟢	blocks/integrateGuide	86.66% (+11.66% 🔼)	33.33% (-66.67% 🔻)	75% (+8.34% 🔼)	92.3% (+17.3% 🔼)
🟢	blocks/layout	92.3% (+12.3% 🔼)	89.47% (-10.53% 🔻)	75% (+8.34% 🔼)	95.65% (+15.65% 🔼)
🟢	blocks/pricing	93.75% (-6.25% 🔻)	57.14% (-42.86% 🔻)	100%	100%
🟢	pricing.tsx	100%	75% (-25% 🔻)	100%	100%
🟢	components/alert	91.66% (-8.34% 🔻)	60% (-40% 🔻)	100%	100%
🟢	components/animation	85.71% (-14.29% 🔻)	33.33% (-66.67% 🔻)	100%	100%
🟢	components/avatar	92.3% (-7.7% 🔻)	66.66% (-33.34% 🔻)	100%	100%
🟢	components/badge	87.5% (-12.5% 🔻)	60% (-40% 🔻)	100%	100%
🟢	components/box	88.88% (-11.12% 🔻)	60% (-40% 🔻)	100%	100%
🟢	components/button	90.47% (-2.25% 🔻)	70.58% (-8.48% 🔻)	94.11% (+1.81% 🔼)	94.59% (+1.87% 🔼)
🟢	components/card	88.88% (-11.12% 🔻)	66.66% (-33.34% 🔻)	100%	100%
🟢	components/code	85.71% (-14.29% 🔻)	33.33% (-66.67% 🔻)	100%	100%
🟢	components/dialog	95.83% (-4.17% 🔻)	87.5% (-12.5% 🔻)	100%	100%
🟢	components/divider	90% (-10% 🔻)	50% (-50% 🔻)	100%	100%
🟢	components/heading	88.88% (-11.12% 🔻)	50% (-50% 🔻)	100%	100%
🟢	components/image	85.71% (-14.29% 🔻)	33.33% (-66.67% 🔻)	100%	100%
🟢	components/link	82.14% (+3.2% 🔼)	73.52% (-5.89% 🔻)	66.66% (+6.66% 🔼)	84.61% (+5.67% 🔼)
🟢	link.tsx	84% (+5.06% 🔼)	77.41% (-2% 🔻)	60%	84% (+5.06% 🔼)
🟢	components/list	91.66% (-8.34% 🔻)	77.77% (-22.23% 🔻)	100%	100%
🟢	components/logo	86.95% (+1.24% 🔼)	75% (-1.92% 🔻)	100%	90.47% (+4.76% 🔼)
🟢	components/menu	92.3%	65.21% (-7.51% 🔻)	100%	94.44% (+2.78% 🔼)
🟢	menu.tsx	94.44% (+2.78% 🔼)	70% (-2.72% 🔻)	100%	94.28% (+2.62% 🔼)
🟢	components/text	94.11% (-5.89% 🔻)	86.36% (-8.87% 🔻)	100%	100%
🟢	text.tsx	100%	94.73%	100%	100%
🟢	components/toast	81.25% (+11.81% 🔼)	40.9% (-17.43% 🔻)	60% (+10% 🔼)	86.15% (+14.28% 🔼)
🟢	external/bootstrapper/comment	62%	0% (-26.08% 🔻)	60%	61.22%
🟡	hooks	40.86% (+3.75% 🔼)	27.11% (-3.5% 🔻)	45%	40.44% (+3.67% 🔼)
🟢	validate.ts	81.81% (+1.81% 🔼)	83.33% (-4.17% 🔻)	100%	81.81% (+1.81% 🔼)
🟡	pages/auth	40.57% (+7.24% 🔼)	16.66% (-2.57% 🔻)	54.54%	41.17% (+6.89% 🔼)
🟢	welcome.tsx	92% (+7.39% 🔼)	57.14% (-5.36% 🔻)	100%	95.83% (+4.17% 🔼)
🟢	[...slug].tsx	96.66% (+2.91% 🔼)	73.33% (-1.67% 🔻)	100%	96.42% (+2.67% 🔼)
🔴	error.ts	0%	0% (-100% 🔻)	0%	0%
🔴	server/utilities	10% (+2% 🔼)	0%	0%	5.4% (-2.6% 🔻)
🟢	image.ts	87.5% (+4.17% 🔼)	57.14% (-5.36% 🔻)	100%	87.5% (+4.17% 🔼)

Status of coverage: 🟢 - ok, 🟡 - slightly more than threshold, 🔴 - under the threshold

relativeci · 2022-04-30T02:36:10Z

Job #133: Bundle Size — 2.55MB (-0.18%).

749bb86 vs 9ff8191

Changed metrics (10/10)

Metric	Current	Baseline
Initial JS	`1.51MB`(`-1.77%`)	`1.54MB`
Initial CSS	`58.55KB`(`+45.45%`)	`40.25KB`
Cache Invalidation	`94.66%`	`12.14%`
Chunks	`53`(`-3.64%`)	`55`
Assets	`62`(`-3.13%`)	`64`
Modules	`1014`(`-6.28%`)	`1082`
Duplicate Modules	`152`(`+78.82%`)	`85`
Duplicate Code	`3%`(`+44.93%`)	`2.07%`
Packages	`100`(`-13.79%`)	`116`
Duplicate Packages	`1`(`-75%`)	`4`

Changed assets by type (3/7)

	Current	Baseline
CSS	`61.79KB` (`+53.5%`)	`40.25KB`
JS	`2.48MB` (`-0.99%`)	`2.5MB`
Other	`14.64KB` (`-4.6%`)	`15.35KB`

View Job #133 report on app.relative-ci.com

devrsi0n · 2022-04-30T02:36:47Z

📝 Changed routes:

/404	/500
^{(view full size)}	^{(view full size)}

/analytics/[domain]	/auth/delete-confirmation
^{(view full size)}	^{(view full size)}

/auth/redirecting	/auth/sign-in
^{(view full size)}	^{(view full size)}

And 13 other routes:

Commit 411f63c (https://chirpy-32c1o5dgp-devrsi0n.vercel.app).

cypress · 2022-04-30T02:42:21Z

Test summary

7 • 0 • 0 • 0

Run details


Project	chirpy
Status	Passed
Commit	`411f63c`
Started	Apr 30, 2022 2:24 PM
Ended	Apr 30, 2022 2:26 PM
Duration	01:47 💡
OS	Linux Ubuntu - 20.04
Browser	Electron 94

View run in Cypress Dashboard ➡️

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

* refactor: upgrade to tailwindcss 3 * fix: styles * fix: comment card styles * fix: analytics styles * fix: loading class * fix: dialog styles * fix: side menu styles * fix: missing menu icon in side-menu * fix: jest * fix: failed unit tests * fix: sw cache id * fix: styles

vercel bot had a problem deploying to Preview April 28, 2022 01:47 Failure

vercel bot had a problem deploying to Preview April 29, 2022 13:10 Failure

devrsi0n added 4 commits April 29, 2022 13:11

refactor: upgrade to tailwindcss 3

d3c958d

fix: styles

ab32449

fix: comment card styles

bd6df6b

fix: analytics styles

26e68e2

devrsi0n force-pushed the refactor/upgrade-to-tailwindcss-3 branch from 3190552 to 26e68e2 Compare April 29, 2022 13:12

vercel bot had a problem deploying to Preview April 29, 2022 13:13 Failure

fix: loading class

d169942

vercel bot had a problem deploying to Preview April 29, 2022 13:48 Failure

fix: dialog styles

aff07db

vercel bot had a problem deploying to Preview April 29, 2022 14:36 Failure

fix: side menu styles

38e7f35

vercel bot had a problem deploying to Preview April 29, 2022 15:05 Failure

fix: missing menu icon in side-menu

00b59f6

vercel bot deployed to Preview April 30, 2022 02:36 View deployment

devrsi0n added 2 commits April 30, 2022 10:12

fix: jest

dd476eb

fix: failed unit tests

8aa5a6f

vercel bot deployed to Preview April 30, 2022 12:20 View deployment

fix: sw cache id

d45ef21

vercel bot deployed to Preview April 30, 2022 12:55 View deployment

fix: styles

411f63c

vercel bot deployed to Preview April 30, 2022 14:20 View deployment

devrsi0n merged commit 749bb86 into main Apr 30, 2022

devrsi0n deleted the refactor/upgrade-to-tailwindcss-3 branch April 30, 2022 14:46

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Refactor/upgrade to tailwindcss 3 #247

Refactor/upgrade to tailwindcss 3 #247

devrsi0n commented Apr 27, 2022

vercel bot commented Apr 27, 2022 •

edited

Loading

vercel bot commented Apr 28, 2022 •

edited

Loading

github-actions bot commented Apr 29, 2022 •

edited

Loading

Coverage of new files

Reduced coverage

relativeci bot commented Apr 30, 2022 •

edited

Loading

devrsi0n commented Apr 30, 2022 •

edited

Loading

cypress bot commented Apr 30, 2022 •

edited

Loading

Refactor/upgrade to tailwindcss 3 #247

Refactor/upgrade to tailwindcss 3 #247

Conversation

devrsi0n commented Apr 27, 2022

Description

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Checklist

vercel bot commented Apr 27, 2022 • edited Loading

vercel bot commented Apr 28, 2022 • edited Loading

github-actions bot commented Apr 29, 2022 • edited Loading

jest coverage report 🧪

Total coverage

Coverage of new files

Reduced coverage

relativeci bot commented Apr 30, 2022 • edited Loading

Job #133: Bundle Size — 2.55MB (-0.18%).

devrsi0n commented Apr 30, 2022 • edited Loading

📝 Changed routes:

cypress bot commented Apr 30, 2022 • edited Loading

Test summary

Run details

vercel bot commented Apr 27, 2022 •

edited

Loading

vercel bot commented Apr 28, 2022 •

edited

Loading

github-actions bot commented Apr 29, 2022 •

edited

Loading

relativeci bot commented Apr 30, 2022 •

edited

Loading

devrsi0n commented Apr 30, 2022 •

edited

Loading

cypress bot commented Apr 30, 2022 •

edited

Loading