fix: footer / sidebar / deprecation alert

This commit is contained in:
iCrawl
2022-08-22 22:15:50 +02:00
parent f7ce9f8533
commit ba3e0ed348
17 changed files with 408 additions and 337 deletions

View File

@@ -44,13 +44,13 @@
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"rollup-plugin-typescript2": "^0.33.0", "rollup-plugin-typescript2": "^0.33.0",

View File

@@ -55,7 +55,7 @@
"homepage": "https://discord.js.org", "homepage": "https://discord.js.org",
"dependencies": { "dependencies": {
"@sapphire/shapeshift": "^3.5.1", "@sapphire/shapeshift": "^3.5.1",
"discord-api-types": "^0.37.3", "discord-api-types": "^0.37.4",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
"ts-mixer": "^6.0.1", "ts-mixer": "^6.0.1",
"tslib": "^2.4.0" "tslib": "^2.4.0"
@@ -65,14 +65,14 @@
"@favware/cliff-jumper": "^1.8.7", "@favware/cliff-jumper": "^1.8.7",
"@microsoft/api-extractor": "^7.29.3", "@microsoft/api-extractor": "^7.29.3",
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"downlevel-dts": "^0.10.0", "downlevel-dts": "^0.10.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"eslint-plugin-tsdoc": "^0.2.16", "eslint-plugin-tsdoc": "^0.2.16",
"prettier": "^2.7.1", "prettier": "^2.7.1",

View File

@@ -54,14 +54,14 @@
"@favware/cliff-jumper": "^1.8.7", "@favware/cliff-jumper": "^1.8.7",
"@microsoft/api-extractor": "^7.29.3", "@microsoft/api-extractor": "^7.29.3",
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"downlevel-dts": "^0.10.0", "downlevel-dts": "^0.10.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"eslint-plugin-tsdoc": "^0.2.16", "eslint-plugin-tsdoc": "^0.2.16",
"prettier": "^2.7.1", "prettier": "^2.7.1",

View File

@@ -54,7 +54,7 @@
"@discordjs/rest": "workspace:^", "@discordjs/rest": "workspace:^",
"@sapphire/snowflake": "^3.2.2", "@sapphire/snowflake": "^3.2.2",
"@types/ws": "^8.5.3", "@types/ws": "^8.5.3",
"discord-api-types": "^0.37.3", "discord-api-types": "^0.37.4",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
"lodash.snakecase": "^4.1.1", "lodash.snakecase": "^4.1.1",
"tslib": "^2.4.0", "tslib": "^2.4.0",

View File

@@ -51,12 +51,12 @@
"@favware/cliff-jumper": "^1.8.7", "@favware/cliff-jumper": "^1.8.7",
"@types/jsdoc-to-markdown": "^7.0.3", "@types/jsdoc-to-markdown": "^7.0.3",
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"rollup-plugin-typescript2": "^0.33.0", "rollup-plugin-typescript2": "^0.33.0",

View File

@@ -50,12 +50,12 @@
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"rollup-plugin-typescript2": "^0.33.0", "rollup-plugin-typescript2": "^0.33.0",

View File

@@ -64,14 +64,14 @@
"@microsoft/api-extractor": "^7.29.3", "@microsoft/api-extractor": "^7.29.3",
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@types/supertest": "^2.0.12", "@types/supertest": "^2.0.12",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"downlevel-dts": "^0.10.0", "downlevel-dts": "^0.10.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"rollup-plugin-typescript2": "^0.33.0", "rollup-plugin-typescript2": "^0.33.0",

View File

@@ -55,7 +55,7 @@
"@discordjs/collection": "workspace:^", "@discordjs/collection": "workspace:^",
"@sapphire/async-queue": "^1.5.0", "@sapphire/async-queue": "^1.5.0",
"@sapphire/snowflake": "^3.2.2", "@sapphire/snowflake": "^3.2.2",
"discord-api-types": "^0.37.3", "discord-api-types": "^0.37.4",
"file-type": "^17.1.6", "file-type": "^17.1.6",
"tslib": "^2.4.0", "tslib": "^2.4.0",
"undici": "^5.9.1" "undici": "^5.9.1"
@@ -65,14 +65,14 @@
"@favware/cliff-jumper": "^1.8.7", "@favware/cliff-jumper": "^1.8.7",
"@microsoft/api-extractor": "^7.29.3", "@microsoft/api-extractor": "^7.29.3",
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"downlevel-dts": "^0.10.0", "downlevel-dts": "^0.10.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"eslint-plugin-tsdoc": "^0.2.16", "eslint-plugin-tsdoc": "^0.2.16",
"prettier": "^2.7.1", "prettier": "^2.7.1",

View File

@@ -49,13 +49,13 @@
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"rollup-plugin-typescript2": "^0.33.0", "rollup-plugin-typescript2": "^0.33.0",

View File

@@ -53,13 +53,13 @@
"homepage": "https://discord.js.org", "homepage": "https://discord.js.org",
"dependencies": { "dependencies": {
"@types/ws": "^8.5.3", "@types/ws": "^8.5.3",
"discord-api-types": "^0.37.3", "discord-api-types": "^0.37.4",
"prism-media": "^1.3.4", "prism-media": "^1.3.4",
"tslib": "^2.4.0", "tslib": "^2.4.0",
"ws": "^8.8.1" "ws": "^8.8.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.18.10", "@babel/core": "^7.18.13",
"@babel/preset-env": "^7.18.10", "@babel/preset-env": "^7.18.10",
"@babel/preset-typescript": "^7.18.6", "@babel/preset-typescript": "^7.18.6",
"@discordjs/docgen": "workspace:^", "@discordjs/docgen": "workspace:^",
@@ -67,13 +67,13 @@
"@microsoft/api-extractor": "^7.29.3", "@microsoft/api-extractor": "^7.29.3",
"@types/jest": "^28.1.7", "@types/jest": "^28.1.7",
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"downlevel-dts": "^0.10.0", "downlevel-dts": "^0.10.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"eslint-plugin-tsdoc": "^0.2.16", "eslint-plugin-tsdoc": "^0.2.16",
"jest": "^28.1.3", "jest": "^28.1.3",

View File

@@ -50,11 +50,11 @@
"dependencies": { "dependencies": {
"@emotion/react": "^11.10.0", "@emotion/react": "^11.10.0",
"@emotion/server": "^11.10.0", "@emotion/server": "^11.10.0",
"@mantine/core": "^5.2.0", "@mantine/core": "^5.2.3",
"@mantine/hooks": "^5.2.0", "@mantine/hooks": "^5.2.3",
"@mantine/next": "^5.2.0", "@mantine/next": "^5.2.3",
"@mantine/nprogress": "^5.2.0", "@mantine/nprogress": "^5.2.3",
"@mantine/spotlight": "^5.2.0", "@mantine/spotlight": "^5.2.3",
"@microsoft/api-extractor-model": "^7.23.1", "@microsoft/api-extractor-model": "^7.23.1",
"@microsoft/tsdoc": "0.14.1", "@microsoft/tsdoc": "0.14.1",
"@microsoft/tsdoc-config": "0.16.1", "@microsoft/tsdoc-config": "0.16.1",
@@ -78,25 +78,25 @@
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@types/react-dom": "^18.0.6", "@types/react-dom": "^18.0.6",
"@types/react-syntax-highlighter": "^15.5.4", "@types/react-syntax-highlighter": "^15.5.4",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@unocss/cli": "^0.45.9", "@unocss/cli": "^0.45.12",
"@unocss/preset-web-fonts": "^0.45.9", "@unocss/preset-web-fonts": "^0.45.12",
"@unocss/reset": "^0.45.9", "@unocss/reset": "^0.45.12",
"@vitejs/plugin-react": "^2.0.1", "@vitejs/plugin-react": "^2.0.1",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"concurrently": "^7.3.0", "concurrently": "^7.3.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"eslint-plugin-react": "^7.30.1", "eslint-plugin-react": "^7.30.1",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"happy-dom": "^6.0.4", "happy-dom": "^6.0.4",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"typescript": "^4.7.4", "typescript": "^4.7.4",
"unocss": "^0.45.9", "unocss": "^0.45.12",
"vercel": "^28.1.0", "vercel": "^28.1.0",
"vitest": "^0.22.1" "vitest": "^0.22.1"
}, },

View File

@@ -132,15 +132,7 @@ export function DocContainer({
</Stack> </Stack>
{(kind === 'Class' || kind === 'Interface') && (methods?.length || properties?.length) ? ( {(kind === 'Class' || kind === 'Interface') && (methods?.length || properties?.length) ? (
<MediaQuery smallerThan="lg" styles={{ display: 'none' }}> <MediaQuery smallerThan="lg" styles={{ display: 'none' }}>
<Aside <Aside hiddenBreakpoint="lg" width={{ lg: 250 }} withBorder>
sx={(theme) => ({
zIndex: 1,
background: theme.colorScheme === 'dark' ? theme.colors.dark![8] : theme.colors.gray![0],
})}
hiddenBreakpoint="lg"
width={{ lg: 300 }}
withBorder={false}
>
<ScrollArea p="xs"> <ScrollArea p="xs">
<TableOfContentItems properties={properties ?? []} methods={methods ?? []}></TableOfContentItems> <TableOfContentItems properties={properties ?? []} methods={methods ?? []}></TableOfContentItems>
</ScrollArea> </ScrollArea>

View File

@@ -158,11 +158,6 @@ export function SidebarLayout({ packageName, data, children }: PropsWithChildren
) : null} ) : null}
</Navbar> </Navbar>
} }
// footer={
// <Footer height={60} p="md">
// Application footer
// </Footer>
// }
header={ header={
<Header height={70} p="md"> <Header height={70} p="md">
<Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', height: '100%' }}> <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', height: '100%' }}>
@@ -197,11 +192,11 @@ export function SidebarLayout({ packageName, data, children }: PropsWithChildren
<Box <Box
sx={{ sx={{
position: 'relative', position: 'relative',
minHeight: 'calc(100vh - 150px)', minHeight: 'calc(100vh - 50px)',
zIndex: 1, zIndex: 1,
background: theme.colorScheme === 'dark' ? theme.colors.dark![8] : theme.colors.gray![0], background: theme.colorScheme === 'dark' ? theme.colors.dark![8] : theme.colors.gray![0],
}} }}
p="sm" p="lg"
pb={80} pb={80}
> >
{children} {children}
@@ -219,7 +214,7 @@ export function SidebarLayout({ packageName, data, children }: PropsWithChildren
paddingRight: 324, paddingRight: 324,
[theme.fn.smallerThan('lg')]: { [theme.fn.smallerThan('lg')]: {
paddingRight: 14, paddingRight: 24,
}, },
[theme.fn.smallerThan('md')]: { [theme.fn.smallerThan('md')]: {

View File

@@ -64,7 +64,7 @@ export function TableOfContentItems({
}); });
return ( return (
<Box> <Box sx={{ wordBreak: 'break-all' }}>
<Group mb="md" ml={2}> <Group mb="md" ml={2}>
<VscListSelection size={25} /> <VscListSelection size={25} />
<Text>Table of contents</Text> <Text>Table of contents</Text>

View File

@@ -34,7 +34,7 @@ export function ExampleBlock({ children, exampleIndex }: ExampleBlockProps): JSX
export function DeprecatedBlock({ children }: { children: ReactNode }): JSX.Element { export function DeprecatedBlock({ children }: { children: ReactNode }): JSX.Element {
return ( return (
<Alert icon={<VscWarning />} title="Deprecated" variant="filled" color="red" radius="xs"> <Alert icon={<VscWarning />} title="Deprecated" variant="outline" color="red" radius="xs">
{children} {children}
</Alert> </Alert>
); );

View File

@@ -57,7 +57,7 @@
"@sapphire/async-queue": "^1.5.0", "@sapphire/async-queue": "^1.5.0",
"@types/ws": "^8.5.3", "@types/ws": "^8.5.3",
"@vladfrangu/async_event_emitter": "^2.0.1", "@vladfrangu/async_event_emitter": "^2.0.1",
"discord-api-types": "^0.37.3", "discord-api-types": "^0.37.4",
"tslib": "^2.4.0", "tslib": "^2.4.0",
"ws": "^8.8.1" "ws": "^8.8.1"
}, },
@@ -66,14 +66,14 @@
"@favware/cliff-jumper": "^1.8.7", "@favware/cliff-jumper": "^1.8.7",
"@microsoft/api-extractor": "^7.29.3", "@microsoft/api-extractor": "^7.29.3",
"@types/node": "^16.11.52", "@types/node": "^16.11.52",
"@typescript-eslint/eslint-plugin": "^5.33.1", "@typescript-eslint/eslint-plugin": "^5.34.0",
"@typescript-eslint/parser": "^5.33.1", "@typescript-eslint/parser": "^5.34.0",
"@vitest/coverage-c8": "^0.22.1", "@vitest/coverage-c8": "^0.22.1",
"downlevel-dts": "^0.10.0", "downlevel-dts": "^0.10.0",
"eslint": "^8.22.0", "eslint": "^8.22.0",
"eslint-config-marine": "^9.4.1", "eslint-config-marine": "^9.4.1",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^8.5.0",
"eslint-import-resolver-typescript": "^3.4.2", "eslint-import-resolver-typescript": "^3.5.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"eslint-plugin-tsdoc": "^0.2.16", "eslint-plugin-tsdoc": "^0.2.16",
"mock-socket": "^9.1.5", "mock-socket": "^9.1.5",

624
yarn.lock

File diff suppressed because it is too large Load Diff