discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

merged

Browse Source
This commit is contained in:
tonyrewin 2022-11-21 09:35:32 +03:00
commit 4b87a699e4
44 changed files with 524 additions and 494 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
package.json
View File

@ -25,6 +25,7 @@
"preview": "astro preview", "preview": "astro preview",
"server": "node server/server.mjs", "server": "node server/server.mjs",
"start": "astro dev", "start": "astro dev",
"start:local": "cross-env PUBLIC_API_URL=http://localhost:8080 astro dev",
"typecheck": "astro check && tsc --noEmit", "typecheck": "astro check && tsc --noEmit",
"typecheck:watch": "tsc --noEmit --watch", "typecheck:watch": "tsc --noEmit --watch",
"vercel-build": "astro build" "vercel-build": "astro build"
@ -46,7 +47,7 @@
"@nanostores/router": "^0.7.0", "@nanostores/router": "^0.7.0",
"@nanostores/solid": "^0.3.0", "@nanostores/solid": "^0.3.0",
"@popperjs/core": "^2.11.6", "@popperjs/core": "^2.11.6",
"@solid-devtools/debugger": "^0.14.0", "@solid-devtools/debugger": "^0.15.1",
"@solid-devtools/logger": "^0.5.0", "@solid-devtools/logger": "^0.5.0",
"@solid-primitives/memo": "^1.1.2", "@solid-primitives/memo": "^1.1.2",
"@solid-primitives/storage": "^1.3.3", "@solid-primitives/storage": "^1.3.3",
@ -57,15 +58,15 @@
"@typescript-eslint/parser": "^5.43.0", "@typescript-eslint/parser": "^5.43.0",
"@urql/core": "^3.0.5", "@urql/core": "^3.0.5",
"@urql/devtools": "^2.0.3", "@urql/devtools": "^2.0.3",
"@urql/exchange-auth": "^1.0.0",
"@urql/exchange-graphcache": "^5.0.5", "@urql/exchange-graphcache": "^5.0.5",
"astro": "^1.6.8", "astro": "^1.6.8",
"astro-eslint-parser": "^0.9.0", "astro-eslint-parser": "^0.9.0",
"bcryptjs": "^2.4.3", "bcryptjs": "^2.4.3",
"bootstrap": "^5.2.0", "bootstrap": "^5.2.2",
"clsx": "^1.2.1", "clsx": "^1.2.1",
"cookie": "^0.5.0", "cookie": "^0.5.0",
"cookie-signature": "^1.2.0", "cookie-signature": "^1.2.0",
"cross-env": "^7.0.3",
"eslint": "^8.27.0", "eslint": "^8.27.0",
"eslint-config-stylelint": "^17.0.0", "eslint-config-stylelint": "^17.0.0",
"eslint-import-resolver-typescript": "^3.5.2", "eslint-import-resolver-typescript": "^3.5.2",
@ -112,7 +113,7 @@
"prosemirror-view": "^1.29.1", "prosemirror-view": "^1.29.1",
"rollup": "^2.79.1", "rollup": "^2.79.1",
"rollup-plugin-visualizer": "^5.8.3", "rollup-plugin-visualizer": "^5.8.3",
"sass": "^1.56.1", "sass": "1.32.13",
"solid-devtools": "^0.22.0", "solid-devtools": "^0.22.0",
"solid-js": "^1.6.2", "solid-js": "^1.6.2",
"solid-js-form": "^0.1.5", "solid-js-form": "^0.1.5",
@ -133,6 +134,7 @@
"unique-names-generator": "^4.7.1", "unique-names-generator": "^4.7.1",
"uuid": "^9.0.0", "uuid": "^9.0.0",
"vite": "^3.2.4", "vite": "^3.2.4",
"vite-plugin-html-purgecss": "^0.1.1",
"ws": "^8.11.0", "ws": "^8.11.0",
"y-prosemirror": "^1.2.0", "y-prosemirror": "^1.2.0",
"y-protocols": "^1.0.5", "y-protocols": "^1.0.5",

2
src/components/Article/SharePopup.tsx
View File

@ -1,7 +1,7 @@
import { Icon } from '../_shared/Icon' import { Icon } from '../_shared/Icon'
import { t } from '../../utils/intl' import { t } from '../../utils/intl'
import styles from '../_shared/Popup.module.scss' import styles from '../_shared/Popup/Popup.module.scss'
import type { PopupProps } from '../_shared/Popup' import type { PopupProps } from '../_shared/Popup'
import { Popup } from '../_shared/Popup' import { Popup } from '../_shared/Popup'

4
src/components/Author/Card.module.scss
View File

@ -15,9 +15,6 @@
.authorDetails { .authorDetails {
display: flex; display: flex;
flex: 1; flex: 1;
width: max-content;
// padding-right: 1.2rem;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
flex-wrap: wrap; flex-wrap: wrap;
@ -193,6 +190,7 @@
.authorSubscribe { .authorSubscribe {
margin-top: 2rem; margin-top: 2rem;
padding-left: 0;
} }
.authorDetails { .authorDetails {

5
src/components/Author/Card.tsx
View File

@ -31,7 +31,10 @@ export const AuthorCard = (props: AuthorCardProps) => {
() => session()?.news?.authors?.some((u) => u === props.author.slug) || false () => session()?.news?.authors?.some((u) => u === props.author.slug) || false
) )
const canFollow = createMemo(() => !props.hideFollow && session()?.user?.slug !== props.author.slug) const canFollow = createMemo(() => !props.hideFollow && session()?.user?.slug !== props.author.slug)
const bio = () => props.caption || props.author.bio || t('Our regular contributor') const bio = createMemo(() => {
return props.caption || props.author.bio || t('Our regular contributor')
})
const name = () => { const name = () => {
return props.author.name === 'Дискурс' && locale() !== 'ru' return props.author.name === 'Дискурс' && locale() !== 'ru'
? 'Discours' ? 'Discours'

1
src/components/Author/Full.scss
View File

@ -1,6 +1,5 @@
.user-details { .user-details {
margin-bottom: 4.4rem; margin-bottom: 4.4rem;
padding: 0;
} }
.author-page { .author-page {

8
src/components/Author/Full.tsx
View File

@ -4,11 +4,9 @@ import './Full.scss'
export const AuthorFull = (props: { author: Author }) => { export const AuthorFull = (props: { author: Author }) => {
return ( return (
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-8 offset-md-2 user-details">
<div class="col-md-8 offset-md-2 user-details"> <AuthorCard author={props.author} compact={false} isAuthorPage={true} />
<AuthorCard author={props.author} compact={false} isAuthorPage={true} />
</div>
</div> </div>
</div> </div>
) )

5
src/components/Discours/Banner.module.scss
View File

@ -29,13 +29,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-left: 0;
padding-top: 1em; padding-top: 1em;
@include media-breakpoint-up(sm) {
padding-left: $grid-gutter-width;
}
a { a {
display: inline-block; display: inline-block;
margin: 0 1em 1em 0; margin: 0 1em 1em 0;

28
src/components/Discours/Banner.tsx
View File

@ -6,19 +6,21 @@ import { clsx } from 'clsx'
export default () => { export default () => {
return ( return (
<div class={styles.discoursBanner}> <div class={styles.discoursBanner}>
<div class="wide-container row"> <div class="wide-container">
<div class={clsx(styles.discoursBannerContent, 'col-lg-5')}> <div class="row">
<h3>{t('Discours is created with our common effort')}</h3> <div class={clsx(styles.discoursBannerContent, 'col-lg-5')}>
<p> <h3>{t('Discours is created with our common effort')}</h3>
<a href="/about/help">{t('Support us')}</a> <p>
<a href="/create">{t('Become an author')}</a> <a href="/about/help">{t('Support us')}</a>
<a href={''} onClick={() => showModal('auth')}> <a href="/create">{t('Become an author')}</a>
{t('Join the community')} <a href={''} onClick={() => showModal('auth')}>
</a> {t('Join the community')}
</p> </a>
</div> </p>
<div class={clsx(styles.discoursBannerImage, 'col-lg-6 offset-lg-1')}> </div>
<img src="/discours-banner.jpg" alt={t('Discours')} /> <div class={clsx(styles.discoursBannerImage, 'col-lg-6 offset-lg-1')}>
<img src="/discours-banner.jpg" alt={t('Discours')} />
</div>
</div> </div>
</div> </div>
</div> </div>

6
src/components/Discours/Footer.module.scss
View File

@ -34,12 +34,6 @@
margin-top: 0.8rem; margin-top: 0.8rem;
} }
.wideContainer {
@include media-breakpoint-down(sm) {
padding: 0 $container-padding-x;
}
}
::selection { ::selection {
background: #fff; background: #fff;
color: #000; color: #000;

2
src/components/Discours/Footer.tsx
View File

@ -109,7 +109,7 @@ export const Footer = () => {
] ]
return ( return (
<footer class={styles.discoursFooter}> <footer class={styles.discoursFooter}>
<div class={clsx('wide-container', styles.wideContainer)}> <div class="wide-container">
<div class="row"> <div class="row">
<For each={links()}> <For each={links()}>
{({ header, items }) => ( {({ header, items }) => (

4
src/components/Discours/Hero.scss
View File

@ -16,10 +16,6 @@
font-weight: inherit; font-weight: inherit;
} }
.wide-container {
padding: 0;
}
::selection { ::selection {
background: #fff; background: #fff;
color: #000; color: #000;

58
src/components/Discours/Hero.tsx
View File

@ -5,35 +5,37 @@ import { showModal } from '../../stores/ui'
export default () => { export default () => {
return ( return (
<div class="about-discours"> <div class="about-discours">
<div class="wide-container row"> <div class="wide-container">
<div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2"> <div class="row">
<h4>{t('Horizontal collaborative journalistic platform')}</h4> <div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
<p> <h4>{t('Horizontal collaborative journalistic platform')}</h4>
{t( <p>
'Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects' {t(
)} 'Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects'
. )}
<br />
<em>
{t('We are convinced that one voice is good, but many is better') +
'. ' +
t('We create the most amazing stories together')}
. .
</em> <br />
</p> <em>
<div class="about-discours__actions"> {t('We are convinced that one voice is good, but many is better') +
<a class="button" onClick={() => showModal('auth')}> '. ' +
{t('Join the community')} t('We create the most amazing stories together')}
</a> .
<a class="button" href="/create"> </em>
{t('Become an author')} </p>
</a> <div class="about-discours__actions">
<a class="button" href="/about/manifest"> <a class="button" onClick={() => showModal('auth')}>
{t('About the project')} {t('Join the community')}
</a> </a>
<a class="button" href="/about/help"> <a class="button" href="/create">
{t('Support us')} {t('Become an author')}
</a> </a>
<a class="button" href="/about/manifest">
{t('About the project')}
</a>
<a class="button" href="/about/help">
{t('Support us')}
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

4
src/components/Discours/Subscribe.module.scss
View File

@ -2,6 +2,10 @@
display: flex; display: flex;
width: 100%; width: 100%;
@include media-breakpoint-down(md) {
margin-bottom: 2.4rem;
}
@include media-breakpoint-between(md, xl) { @include media-breakpoint-between(md, xl) {
flex-direction: column; flex-direction: column;
} }

118
src/components/Feed/Beside.tsx
View File

@ -26,67 +26,69 @@ export const Beside = (props: BesideProps) => {
return ( return (
<Show when={!!props.beside?.slug && props.values?.length > 0}> <Show when={!!props.beside?.slug && props.values?.length > 0}>
<div class="floor floor--9"> <div class="floor floor--9">
<div class="wide-container row"> <div class="wide-container">
<Show when={!!props.values}> <div class="row">
<div class="col-md-4"> <Show when={!!props.values}>
<Show when={!!props.title}> <div class="col-md-4">
<div class={styles.besideColumnTitle}> <Show when={!!props.title}>
<h4>{props.title}</h4> <div class={styles.besideColumnTitle}>
<h4>{props.title}</h4>
<Show when={props.wrapper === 'author'}> <Show when={props.wrapper === 'author'}>
<a href="/authors"> <a href="/authors">
{t('All authors')} {t('All authors')}
<Icon name="arrow-right" class={styles.icon} /> <Icon name="arrow-right" class={styles.icon} />
</a> </a>
</Show> </Show>
<Show when={props.wrapper === 'topic'}> <Show when={props.wrapper === 'topic'}>
<a href="/topics"> <a href="/topics">
{t('All topics')} {t('All topics')}
<Icon name="arrow-right" class={styles.icon} /> <Icon name="arrow-right" class={styles.icon} />
</a> </a>
</Show> </Show>
</div> </div>
</Show> </Show>
<ul class={styles.besideColumn}> <ul class={styles.besideColumn}>
<For each={[...props.values]}> <For each={[...props.values]}>
{(value: Partial<Shout | User | Topic>) => ( {(value: Partial<Shout | User | Topic>) => (
<li classList={{ [styles.top]: props.wrapper.startsWith('top-') }}> <li classList={{ [styles.top]: props.wrapper.startsWith('top-') }}>
<Show when={props.wrapper === 'topic'}> <Show when={props.wrapper === 'topic'}>
<TopicCard <TopicCard
topic={value as Topic} topic={value as Topic}
compact={props.isTopicCompact} compact={props.isTopicCompact}
shortDescription={props.topicShortDescription} shortDescription={props.topicShortDescription}
isTopicInRow={props.isTopicInRow} isTopicInRow={props.isTopicInRow}
iconButton={props.iconButton} iconButton={props.iconButton}
showPublications={true} showPublications={true}
/> />
</Show> </Show>
<Show when={props.wrapper === 'author'}> <Show when={props.wrapper === 'author'}>
<AuthorCard <AuthorCard
author={value as Author} author={value as Author}
compact={true} compact={true}
hasLink={true} hasLink={true}
truncateBio={true} truncateBio={true}
/> />
</Show> </Show>
<Show when={props.wrapper === 'article' && value?.slug}> <Show when={props.wrapper === 'article' && value?.slug}>
<ArticleCard article={value as Shout} settings={{ noimage: true }} /> <ArticleCard article={value as Shout} settings={{ noimage: true }} />
</Show> </Show>
<Show when={props.wrapper === 'top-article' && value?.slug}> <Show when={props.wrapper === 'top-article' && value?.slug}>
<ArticleCard <ArticleCard
article={value as Shout} article={value as Shout}
settings={{ noimage: true, noauthor: true, nodate: true, isShort: true }} settings={{ noimage: true, noauthor: true, nodate: true, isShort: true }}
/> />
</Show> </Show>
</li> </li>
)} )}
</For> </For>
</ul> </ul>
</div>
</Show>
<div class={clsx('col-md-8', styles.shoutCardContainer)}>
<ArticleCard article={props.beside} settings={{ isBigTitle: true, isBeside: true }} />
</div> </div>
</Show>
<div class={clsx('col-md-8', styles.shoutCardContainer)}>
<ArticleCard article={props.beside} settings={{ isBigTitle: true, isBeside: true }} />
</div> </div>
</div> </div>
</div> </div>

112
src/components/Feed/Group.tsx
View File

@ -14,66 +14,68 @@ export default (props: GroupProps) => {
return ( return (
<div class="floor floor--important floor--group"> <div class="floor floor--important floor--group">
<Show when={props.articles.length > 4}> <Show when={props.articles.length > 4}>
<div class="wide-container row"> <div class="wide-container">
<div class="group__header col-12">{props.header}</div> <div class="row">
<div class="group__header col-12">{props.header}</div>
<div class="col-lg-6"> <div class="col-lg-6">
<ArticleCard <ArticleCard
article={props.articles[0]} article={props.articles[0]}
settings={{ nosubtitle: false, noicon: true, isFloorImportant: true, isBigTitle: true }} settings={{ nosubtitle: false, noicon: true, isFloorImportant: true, isBigTitle: true }}
/> />
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="row"> <div class="row">
<Show when={props.articles.length < 4}> <Show when={props.articles.length < 4}>
<For each={props.articles.slice(1, props.articles.length)}> <For each={props.articles.slice(1, props.articles.length)}>
{(a) => ( {(a) => (
<div class="row"> <div class="row">
<div class="col-md-8"> <div class="col-md-8">
<ArticleCard
article={a}
settings={{ nosubtitle: false, noicon: true, isBigTitle: true }}
/>
</div>
</div>
)}
</For>
</Show>
<Show when={props.articles.length >= 4}>
<div class="col-md-6">
<For each={props.articles.slice(1, 3)}>
{(a) => (
<ArticleCard <ArticleCard
article={a} article={a}
settings={{ nosubtitle: false, noicon: true, isBigTitle: true }} settings={{
noicon: true,
noimage: true,
isBigTitle: true,
isCompact: true,
isFloorImportant: true
}}
/> />
</div> )}
</div> </For>
)} </div>
</For> <div class="col-md-6">
</Show> <For each={props.articles.slice(3, 5)}>
<Show when={props.articles.length >= 4}> {(a) => (
<div class="col-md-6"> <ArticleCard
<For each={props.articles.slice(1, 3)}> article={a}
{(a) => ( settings={{
<ArticleCard noicon: true,
article={a} noimage: true,
settings={{ isBigTitle: true,
noicon: true, isCompact: true,
noimage: true, isFloorImportant: true
isBigTitle: true, }}
isCompact: true, />
isFloorImportant: true )}
}} </For>
/> </div>
)} </Show>
</For> </div>
</div>
<div class="col-md-6">
<For each={props.articles.slice(3, 5)}>
{(a) => (
<ArticleCard
article={a}
settings={{
noicon: true,
noimage: true,
isBigTitle: true,
isCompact: true,
isFloorImportant: true
}}
/>
)}
</For>
</div>
</Show>
</div> </div>
</div> </div>
</div> </div>

8
src/components/Feed/Row1.tsx
View File

@ -5,9 +5,11 @@ import { ArticleCard } from './Card'
export const Row1 = (props: { article: Shout }) => ( export const Row1 = (props: { article: Shout }) => (
<Show when={!!props.article}> <Show when={!!props.article}>
<div class="floor floor--one-article"> <div class="floor floor--one-article">
<div class="wide-container row"> <div class="wide-container">
<div class="col-12"> <div class="row">
<ArticleCard article={props.article} settings={{ isSingle: true }} /> <div class="col-12">
<ArticleCard article={props.article} settings={{ isSingle: true }} />
</div>
</div> </div>
</div> </div>
</div> </div>

35
src/components/Feed/Row2.tsx
View File

@ -15,21 +15,26 @@ export const Row2 = (props: { articles: Shout[]; isEqual?: boolean }) => {
return ( return (
<div class="floor"> <div class="floor">
<div class="wide-container row"> <div class="wide-container">
<For each={props.articles}> <div class="row">
{(a, i) => { <For each={props.articles}>
return ( {(a, i) => {
<Show when={!!a}> return (
<div class={`col-md-${props.isEqual ? '6' : x[y()][i()]}`}> <Show when={!!a}>
<ArticleCard <div class={`col-md-${props.isEqual ? '6' : x[y()][i()]}`}>
article={a} <ArticleCard
settings={{ isWithCover: props.isEqual || x[y()][i()] === '8', nodate: props.isEqual }} article={a}
/> settings={{
</div> isWithCover: props.isEqual || x[y()][i()] === '8',
</Show> nodate: props.isEqual
) }}
}} />
</For> </div>
</Show>
)
}}
</For>
</div>
</div> </div>
</div> </div>
) )

20
src/components/Feed/Row3.tsx
View File

@ -6,15 +6,17 @@ import { ArticleCard } from './Card'
export const Row3 = (props: { articles: Shout[]; header?: JSX.Element }) => { export const Row3 = (props: { articles: Shout[]; header?: JSX.Element }) => {
return ( return (
<div class="floor"> <div class="floor">
<div class="wide-container row"> <div class="wide-container">
<div class="floor-header">{props.header}</div> <div class="row">
<For each={props.articles}> <div class="floor-header">{props.header}</div>
{(a) => ( <For each={props.articles}>
<div class="col-md-4"> {(a) => (
<ArticleCard article={a} /> <div class="col-md-4">
</div> <ArticleCard article={a} />
)} </div>
</For> )}
</For>
</div>
</div> </div>
</div> </div>
) )

24
src/components/Feed/Row5.tsx
View File

@ -4,17 +4,19 @@ import { ArticleCard } from './Card'
export const Row5 = (props: { articles: Shout[] }) => { export const Row5 = (props: { articles: Shout[] }) => {
return ( return (
<div class="floor floor--1"> <div class="floor floor--1">
<div class="wide-container row"> <div class="wide-container">
<div class="col-md-3"> <div class="row">
<ArticleCard article={props.articles[0]} /> <div class="col-md-3">
<ArticleCard article={props.articles[1]} settings={{ noimage: true, withBorder: true }} /> <ArticleCard article={props.articles[0]} />
</div> <ArticleCard article={props.articles[1]} settings={{ noimage: true, withBorder: true }} />
<div class="col-md-6"> </div>
<ArticleCard article={props.articles[2]} settings={{ isBigTitle: true }} /> <div class="col-md-6">
</div> <ArticleCard article={props.articles[2]} settings={{ isBigTitle: true }} />
<div class="col-md-3"> </div>
<ArticleCard article={props.articles[3]} /> <div class="col-md-3">
<ArticleCard article={props.articles[4]} settings={{ noimage: true, withBorder: true }} /> <ArticleCard article={props.articles[3]} />
<ArticleCard article={props.articles[4]} settings={{ noimage: true, withBorder: true }} />
</div>
</div> </div>
</div> </div>
</div> </div>

34
src/components/Feed/RowShort.tsx
View File

@ -4,22 +4,24 @@ import { ArticleCard } from './Card'
export default (props: { articles: Shout[] }) => ( export default (props: { articles: Shout[] }) => (
<div class="floor floor--7"> <div class="floor floor--7">
<div class="wide-container row"> <div class="wide-container">
<For each={props.articles}> <div class="row">
{(a) => ( <For each={props.articles}>
<div class="col-md-6 col-lg-3"> {(a) => (
<ArticleCard <div class="col-md-6 col-lg-3">
article={a} <ArticleCard
settings={{ article={a}
additionalClass: 'shout-card--content-top', settings={{
isWithCover: true, additionalClass: 'shout-card--content-top',
isBigTitle: true, isWithCover: true,
isVertical: true isBigTitle: true,
}} isVertical: true
/> }}
</div> />
)} </div>
</For> )}
</For>
</div>
</div> </div>
</div> </div>
) )

56
src/components/Feed/Slider.tsx
View File

@ -61,34 +61,36 @@ export default (props: SliderProps) => {
return ( return (
<div class="floor floor--important"> <div class="floor floor--important">
<div class="wide-container row"> <div class="wide-container">
<h2 class="col-12">{props.title}</h2> <div class="row">
<Show when={!!articles()}> <h2 class="col-12">{props.title}</h2>
<div class="swiper" classList={{ 'cards-with-cover': isCardsWithCover }} ref={el}> <Show when={!!articles()}>
<div class="swiper-wrapper"> <div class="swiper" classList={{ 'cards-with-cover': isCardsWithCover }} ref={el}>
<For each={articles()}> <div class="swiper-wrapper">
{(a: Shout) => ( <For each={articles()}>
<ArticleCard {(a: Shout) => (
article={a} <ArticleCard
settings={{ article={a}
additionalClass: 'swiper-slide', settings={{
isFloorImportant: true, additionalClass: 'swiper-slide',
isWithCover: isCardsWithCover, isFloorImportant: true,
nodate: true isWithCover: isCardsWithCover,
}} nodate: true
/> }}
)} />
</For> )}
</For>
</div>
<div class="slider-arrow-next" ref={nextEl} onClick={() => swiper()?.slideNext()}>
<Icon name="slider-arrow" class={'icon'} />
</div>
<div class="slider-arrow-prev" ref={prevEl} onClick={() => swiper()?.slidePrev()}>
<Icon name="slider-arrow" class={'icon'} />
</div>
<div class="slider-pagination" ref={pagEl} />
</div> </div>
<div class="slider-arrow-next" ref={nextEl} onClick={() => swiper()?.slideNext()}> </Show>
<Icon name="slider-arrow" class={'icon'} /> </div>
</div>
<div class="slider-arrow-prev" ref={prevEl} onClick={() => swiper()?.slidePrev()}>
<Icon name="slider-arrow" class={'icon'} />
</div>
<div class="slider-pagination" ref={pagEl} />
</div>
</Show>
</div> </div>
</div> </div>
) )

3
src/components/Nav/AuthModal/RegisterForm.tsx
View File

@ -123,7 +123,6 @@ export const RegisterForm = () => {
</Show> </Show>
<div class="pretty-form__item"> <div class="pretty-form__item">
<input <input
id="name"
name="name" name="name"
type="text" type="text"
placeholder={t('Full name')} placeholder={t('Full name')}
@ -140,7 +139,7 @@ export const RegisterForm = () => {
id="email" id="email"
name="email" name="email"
autocomplete="email" autocomplete="email"
type="text" type="email"
value={email()} value={email()}
placeholder={t('Email')} placeholder={t('Email')}
onInput={(event) => handleEmailInput(event.currentTarget.value)} onInput={(event) => handleEmailInput(event.currentTarget.value)}

2
src/components/Nav/ProfilePopup.tsx
View File

@ -1,7 +1,7 @@
import { useSession } from '../../context/session' import { useSession } from '../../context/session'
import type { PopupProps } from '../_shared/Popup' import type { PopupProps } from '../_shared/Popup'
import { Popup } from '../_shared/Popup' import { Popup } from '../_shared/Popup'
import styles from '../_shared/Popup.module.scss' import styles from '../_shared/Popup/Popup.module.scss'
type ProfilePopupProps = Omit<PopupProps, 'children'> type ProfilePopupProps = Omit<PopupProps, 'children'>

91
src/components/Views/AllAuthors.tsx
View File

@ -1,7 +1,6 @@
import { createEffect, createMemo, createSignal, For, Show } from 'solid-js' import { createEffect, createMemo, createSignal, For, Show } from 'solid-js'
import type { Author } from '../../graphql/types.gen' import type { Author } from '../../graphql/types.gen'
import { AuthorCard } from '../Author/Card' import { AuthorCard } from '../Author/Card'
import { Icon } from '../_shared/Icon'
import { t } from '../../utils/intl' import { t } from '../../utils/intl'
import { useAuthorsStore, setAuthorsSort } from '../../stores/zine/authors' import { useAuthorsStore, setAuthorsSort } from '../../stores/zine/authors'
import { useRouter } from '../../stores/router' import { useRouter } from '../../stores/router'
@ -41,7 +40,7 @@ export const AllAuthorsView = (props: Props) => {
const byLetter = createMemo<{ [letter: string]: Author[] }>(() => { const byLetter = createMemo<{ [letter: string]: Author[] }>(() => {
return sortedAuthors().reduce((acc, author) => { return sortedAuthors().reduce((acc, author) => {
let letter = author.name.trim().split(' ').pop().at(0).toUpperCase() let letter = author.name.trim().split(' ').pop().at(0).toUpperCase()
if (!/[А-я]/i.test(letter) && locale() === 'ru') letter = '@' if (!/[А-Я]/i.test(letter) && locale() === 'ru') letter = '@'
if (!acc[letter]) acc[letter] = [] if (!acc[letter]) acc[letter] = []
acc[letter].push(author) acc[letter].push(author)
return acc return acc
@ -111,7 +110,7 @@ export const AllAuthorsView = (props: Props) => {
} }
} }
return ( return (
<div class={clsx(styles.allTopicsPage, 'container')}> <div class={clsx(styles.allTopicsPage, 'wide-container')}>
<Show when={sortedAuthors().length > 0 || searchResults().length > 0}> <Show when={sortedAuthors().length > 0 || searchResults().length > 0}>
<div class="shift-content"> <div class="shift-content">
<AllAuthorsHead /> <AllAuthorsHead />
@ -151,7 +150,7 @@ export const AllAuthorsView = (props: Props) => {
<div class={clsx(styles.topic, 'topic col-sm-6 col-md-4')}> <div class={clsx(styles.topic, 'topic col-sm-6 col-md-4')}>
<div class="topic-title"> <div class="topic-title">
<a href={`/author/${author.slug}`}>{author.name}</a> <a href={`/author/${author.slug}`}>{author.name}</a>
<sup>{author.stat.shouts}</sup> <span class={styles.articlesCounter}>{author.stat.shouts}</span>
</div> </div>
</div> </div>
)} )}
@ -165,53 +164,51 @@ export const AllAuthorsView = (props: Props) => {
</For> </For>
</Show> </Show>
<div class={styles.stats}> <Show when={searchResults().length > 0}>
<Show when={searchResults().length > 0}> <For each={searchResults().slice(0, limit())}>
<For each={searchResults().slice(0, limit())}> {(author) => (
{(author) => ( <AuthorCard
<AuthorCard author={author}
author={author} compact={false}
compact={false} hasLink={true}
hasLink={true} subscribed={subscribed(author.slug)}
subscribed={subscribed(author.slug)} noSocialButtons={true}
noSocialButtons={true} isAuthorsList={true}
isAuthorsList={true} truncateBio={true}
truncateBio={true} />
/> )}
)} </For>
</For> </Show>
</Show>
<Show when={searchParams().by && searchParams().by !== 'name'}> <Show when={searchParams().by && searchParams().by !== 'name'}>
<div class="row"> <div class={clsx(styles.stats, 'row')}>
<div class="col-lg-10 col-xl-9"> <div class="col-lg-10 col-xl-9">
<For each={sortedAuthors().slice(0, limit())}> <For each={sortedAuthors().slice(0, limit())}>
{(author) => ( {(author) => (
<AuthorCard <AuthorCard
author={author} author={author}
compact={false} compact={false}
hasLink={true} hasLink={true}
subscribed={subscribed(author.slug)} subscribed={subscribed(author.slug)}
noSocialButtons={true} noSocialButtons={true}
isAuthorsList={true} isAuthorsList={true}
truncateBio={true} truncateBio={true}
/> />
)} )}
</For> </For>
</div>
</div> </div>
</Show> </div>
</Show>
<Show when={sortedAuthors().length > limit()}> <Show when={sortedAuthors().length > limit()}>
<div class="row"> <div class="row">
<div class={clsx(styles.loadMoreContainer, 'col-12 col-md-10')}> <div class={clsx(styles.loadMoreContainer, 'col-12 col-md-10')}>
<button class={clsx('button', styles.loadMoreButton)} onClick={showMore}> <button class={clsx('button', styles.loadMoreButton)} onClick={showMore}>
{t('Load more')} {t('Load more')}
</button> </button>
</div>
</div> </div>
</Show> </div>
</div> </Show>
</div> </div>
</Show> </Show>
</div> </div>

53
src/components/Views/AllTopics.tsx
View File

@ -116,31 +116,29 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
) )
return ( return (
<div class={clsx(styles.allTopicsPage, 'container')}> <div class={clsx(styles.allTopicsPage, 'wide-container')}>
<div class="shift-content"> <div class="shift-content">
<AllTopicsHead /> <AllTopicsHead />
<Show when={sortedTopics().length > 0 || searchResults().length > 0}> <Show when={sortedTopics().length > 0 || searchResults().length > 0}>
<Show when={searchParams().by === 'title'}> <Show when={searchParams().by === 'title'}>
<div class="row"> <div class="col-lg-10 col-xl-9">
<div class="col-lg-10 col-xl-9"> <ul class={clsx('nodash', styles.alphabet)}>
<ul class={clsx('nodash', styles.alphabet)}> <For each={ALPHABET}>
<For each={ALPHABET}> {(letter, index) => (
{(letter, index) => ( <li>
<li> <Show when={letter in byLetter()} fallback={letter}>
<Show when={letter in byLetter()} fallback={letter}> <a
<a href={`/topics?by=title#letter-${index()}`}
href={`/topics?by=title#letter-${index()}`} onClick={() => scrollHandler(`letter-${index()}`)}
onClick={() => scrollHandler(`letter-${index()}`)} >
> {letter}
{letter} </a>
</a> </Show>
</Show> </li>
</li> )}
)} </For>
</For> </ul>
</ul>
</div>
</div> </div>
<For each={sortedKeys()}> <For each={sortedKeys()}>
@ -154,9 +152,8 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
<For each={byLetter()[letter]}> <For each={byLetter()[letter]}>
{(topic) => ( {(topic) => (
<div class={clsx(styles.topic, 'topic col-sm-6 col-md-4')}> <div class={clsx(styles.topic, 'topic col-sm-6 col-md-4')}>
<div class="topic-title"> <a href={`/topic/${topic.slug}`}>{topic.title}</a>
<a href={`/topic/${topic.slug}`}>{topic.title}</a> <span class={styles.articlesCounter}>{topic.stat.shouts}</span>
</div>
</div> </div>
)} )}
</For> </For>
@ -196,12 +193,10 @@ export const AllTopicsView = (props: AllTopicsViewProps) => {
</Show> </Show>
<Show when={sortedTopics().length > limit()}> <Show when={sortedTopics().length > limit()}>
<div class="row"> <div class={clsx(styles.loadMoreContainer, 'col-12 col-md-10 offset-md-1')}>
<div class={clsx(styles.loadMoreContainer, 'col-12 col-md-10')}> <button class={clsx('button', styles.loadMoreButton)} onClick={showMore}>
<button class={clsx('button', styles.loadMoreButton)} onClick={showMore}> {t('Load more')}
{t('Load more')} </button>
</button>
</div>
</div> </div>
</Show> </Show>
</Show> </Show>

9
src/components/Views/Article.tsx
View File

@ -16,14 +16,7 @@ const ARTICLE_COMMENTS_PAGE_SIZE = 50
export const ArticleView = (props: ArticlePageProps) => { export const ArticleView = (props: ArticlePageProps) => {
const [getCommentsPage] = createSignal(1) const [getCommentsPage] = createSignal(1)
const [getIsCommentsLoading, setIsCommentsLoading] = createSignal(false) const [getIsCommentsLoading, setIsCommentsLoading] = createSignal(false)
const { const { reactionsByShout, loadReactionsBy } = useReactionsStore({ reactions: props.reactions })
reactionsByShout,
sortedReactions,
createReaction,
updateReaction,
deleteReaction,
loadReactionsBy
} = useReactionsStore({ reactions: props.reactions })
createEffect(async () => { createEffect(async () => {
try { try {

120
src/components/Views/Author.tsx
View File

@ -70,73 +70,73 @@ export const AuthorView = (props: AuthorProps) => {
) )
return ( return (
<div class="container author-page"> <div class="author-page">
<Show when={author()} fallback={<div class="center">{t('Loading')}</div>}> <Show when={author()} fallback={<div class="center">{t('Loading')}</div>}>
<AuthorFull author={author()} /> <div class="wide-container">
<div class="row group__controls"> <AuthorFull author={author()} />
<div class="col-md-8"> <div class="row group__controls">
<ul class="view-switcher"> <div class="col-md-8">
<li classList={{ selected: searchParams().by === 'rating' }}> <ul class="view-switcher">
<button type="button" onClick={() => changeSearchParam('by', 'rating')}> <li classList={{ selected: searchParams().by === 'rating' }}>
{t('Popular')} <button type="button" onClick={() => changeSearchParam('by', 'rating')}>
</button> {t('Popular')}
</li> </button>
<li classList={{ selected: searchParams().by === 'followed' }}> </li>
<button type="button" onClick={() => changeSearchParam('by', 'followed')}> <li classList={{ selected: searchParams().by === 'followed' }}>
{t('Followers')} <button type="button" onClick={() => changeSearchParam('by', 'followed')}>
</button> {t('Followers')}
</li> </button>
<li classList={{ selected: searchParams().by === 'commented' }}> </li>
<button type="button" onClick={() => changeSearchParam('by', 'commented')}> <li classList={{ selected: searchParams().by === 'commented' }}>
{t('Discussing')} <button type="button" onClick={() => changeSearchParam('by', 'commented')}>
</button> {t('Discussing')}
</li> </button>
</ul> </li>
</div> </ul>
<div class="col-md-4">
<div class="mode-switcher">
{`${t('Show')} `}
<span class="mode-switcher__control">{t('All posts')}</span>
</div> </div>
<div class="col-md-4">
<div class="mode-switcher">
{`${t('Show')} `}
<span class="mode-switcher__control">{t('All posts')}</span>
</div>
</div>
<h3 class="col-12">{title()}</h3>
</div> </div>
</div> </div>
<h3 class="col-12">{title()}</h3> <Beside
title={t('Topics which supported by author')}
values={topicsByAuthor()[author().slug].slice(0, 5)}
beside={sortedArticles()[0]}
wrapper={'topic'}
topicShortDescription={true}
isTopicCompact={true}
isTopicInRow={true}
iconButton={true}
/>
<Row3 articles={sortedArticles().slice(1, 4)} />
<Row2 articles={sortedArticles().slice(4, 6)} />
<Row3 articles={sortedArticles().slice(6, 9)} />
<Row3 articles={sortedArticles().slice(9, 12)} />
<div class="row"> <For each={pages()}>
<Beside {(page) => (
title={t('Topics which supported by author')} <>
values={topicsByAuthor()[author().slug].slice(0, 5)} <Row3 articles={page.slice(0, 3)} />
beside={sortedArticles()[0]} <Row3 articles={page.slice(3, 6)} />
wrapper={'topic'} <Row3 articles={page.slice(6, 9)} />
topicShortDescription={true} </>
isTopicCompact={true} )}
isTopicInRow={true} </For>
iconButton={true}
/>
<Row3 articles={sortedArticles().slice(1, 4)} />
<Row2 articles={sortedArticles().slice(4, 6)} />
<Row3 articles={sortedArticles().slice(6, 9)} />
<Row3 articles={sortedArticles().slice(9, 12)} />
<For each={pages()}> <Show when={isLoadMoreButtonVisible()}>
{(page) => ( <p class="load-more-container">
<> <button class="button" onClick={loadMore}>
<Row3 articles={page.slice(0, 3)} /> {t('Load more')}
<Row3 articles={page.slice(3, 6)} /> </button>
<Row3 articles={page.slice(6, 9)} /> </p>
</> </Show>
)}
</For>
<Show when={isLoadMoreButtonVisible()}>
<p class="load-more-container">
<button class="button" onClick={loadMore}>
{t('Load more')}
</button>
</p>
</Show>
</div>
</Show> </Show>
</div> </div>
) )

28
src/components/Views/Feed.tsx
View File

@ -1,4 +1,4 @@
import { createEffect, createSignal, For, onMount, Show } from 'solid-js' import { createSignal, For, onMount, Show } from 'solid-js'
import '../../styles/Feed.scss' import '../../styles/Feed.scss'
import stylesBeside from '../../components/Feed/Beside.module.scss' import stylesBeside from '../../components/Feed/Beside.module.scss'
import { Icon } from '../_shared/Icon' import { Icon } from '../_shared/Icon'
@ -14,15 +14,14 @@ import { useAuthorsStore } from '../../stores/zine/authors'
import { useTopicsStore } from '../../stores/zine/topics' import { useTopicsStore } from '../../stores/zine/topics'
import { useTopAuthorsStore } from '../../stores/zine/topAuthors' import { useTopAuthorsStore } from '../../stores/zine/topAuthors'
import { useSession } from '../../context/session' import { useSession } from '../../context/session'
import { Collab, ReactionKind, Shout } from '../../graphql/types.gen' import type { Shout } from '../../graphql/types.gen'
import { collabs, setCollabs } from '../../stores/editor'
const AUTHORSHIP_REACTIONS = [ // const AUTHORSHIP_REACTIONS = [
ReactionKind.Accept, // ReactionKind.Accept,
ReactionKind.Reject, // ReactionKind.Reject,
ReactionKind.Propose, // ReactionKind.Propose,
ReactionKind.Ask // ReactionKind.Ask
] // ]
export const FEED_PAGE_SIZE = 20 export const FEED_PAGE_SIZE = 20
@ -57,15 +56,10 @@ export const FeedView = () => {
// load recent editing shouts ( visibility = authors ) // load recent editing shouts ( visibility = authors )
const userslug = session().user.slug const userslug = session().user.slug
await loadShouts({ filters: { author: userslug, visibility: 'authors' }, limit: 15, offset: 0 }) await loadShouts({ filters: { author: userslug, visibility: 'authors' }, limit: 15 })
const collaborativeShouts = sortedArticles().filter((s: Shout, n: number, arr: Shout[]) => { const collaborativeShouts = sortedArticles().filter((shout) => shout.visibility === 'authors')
if (s.visibility !== 'authors') {
arr.splice(n, 1)
return arr
}
})
// load recent reactions on collabs // load recent reactions on collabs
await loadReactionsBy({ by: { shouts: [...collaborativeShouts], body: true }, limit: 5, offset: 0 }) await loadReactionsBy({ by: { shouts: [...collaborativeShouts], body: true }, limit: 5 })
}) })
return ( return (

0
src/components/_shared/Icon.module.scss → src/components/_shared/Icon/Icon.module.scss
View File

0
src/components/_shared/Icon.tsx → src/components/_shared/Icon/Icon.tsx
View File

1
src/components/_shared/Icon/index.ts Normal file
View File

@ -0,0 +1 @@
export * from './Icon'

0
src/components/_shared/Popup.module.scss → src/components/_shared/Popup/Popup.module.scss
View File

2
src/components/_shared/Popup.tsx → src/components/_shared/Popup/Popup.tsx
View File

@ -1,7 +1,7 @@
import { createEffect, createSignal, JSX, Show } from 'solid-js' import { createEffect, createSignal, JSX, Show } from 'solid-js'
import styles from './Popup.module.scss' import styles from './Popup.module.scss'
import { clsx } from 'clsx' import { clsx } from 'clsx'
import { useOutsideClickHandler } from '../../utils/useOutsideClickHandler' import { useOutsideClickHandler } from '../../../utils/useOutsideClickHandler'
type HorizontalAnchor = 'center' | 'right' type HorizontalAnchor = 'center' | 'right'

1
src/components/_shared/Popup/index.ts Normal file
View File

@ -0,0 +1 @@
export * from './Popup'

2
src/components/_shared/SearchField.tsx
View File

@ -7,7 +7,7 @@ type SearchFieldProps = {
} }
export const SearchField = (props: SearchFieldProps) => { export const SearchField = (props: SearchFieldProps) => {
const handleInputChange = (event) => props.onChange(event.target.value) const handleInputChange = (event) => props.onChange(event.target.value.trim())
return ( return (
<div class={styles.searchField}> <div class={styles.searchField}>

6
src/graphql/cache.ts
View File

@ -1,8 +1,10 @@
import { cacheExchange, CacheExchangeOpts } from '@urql/exchange-graphcache' import { cacheExchange, CacheExchangeOpts } from '@urql/exchange-graphcache'
// import schema from './introspec.gen'
// import schema from './introspec.gen'
// NOTE: include codegened introspection schema when needed
// TODO: use urql-provided caching
export const cache = cacheExchange({ export const cache = cacheExchange({
// TODO: include introspection schema when needed
keys: { keys: {
Shout: (data) => data.slug, Shout: (data) => data.slug,
Author: (data) => data.slug, Author: (data) => data.slug,

6
src/graphql/privateGraphQLClient.ts
View File

@ -1,7 +1,7 @@
import { ClientOptions, dedupExchange, fetchExchange, Exchange } from '@urql/core' import { ClientOptions, dedupExchange, fetchExchange, Exchange, createClient } from '@urql/core'
import { devtoolsExchange } from '@urql/devtools' import { devtoolsExchange } from '@urql/devtools'
import { isDev, apiBaseUrl } from '../utils/config' import { isDev, apiBaseUrl } from '../utils/config'
import { initClient } from './client' // import { cache } from './cache'
const TOKEN_LOCAL_STORAGE_KEY = 'token' const TOKEN_LOCAL_STORAGE_KEY = 'token'
@ -38,4 +38,4 @@ const options: ClientOptions = {
exchanges exchanges
} }
export const privateGraphQLClient = initClient(options) export const privateGraphQLClient = createClient(options)

8
src/graphql/publicGraphQLClient.ts
View File

@ -1,9 +1,9 @@
import { ClientOptions, dedupExchange, fetchExchange, Exchange } from '@urql/core' import { ClientOptions, dedupExchange, fetchExchange, Exchange, createClient } from '@urql/core'
import { devtoolsExchange } from '@urql/devtools' import { devtoolsExchange } from '@urql/devtools'
import { isDev, apiBaseUrl } from '../utils/config' import { isDev, apiBaseUrl } from '../utils/config'
import { initClient } from './client' // import { cache } from './cache'
const exchanges: Exchange[] = [dedupExchange, fetchExchange] const exchanges: Exchange[] = [dedupExchange, fetchExchange] //, cache]
if (isDev) { if (isDev) {
exchanges.unshift(devtoolsExchange) exchanges.unshift(devtoolsExchange)
@ -16,4 +16,4 @@ const options: ClientOptions = {
exchanges exchanges
} }
export const publicGraphQLClient = initClient(options) export const publicGraphQLClient = createClient(options)

2
src/pages/author/[slug]/index.astro
View File

@ -7,7 +7,7 @@ import { PRERENDERED_ARTICLES_COUNT } from '../../../components/Views/Author'
const slug = Astro.params.slug.toString() const slug = Astro.params.slug.toString()
const shouts = await apiClient.getShouts({ filters: { author: slug }, limit: PRERENDERED_ARTICLES_COUNT }) const shouts = await apiClient.getShouts({ filters: { author: slug }, limit: PRERENDERED_ARTICLES_COUNT })
const author = await apiClient.getAuthorsBy({ by: { slug } }) const author = await apiClient.getAuthor({ slug })
const { pathname, search } = Astro.url const { pathname, search } = Astro.url
initRouter(pathname, search) initRouter(pathname, search)

2
src/stores/zine/reactions.ts
View File

@ -1,4 +1,4 @@
import type { Reaction, Shout } from '../../graphql/types.gen' import type { Reaction } from '../../graphql/types.gen'
import { apiClient } from '../../utils/apiClient' import { apiClient } from '../../utils/apiClient'
import { createSignal } from 'solid-js' import { createSignal } from 'solid-js'
// TODO: import { roomConnect } from '../../utils/p2p' // TODO: import { roomConnect } from '../../utils/p2p'

17
src/styles/AllTopics.module.scss
View File

@ -1,6 +1,7 @@
.allTopicsPage { .allTopicsPage {
.group { .group {
font-weight: bold; @include font-size(1.6rem);
margin: 3em 0 9.6rem; margin: 3em 0 9.6rem;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
@ -17,11 +18,7 @@
} }
.topic { .topic {
margin-bottom: 1.6rem; margin-bottom: 2.4rem;
@include media-breakpoint-down(sm) {
margin-left: 2.6rem;
}
} }
} }
@ -54,6 +51,7 @@
} }
.alphabet { .alphabet {
color: rgba(0 0 0 / 20%);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
font-weight: 700; font-weight: 700;
@ -67,3 +65,10 @@
color: gray; color: gray;
} }
} }
.articlesCounter {
@include font-size(1.2rem);
margin-left: 0.5em;
vertical-align: super;
}

17
src/styles/app.scss
View File

@ -550,10 +550,6 @@ figcaption {
margin-bottom: 6.4rem; margin-bottom: 6.4rem;
} }
.wide-container {
padding: 0;
}
.container { .container {
padding-left: $container-padding-x; padding-left: $container-padding-x;
padding-right: $container-padding-x; padding-right: $container-padding-x;
@ -617,14 +613,14 @@ figcaption {
} }
} }
.row > * { .row {
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
padding-left: divide($container-padding-x, 2); margin-left: divide(-$container-padding-x, 2);
padding-right: divide($container-padding-x, 2); margin-right: divide(-$container-padding-x, 2);
> .row { > * {
margin-left: divide(-$container-padding-x, 2); padding-left: divide($container-padding-x, 2);
margin-right: divide(-$container-padding-x, 2); padding-right: divide($container-padding-x, 2);
} }
} }
} }
@ -789,6 +785,7 @@ details {
.text-truncate { .text-truncate {
display: -webkit-box !important; display: -webkit-box !important;
overflow: hidden; overflow: hidden;
position: relative;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
white-space: normal; white-space: normal;

4
src/utils/config.ts
View File

@ -1,4 +1,4 @@
export const isDev = import.meta.env.MODE === 'development' export const isDev = import.meta.env.MODE === 'development'
// export const apiBaseUrl = 'https://v2.discours.io' const defaultApiUrl = 'https://testapi.discours.io'
export const apiBaseUrl = 'https://testapi.discours.io' export const apiBaseUrl = import.meta.env.PUBLIC_API_URL || defaultApiUrl

100
yarn.lock
View File

@ -1656,7 +1656,7 @@
optionalDependencies: optionalDependencies:
"@solid-devtools/transform" "^0.8.0" "@solid-devtools/transform" "^0.8.0"
"@solid-devtools/debugger@^0.15.0": "@solid-devtools/debugger@^0.15.0", "@solid-devtools/debugger@^0.15.1":
version "0.15.1" version "0.15.1"
resolved "https://registry.yarnpkg.com/@solid-devtools/debugger/-/debugger-0.15.1.tgz#c98ccf401be9efb2965809de27525e6175ea6d6c" resolved "https://registry.yarnpkg.com/@solid-devtools/debugger/-/debugger-0.15.1.tgz#c98ccf401be9efb2965809de27525e6175ea6d6c"
integrity sha512-E5vXsdemei9T/k/0X0GyZFvKpHiz73am3o8PmWV6vYhipvwVgPRnBvvHI85IjmtqBKK8gqHVtqu2D2qNu0rN2w== integrity sha512-E5vXsdemei9T/k/0X0GyZFvKpHiz73am3o8PmWV6vYhipvwVgPRnBvvHI85IjmtqBKK8gqHVtqu2D2qNu0rN2w==
@ -2263,7 +2263,7 @@
"@typescript-eslint/types" "5.43.0" "@typescript-eslint/types" "5.43.0"
eslint-visitor-keys "^3.3.0" eslint-visitor-keys "^3.3.0"
"@urql/core@>=3.0.0", "@urql/core@>=3.0.5", "@urql/core@^3.0.5": "@urql/core@>=3.0.5", "@urql/core@^3.0.5":
version "3.0.5" version "3.0.5"
resolved "https://registry.yarnpkg.com/@urql/core/-/core-3.0.5.tgz#a26c326dd788d6d6abb839493bce86147f5a45c9" resolved "https://registry.yarnpkg.com/@urql/core/-/core-3.0.5.tgz#a26c326dd788d6d6abb839493bce86147f5a45c9"
integrity sha512-6/1HG+WEAcPs+hXSFnxWBTWkNUwa8dj2cHysWokMaFIbAioGtUaSdxp2q9FDMtWAIGdc640NFSt2B8itGLdoAA== integrity sha512-6/1HG+WEAcPs+hXSFnxWBTWkNUwa8dj2cHysWokMaFIbAioGtUaSdxp2q9FDMtWAIGdc640NFSt2B8itGLdoAA==
@ -2278,14 +2278,6 @@
dependencies: dependencies:
wonka ">= 4.0.9" wonka ">= 4.0.9"
"@urql/exchange-auth@^1.0.0":
version "1.0.0"
resolved "https://registry.yarnpkg.com/@urql/exchange-auth/-/exchange-auth-1.0.0.tgz#cf846189632662330b616704387b1cf762561638"
integrity sha512-79hqPQab+ifeINOxvQykvqub4ixWHBEIagN4U67ijcHGMfp3c4yEWRk4IJMPwF+OMT7LrRFuv+jRIZTQn/9VwQ==
dependencies:
"@urql/core" ">=3.0.0"
wonka "^6.0.0"
"@urql/exchange-graphcache@^5.0.5": "@urql/exchange-graphcache@^5.0.5":
version "5.0.5" version "5.0.5"
resolved "https://registry.yarnpkg.com/@urql/exchange-graphcache/-/exchange-graphcache-5.0.5.tgz#187a4077b4a0e2c91c5a06eaf8f03231605f7397" resolved "https://registry.yarnpkg.com/@urql/exchange-graphcache/-/exchange-graphcache-5.0.5.tgz#187a4077b4a0e2c91c5a06eaf8f03231605f7397"
@ -2919,7 +2911,7 @@ boolean@^3.0.1:
resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.2.0.tgz#9e5294af4e98314494cbb17979fa54ca159f116b" resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.2.0.tgz#9e5294af4e98314494cbb17979fa54ca159f116b"
integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw== integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
bootstrap@^5.2.0: bootstrap@^5.2.2:
version "5.2.2" version "5.2.2"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.2.2.tgz#834e053eed584a65e244d8aa112a6959f56e27a0" resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.2.2.tgz#834e053eed584a65e244d8aa112a6959f56e27a0"
integrity sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ== integrity sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ==
@ -3340,6 +3332,11 @@ comma-separated-tokens@^2.0.0:
resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee" resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg== integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
commander@^8.0.0:
version "8.3.0"
resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
commander@^9.3.0: commander@^9.3.0:
version "9.4.1" version "9.4.1"
resolved "https://registry.yarnpkg.com/commander/-/commander-9.4.1.tgz#d1dd8f2ce6faf93147295c0df13c7c21141cfbdd" resolved "https://registry.yarnpkg.com/commander/-/commander-9.4.1.tgz#d1dd8f2ce6faf93147295c0df13c7c21141cfbdd"
@ -3453,6 +3450,13 @@ crelt@^1.0.0:
resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.5.tgz#57c0d52af8c859e354bace1883eb2e1eb182bb94" resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.5.tgz#57c0d52af8c859e354bace1883eb2e1eb182bb94"
integrity sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA== integrity sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA==
cross-env@^7.0.3:
version "7.0.3"
resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
dependencies:
cross-spawn "^7.0.1"
cross-fetch@^3.1.5: cross-fetch@^3.1.5:
version "3.1.5" version "3.1.5"
resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f" resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f"
@ -3460,7 +3464,7 @@ cross-fetch@^3.1.5:
dependencies: dependencies:
node-fetch "2.6.7" node-fetch "2.6.7"
cross-spawn@^7.0.2, cross-spawn@^7.0.3: cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
version "7.0.3" version "7.0.3"
resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6" resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w== integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@ -4032,7 +4036,7 @@ esbuild-windows-arm64@0.15.14:
resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.14.tgz#8eb50ab9a0ecaf058593fbad17502749306f801d" resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.14.tgz#8eb50ab9a0ecaf058593fbad17502749306f801d"
integrity sha512-KW9W4psdZceaS9A7Jsgl4WialOznSURvqX/oHZk3gOP7KbjtHLSsnmSvNdzagGJfxbAe30UVGXRe8q8nDsOSQw== integrity sha512-KW9W4psdZceaS9A7Jsgl4WialOznSURvqX/oHZk3gOP7KbjtHLSsnmSvNdzagGJfxbAe30UVGXRe8q8nDsOSQw==
esbuild@^0.14.0, esbuild@^0.14.43: esbuild@^0.14.0, esbuild@^0.14.27, esbuild@^0.14.43:
version "0.14.54" version "0.14.54"
resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2" resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2"
integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA== integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==
@ -4843,7 +4847,7 @@ glob-parent@^6.0.2:
dependencies: dependencies:
is-glob "^4.0.3" is-glob "^4.0.3"
glob@^7.1.1, glob@^7.1.3, glob@^7.1.4: glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.7:
version "7.2.3" version "7.2.3"
resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b" resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q== integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@ -5322,11 +5326,6 @@ ignore@^5.1.1, ignore@^5.2.0:
resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a" resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ== integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
immutable@^4.0.0:
version "4.1.0"
resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
immutable@~3.7.6: immutable@~3.7.6:
version "3.7.6" version "3.7.6"
resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.7.6.tgz#13b4d3cb12befa15482a26fe1b2ebae640071e4b" resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.7.6.tgz#13b4d3cb12befa15482a26fe1b2ebae640071e4b"
@ -7844,9 +7843,9 @@ postcss-scss@^4.0.2:
integrity sha512-F7xpB6TrXyqUh3GKdyB4Gkp3QL3DDW1+uI+gxx/oJnUt/qXI4trj5OGlp9rOKdoABGULuqtqeG+3HEVQk4DjmA== integrity sha512-F7xpB6TrXyqUh3GKdyB4Gkp3QL3DDW1+uI+gxx/oJnUt/qXI4trj5OGlp9rOKdoABGULuqtqeG+3HEVQk4DjmA==
postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.6: postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.6:
version "6.0.10" version "6.0.11"
resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w== integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
dependencies: dependencies:
cssesc "^3.0.0" cssesc "^3.0.0"
util-deprecate "^1.0.2" util-deprecate "^1.0.2"
@ -7861,7 +7860,7 @@ postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
postcss@^8.3.11, postcss@^8.4.14, postcss@^8.4.18, postcss@^8.4.19: postcss@^8.3.11, postcss@^8.3.5, postcss@^8.4.13, postcss@^8.4.14, postcss@^8.4.18, postcss@^8.4.19:
version "8.4.19" version "8.4.19"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc"
integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA== integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==
@ -7963,9 +7962,9 @@ property-expr@^2.0.4:
integrity sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA== integrity sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA==
property-information@^6.0.0: property-information@^6.0.0:
version "6.1.1" version "6.2.0"
resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.1.1.tgz#5ca85510a3019726cb9afed4197b7b8ac5926a22" resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.2.0.tgz#b74f522c31c097b5149e3c3cb8d7f3defd986a1d"
integrity sha512-hrzC564QIl0r0vy4l6MvRLhafmUowhO/O3KgVSoXIbbA2Sz4j8HGpJc6T2cubRVwMwpdiG/vKGfhT4IixmKN9w== integrity sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==
prosemirror-commands@^1.0.0, prosemirror-commands@^1.3.1: prosemirror-commands@^1.0.0, prosemirror-commands@^1.3.1:
version "1.3.1" version "1.3.1"
@ -8099,6 +8098,16 @@ punycode@^2.1.0:
resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec" resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A== integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
purgecss@^4.1.1:
version "4.1.3"
resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-4.1.3.tgz#683f6a133c8c4de7aa82fe2746d1393b214918f7"
integrity sha512-99cKy4s+VZoXnPxaoM23e5ABcP851nC2y2GROkkjS8eJaJtlciGavd7iYAw2V84WeBqggZ12l8ef44G99HmTaw==
dependencies:
commander "^8.0.0"
glob "^7.1.7"
postcss "^8.3.5"
postcss-selector-parser "^6.0.6"
pvtsutils@^1.3.2: pvtsutils@^1.3.2:
version "1.3.2" version "1.3.2"
resolved "https://registry.yarnpkg.com/pvtsutils/-/pvtsutils-1.3.2.tgz#9f8570d132cdd3c27ab7d51a2799239bf8d8d5de" resolved "https://registry.yarnpkg.com/pvtsutils/-/pvtsutils-1.3.2.tgz#9f8570d132cdd3c27ab7d51a2799239bf8d8d5de"
@ -8484,6 +8493,13 @@ rollup-pluginutils@^2.8.2:
dependencies: dependencies:
estree-walker "^0.6.1" estree-walker "^0.6.1"
"rollup@>=2.59.0 <2.78.0":
version "2.77.3"
resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.3.tgz#8f00418d3a2740036e15deb653bed1a90ee0cc12"
integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==
optionalDependencies:
fsevents "~2.3.2"
rollup@^2.79.1: rollup@^2.79.1:
version "2.79.1" version "2.79.1"
resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7" resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
@ -8560,14 +8576,12 @@ sass-formatter@^0.7.5:
dependencies: dependencies:
suf-log "^2.5.3" suf-log "^2.5.3"
sass@^1.56.1: sass@1.32.13:
version "1.56.1" version "1.32.13"
resolved "https://registry.yarnpkg.com/sass/-/sass-1.56.1.tgz#94d3910cd468fd075fa87f5bb17437a0b617d8a7" resolved "https://registry.yarnpkg.com/sass/-/sass-1.32.13.tgz#8d29c849e625a415bce71609c7cf95e15f74ed00"
integrity sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ== integrity sha512-dEgI9nShraqP7cXQH+lEXVf73WOPCse0QlFzSD8k+1TcOxCMwVXfQlr0jtoluZysQOyJGnfr21dLvYKDJq8HkA==
dependencies: dependencies:
chokidar ">=3.0.0 <4.0.0" chokidar ">=3.0.0 <4.0.0"
immutable "^4.0.0"
source-map-js ">=0.6.2 <2.0.0"
scslre@^0.1.6: scslre@^0.1.6:
version "0.1.6" version "0.1.6"
@ -8816,7 +8830,7 @@ sort-package-json@^2.1.0:
is-plain-obj "^4.1.0" is-plain-obj "^4.1.0"
sort-object-keys "^1.1.3" sort-object-keys "^1.1.3"
"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2: source-map-js@^1.0.2:
version "1.0.2" version "1.0.2"
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@ -9747,6 +9761,26 @@ vfile@^5.0.0, vfile@^5.3.2:
unist-util-stringify-position "^3.0.0" unist-util-stringify-position "^3.0.0"
vfile-message "^3.0.0" vfile-message "^3.0.0"
vite-plugin-html-purgecss@^0.1.1:
version "0.1.1"
resolved "https://registry.yarnpkg.com/vite-plugin-html-purgecss/-/vite-plugin-html-purgecss-0.1.1.tgz#e392c4c26470c1a80d45e70c5638cd07866e1292"
integrity sha512-/VJnN/CkUoXlgVCvIbFymfsW7hUEO2Dch5uWwiKJFTb4SLLNhTr/sPJfEUl1wTj5y3SwPXgPz002sQgXJj0mCw==
dependencies:
purgecss "^4.1.1"
vite "^2.6.7"
vite@^2.6.7:
version "2.9.15"
resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.15.tgz#2858dd5b2be26aa394a283e62324281892546f0b"
integrity sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ==
dependencies:
esbuild "^0.14.27"
postcss "^8.4.13"
resolve "^1.22.0"
rollup ">=2.59.0 <2.78.0"
optionalDependencies:
fsevents "~2.3.2"
vite@^3.2.4, vite@~3.2.4: vite@^3.2.4, vite@~3.2.4:
version "3.2.4" version "3.2.4"
resolved "https://registry.yarnpkg.com/vite/-/vite-3.2.4.tgz#d8c7892dd4268064e04fffbe7d866207dd24166e" resolved "https://registry.yarnpkg.com/vite/-/vite-3.2.4.tgz#d8c7892dd4268064e04fffbe7d866207dd24166e"