Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Move primitives

Browse Source
This commit is contained in:
Zoe Roux 2025-02-02 22:00:09 +01:00
parent 43e1dfd2cd
commit 2216bcf3f6
No known key found for this signature in database
74 changed files with 122 additions and 321 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
front/app/_layout.tsx
View File

@ -1,3 +1,4 @@
import { HydrationBoundary } from "@tanstack/react-query";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import { Slot } from "one";
import { useServerHeadInsertion } from "one";
@ -79,10 +80,12 @@ export default function Layout() {
<body className="hoverEnabled">
<StyleRegistryProvider registry={registry}>
<HydrationBoundary state={queryState}>
<Providers>
<Slot />
<ReactQueryDevtools initialIsOpen={false} />
</Providers>
</HydrationBoundary>
</StyleRegistryProvider>
</body>
</html>

3
front/bun.lock
View File

@ -3,6 +3,7 @@
"workspaces": {
"": {
"dependencies": {
"@expo/html-elements": "^0.11.2",
"@tanstack/react-query": "^5.66.0",
"caniuse-api": "^3.0.0",
"expo": "~52.0.28",
@ -406,6 +407,8 @@
"@expo/fingerprint": ["@expo/fingerprint@0.11.7", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "arg": "^5.0.2", "chalk": "^4.1.2", "debug": "^4.3.4", "find-up": "^5.0.0", "getenv": "^1.0.0", "minimatch": "^3.0.4", "p-limit": "^3.1.0", "resolve-from": "^5.0.0", "semver": "^7.6.0" }, "bin": { "fingerprint": "bin/cli.js" } }, "sha512-2rfYVS4nqWmOPQk+AL5GPfPSawbqqmI5mL++bxAhWADt+d+fjoQYfIrGtjZxQ30f9o/a1PrRPVSuh2j09+diVg=="],
"@expo/html-elements": ["@expo/html-elements@0.11.2", "", {}, "sha512-OC98eZ4mMzpFQq/KF9t+CGC4Vcg4RnoOxWAzSmNVd3VZ2dFFi64QCoHlT719wDmuccemn1VPXu1/rFvOGmJgOg=="],
"@expo/image-utils": ["@expo/image-utils@0.6.4", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "chalk": "^4.0.0", "fs-extra": "9.0.0", "getenv": "^1.0.0", "jimp-compact": "0.16.1", "parse-png": "^2.1.0", "resolve-from": "^5.0.0", "semver": "^7.6.0", "temp-dir": "~2.0.0", "unique-string": "~2.0.0" } }, "sha512-L++1PBzSvf5iYc6UHJ8Db8GcYNkfLDw+a+zqEFBQ3xqRXP/muxb/O7wuiMFlXrj/cfkx4e0U+z1a4ceV0A7S7Q=="],
"@expo/json-file": ["@expo/json-file@9.0.1", "", { "dependencies": { "@babel/code-frame": "~7.10.4", "json5": "^2.2.3", "write-file-atomic": "^2.3.0" } }, "sha512-ZVPhbbEBEwafPCJ0+kI25O2Iivt3XKHEKAADCml1q2cmOIbQnKgLyn8DpOJXqWEyRQr/VWS+hflBh8DU2YFSqg=="],

1
front/package.json
View File

@ -13,6 +13,7 @@
"format:fix": "biome format . --write"
},
"dependencies": {
"@expo/html-elements": "^0.11.2",
"@tanstack/react-query": "^5.66.0",
"caniuse-api": "^3.0.0",
"expo": "~52.0.28",

66
front/packages/primitives/package.json
View File

@ -1,66 +0,0 @@
{
"name": "@kyoo/primitives",
"main": "src/index.ts",
"types": "src/index.ts",
"sideEffects": false,
"packageManager": "yarn@3.2.4",
"devDependencies": {
"@gorhom/portal": "^1.0.14",
"typescript": "^5.5.4"
},
"peerDependencies": {
"@gorhom/portal": "*",
"@material-symbols/svg-400": "*",
"@radix-ui/react-dropdown-menu": "*",
"@radix-ui/react-select": "*",
"blurhash": "*",
"expo-linear-gradient": "*",
"moti": "*",
"react": "*",
"react-native": "*",
"react-native-blurhash": "*",
"react-native-fast-image": "*",
"react-native-reanimated": "*",
"react-native-safe-area-context": "*",
"react-native-svg": "*",
"yoshiki": "*"
},
"peerDependenciesMeta": {
"@gorhom/portal": {
"optional": true
},
"@radix-ui/react-dropdown-menu": {
"optional": true
},
"@radix-ui/react-select": {
"optional": true
},
"blurhash": {
"optional": true
},
"react-native-blurhash": {
"optional": true
},
"react-native-fast-image": {
"optional": true
},
"react-native-safe-area-context": {
"optional": true
},
"react-native-web": {
"optional": true
}
},
"dependencies": {
"@expo/html-elements": "^0.10.1",
"@tanstack/react-query": "^5.51.23",
"solito": "^4.2.2"
},
"optionalDependencies": {
"@radix-ui/react-select": "^2.1.1",
"blurhash": "^2.0.5",
"react-native-blurhash": "^2.0.3",
"react-native-fast-image": "^8.6.3",
"react-native-safe-area-context": "4.10.8"
}
}

21
front/packages/primitives/src/constants/index.ts
View File

@ -1,21 +0,0 @@
/*
* Kyoo - A portable and vast media library solution.
* Copyright (c) Kyoo.
*
* See AUTHORS.md and LICENSE file in the project root for full license information.
*
* Kyoo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* Kyoo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
export const imageBorderRadius = 10;

44
front/packages/primitives/src/index.ts
View File

@ -1,44 +0,0 @@
/*
* Kyoo - A portable and vast media library solution.
* Copyright (c) Kyoo.
*
* See AUTHORS.md and LICENSE file in the project root for full license information.
*
* Kyoo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* Kyoo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
// export { Header, Main, Nav, Footer, UL } from "@expo/html-elements";
// export * from "./text";
export * from "./themes";
// export * from "./icons";
// export * from "./links";
// export * from "./avatar";
// export * from "./image";
// export * from "./skeleton";
// export * from "./tooltip";
// export * from "./container";
// export * from "./divider";
// export * from "./progress";
// export * from "./slider";
// export * from "./snackbar";
// export * from "./alert";
// export * from "./menu";
// export * from "./popup";
// export * from "./select";
// export * from "./input";
// export * from "./button";
// export * from "./chip";
//
// export * from "./utils";
// export * from "./constants";

26
front/packages/primitives/tsconfig.json
View File

@ -1,26 +0,0 @@
{
"compilerOptions": {
"target": "es6",
"lib": ["dom", "dom.iterable", "esnext"],
"declaration": true,
"sourceMap": true,
"noEmit": true,
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "react-jsx",
"incremental": true,
"baseUrl": ".",
"paths": {
"~/*": ["src/*"]
}
},
"include": ["**/*.ts", "**/*.tsx"],
"exclude": ["node_modules"]
}

2
front/packages/ui/src/admin/scanner.tsx
View File

@ -24,7 +24,7 @@ import { useTranslation } from "react-i18next";
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
import { z } from "zod";
import { ErrorView } from "../errors";
import { ErrorView } from "../../../../src/ui/errors";
import { SettingsContainer } from "../settings/base";
import Info from "@material-symbols/svg-400/outlined/info.svg";

2
front/packages/ui/src/details/collection.tsx
View File

@ -37,7 +37,7 @@ import {
} from "@kyoo/primitives";
import { useTranslation } from "react-i18next";
import { type Theme, useYoshiki } from "yoshiki/native";
import { ErrorView } from "../errors";
import { ErrorView } from "../../../../src/ui/errors";
export const PartOf = ({
name,

24
front/packages/ui/src/errors/index.tsx
View File

@ -1,24 +0,0 @@
/*
* Kyoo - A portable and vast media library solution.
* Copyright (c) Kyoo.
*
* See AUTHORS.md and LICENSE file in the project root for full license information.
*
* Kyoo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* Kyoo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
export * from "./error";
export * from "./unauthorized";
export * from "./connection";
export * from "./setup";

2
front/packages/ui/src/fetch-infinite.tsx
View File

@ -29,7 +29,7 @@ import {
useRef,
} from "react";
import { FlatList, View, type ViewStyle } from "react-native";
import { ErrorView } from "./errors";
import { ErrorView } from "../../../src/ui/errors";
import { EmptyView, type Layout, OfflineView, addHeader } from "./fetch";
const emulateGap = (

2
front/packages/ui/src/fetch-infinite.web.tsx
View File

@ -32,7 +32,7 @@ import {
useRef,
} from "react";
import { type Stylable, nativeStyleToCss, useYoshiki, ysMap } from "yoshiki";
import { ErrorView } from "./errors";
import { ErrorView } from "../../../src/ui/errors";
import { EmptyView, type Layout, addHeader } from "./fetch";
const InfiniteScroll = <Props,>({

2
front/packages/ui/src/index.ts
View File

@ -29,4 +29,4 @@ export { ServerUrlPage, LoginPage, RegisterPage, OidcCallbackPage } from "./logi
export { DownloadPage, DownloadProvider } from "./downloads";
export { SettingsPage } from "./settings";
export { AdminPage } from "./admin";
export * from "./errors";
export * from "../../../src/ui/errors";

2
front/packages/ui/src/login/oidc.tsx
View File

@ -32,7 +32,7 @@ import { useTranslation } from "react-i18next";
import { ImageBackground, View } from "react-native";
import { useRouter } from "solito/router";
import { percent, rem, useYoshiki } from "yoshiki/native";
import { ErrorView } from "../errors";
import { ErrorView } from "../../../../src/ui/errors";
export const OidcLogin = ({ apiUrl }: { apiUrl?: string }) => {
const { css } = useYoshiki();

2
front/packages/ui/src/player/components/scrubber.tsx
View File

@ -24,7 +24,7 @@ import { useAtomValue } from "jotai";
import { useMemo } from "react";
import { Platform, View } from "react-native";
import { type Theme, percent, px, useForceRerender, useYoshiki } from "yoshiki/native";
import { ErrorView } from "../../errors";
import { ErrorView } from "../../../../../src/ui/errors";
import { durationAtom } from "../state";
import { seekProgressAtom } from "./hover";
import { toTimerString } from "./left-buttons";

2
front/packages/ui/src/player/index.tsx
View File

@ -36,7 +36,7 @@ import { Platform, StyleSheet, View } from "react-native";
import { useRouter } from "solito/router";
import { useYoshiki } from "yoshiki/native";
import { episodeDisplayNumber } from "../details/episode";
import { ErrorView } from "../errors";
import { ErrorView } from "../../../../src/ui/errors";
import { Back, Hover, LoadingIndicator } from "./components/hover";
import { useVideoKeyboard } from "./keyboard";
import { Video, durationAtom, fullscreenAtom } from "./state";

2
front/packages/ui/src/settings/oidc.tsx
View File

@ -30,7 +30,7 @@ import { Button, IconButton, Link, Skeleton, tooltip, ts } from "@kyoo/primitive
import { useTranslation } from "react-i18next";
import { ImageBackground } from "react-native";
import { rem, useYoshiki } from "yoshiki/native";
import { ErrorView } from "../errors";
import { ErrorView } from "../../../../src/ui/errors";
import { Preference, SettingsContainer } from "./base";
import Badge from "@material-symbols/svg-400/outlined/badge.svg";

1
front/src/models/index.ts
View File

@ -1,3 +1,4 @@
export * from "./page";
export * from "./kyoo-error";
export * from "./resources";
export * from "./traits";

0
front/packages/primitives/src/alert.tsx → front/src/primitives/alert.tsx
View File

0
front/packages/primitives/src/alert.web.tsx → front/src/primitives/alert.web.tsx
View File

0
front/packages/primitives/src/avatar.tsx → front/src/primitives/avatar.tsx
View File

0
front/packages/primitives/src/button.tsx → front/src/primitives/button.tsx
View File

0
front/packages/primitives/src/chip.tsx → front/src/primitives/chip.tsx
View File

1
front/src/primitives/constants/index.ts Normal file
View File

@ -0,0 +1 @@
export const imageBorderRadius = 10;

0
front/packages/primitives/src/container.tsx → front/src/primitives/container.tsx
View File

0
front/packages/primitives/src/divider.tsx → front/src/primitives/divider.tsx
View File

0
front/packages/primitives/src/icons.tsx → front/src/primitives/icons.tsx
View File

2
front/packages/primitives/src/image/base-image.tsx → front/src/primitives/image/base-image.tsx
View File

@ -18,10 +18,10 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import type { KyooImage } from "@kyoo/models";
import type { ReactElement } from "react";
import type { ImageStyle } from "react-native";
import type { YoshikiStyle } from "yoshiki/src/type";
import type { KyooImage } from "~/models";
export type YoshikiEnhanced<Style> = Style extends any
? {

0
front/packages/primitives/src/image/blurhash.tsx → front/src/primitives/image/blurhash.tsx
View File

0
front/packages/primitives/src/image/blurhash.web.tsx → front/src/primitives/image/blurhash.web.tsx
View File

0
front/packages/primitives/src/image/image.tsx → front/src/primitives/image/image.tsx
View File

0
front/packages/primitives/src/image/image.web.tsx → front/src/primitives/image/image.web.tsx
View File

0
front/packages/primitives/src/image/index.tsx → front/src/primitives/image/index.tsx
View File

0
front/packages/primitives/src/image/sprite.tsx → front/src/primitives/image/sprite.tsx
View File

0
front/packages/primitives/src/image/sprite.web.tsx → front/src/primitives/image/sprite.web.tsx
View File

44
front/packages/ui/src/errors/unauthorized.tsx → front/src/primitives/index.ts
View File

@ -18,25 +18,27 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import { P } from "@kyoo/primitives";
import { useTranslation } from "react-i18next";
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
export { Header, Main, Nav, Footer, UL } from "@expo/html-elements";
export * from "./text";
export * from "./themes";
export * from "./icons";
export * from "./links";
export * from "./avatar";
export * from "./image";
export * from "./skeleton";
export * from "./tooltip";
export * from "./container";
export * from "./divider";
export * from "./progress";
export * from "./slider";
export * from "./snackbar";
export * from "./alert";
export * from "./menu";
export * from "./popup";
export * from "./select";
export * from "./input";
export * from "./button";
export * from "./chip";
export const Unauthorized = ({ missing }: { missing: string[] }) => {
const { t } = useTranslation();
const { css } = useYoshiki();
return (
<View
{...css({
flexGrow: 1,
flexShrink: 1,
justifyContent: "center",
alignItems: "center",
})}
>
<P>{t("errors.unauthorized", { permission: missing?.join(", ") })}</P>
</View>
);
};
export * from "./utils";
export * from "./constants";

0
front/packages/primitives/src/input.tsx → front/src/primitives/input.tsx
View File

0
front/packages/primitives/src/links.tsx → front/src/primitives/links.tsx
View File

0
front/packages/primitives/src/menu.tsx → front/src/primitives/menu.tsx
View File

0
front/packages/primitives/src/menu.web.tsx → front/src/primitives/menu.web.tsx
View File

0
front/packages/primitives/src/popup.tsx → front/src/primitives/popup.tsx
View File

0
front/packages/primitives/src/progress.tsx → front/src/primitives/progress.tsx
View File

0
front/packages/primitives/src/select.tsx → front/src/primitives/select.tsx
View File

0
front/packages/primitives/src/select.web.tsx → front/src/primitives/select.web.tsx
View File

0
front/packages/primitives/src/skeleton.tsx → front/src/primitives/skeleton.tsx
View File

0
front/packages/primitives/src/skeleton.web.tsx → front/src/primitives/skeleton.web.tsx
View File

0
front/packages/primitives/src/slider.tsx → front/src/primitives/slider.tsx
View File

0
front/packages/primitives/src/snackbar.tsx → front/src/primitives/snackbar.tsx
View File

0
front/packages/primitives/src/svg.d.ts → front/src/primitives/svg.d.ts vendored
View File

20
front/packages/primitives/src/text.tsx → front/src/primitives/text.tsx
View File

@ -1,23 +1,3 @@
/*
* Kyoo - A portable and vast media library solution.
* Copyright (c) Kyoo.
*
* See AUTHORS.md and LICENSE file in the project root for full license information.
*
* Kyoo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* Kyoo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import {
H1 as EH1,
H2 as EH2,

0
front/packages/primitives/src/themes/catppuccin.ts → front/src/primitives/themes/catppuccin.ts
View File

0
front/packages/primitives/src/themes/index.ts → front/src/primitives/themes/index.ts
View File

0
front/packages/primitives/src/themes/theme.tsx → front/src/primitives/themes/theme.tsx
View File

0
front/packages/primitives/src/tooltip.ts → front/src/primitives/tooltip.ts
View File

0
front/packages/primitives/src/tooltip.web.tsx → front/src/primitives/tooltip.web.tsx
View File

0
front/packages/primitives/src/types.d.ts → front/src/primitives/types.d.ts vendored
View File

0
front/packages/primitives/src/utils/breakpoints.ts → front/src/primitives/utils/breakpoints.ts
View File

0
front/packages/primitives/src/utils/capitalize.ts → front/src/primitives/utils/capitalize.ts
View File

0
front/packages/primitives/src/utils/head.tsx → front/src/primitives/utils/head.tsx
View File

0
front/packages/primitives/src/utils/head.web.tsx → front/src/primitives/utils/head.web.tsx
View File

0
front/packages/primitives/src/utils/index.tsx → front/src/primitives/utils/index.tsx
View File

0
front/packages/primitives/src/utils/nojs.tsx → front/src/primitives/utils/nojs.tsx
View File

0
front/packages/primitives/src/utils/page-style.tsx → front/src/primitives/utils/page-style.tsx
View File

0
front/packages/primitives/src/utils/page-style.web.tsx → front/src/primitives/utils/page-style.web.tsx
View File

0
front/packages/primitives/src/utils/spacing.tsx → front/src/primitives/utils/spacing.tsx
View File

0
front/packages/primitives/src/utils/touchonly.tsx → front/src/primitives/utils/touchonly.tsx
View File

42
front/src/query/fetch.tsx
View File

@ -1,9 +1,5 @@
import { type ComponentType, type ReactElement, isValidElement } from "react";
import { useTranslation } from "react-i18next";
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
import { P } from "~/primitives";
import { ErrorView } from "./errors";
import type { ReactElement } from "react";
import { ErrorView, OfflineView } from "~/ui/errors";
import { type QueryIdentifier, useFetch } from "./query";
export const Fetch = <Data,>({
@ -22,37 +18,3 @@ export const Fetch = <Data,>({
if (!data) return <Loader />;
return <Render {...data} />;
};
export const OfflineView = () => {
const { css } = useYoshiki();
const { t } = useTranslation();
return (
<View
{...css({
flexGrow: 1,
flexShrink: 1,
justifyContent: "center",
alignItems: "center",
})}
>
<P {...css({ color: (theme) => theme.colors.white })}>{t("errors.offline")}</P>
</View>
);
};
export const EmptyView = ({ message }: { message: string }) => {
const { css } = useYoshiki();
return (
<View
{...css({
flexGrow: 1,
justifyContent: "center",
alignItems: "center",
})}
>
<P {...css({ color: (theme) => theme.heading })}>{message}</P>
</View>
);
};

22
front/packages/ui/src/errors/connection.tsx → front/src/ui/errors/connection.tsx
View File

@ -1,23 +1,3 @@
/*
* Kyoo - A portable and vast media library solution.
* Copyright (c) Kyoo.
*
* See AUTHORS.md and LICENSE file in the project root for full license information.
*
* Kyoo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* Kyoo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import { ConnectionErrorContext, useAccount } from "@kyoo/models";
import { Button, H1, Icon, Link, P, ts } from "@kyoo/primitives";
import Register from "@material-symbols/svg-400/rounded/app_registration.svg";
@ -26,7 +6,7 @@ import { useTranslation } from "react-i18next";
import { View } from "react-native";
import { useRouter } from "solito/router";
import { useYoshiki } from "yoshiki/native";
import { DefaultLayout } from "../layout";
import { DefaultLayout } from "../../../packages/ui/src/layout";
export const ConnectionError = () => {
const { css } = useYoshiki();

19
front/src/ui/errors/empty.tsx Normal file
View File

@ -0,0 +1,19 @@
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
import { P } from "~/primitives";
export const EmptyView = ({ message }: { message: string }) => {
const { css } = useYoshiki();
return (
<View
{...css({
flexGrow: 1,
justifyContent: "center",
alignItems: "center",
})}
>
<P {...css({ color: (theme) => theme.heading })}>{message}</P>
</View>
);
};

24
front/packages/ui/src/errors/error.tsx → front/src/ui/errors/error.tsx
View File

@ -1,28 +1,8 @@
/*
* Kyoo - A portable and vast media library solution.
* Copyright (c) Kyoo.
*
* See AUTHORS.md and LICENSE file in the project root for full license information.
*
* Kyoo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* Kyoo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import { ConnectionErrorContext, type KyooErrors } from "@kyoo/models";
import { P } from "@kyoo/primitives";
import { useContext, useLayoutEffect } from "react";
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
import { ConnectionErrorContext, type KyooErrors } from "~/models";
import { P } from "~/primitives";
export const ErrorView = ({
error,

6
front/src/ui/errors/index.tsx Normal file
View File

@ -0,0 +1,6 @@
export * from "./error";
export * from "./unauthorized";
export * from "./connection";
export * from "./setup";
export * from "./empty";
export * from "./offline";

22
front/src/ui/errors/offline.tsx Normal file
View File

@ -0,0 +1,22 @@
import { useTranslation } from "react-i18next";
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
import { P } from "~/primitives";
export const OfflineView = () => {
const { css } = useYoshiki();
const { t } = useTranslation();
return (
<View
{...css({
flexGrow: 1,
flexShrink: 1,
justifyContent: "center",
alignItems: "center",
})}
>
<P {...css({ color: (theme) => theme.colors.white })}>{t("errors.offline")}</P>
</View>
);
};

4
front/packages/ui/src/errors/setup.tsx → front/src/ui/errors/setup.tsx
View File

@ -6,8 +6,8 @@ import { useEffect } from "react";
import { useTranslation } from "react-i18next";
import { useRouter } from "solito/router";
import { useYoshiki } from "yoshiki/native";
import { Navbar, NavbarProfile } from "../navbar";
import { KyooLongLogo } from "../navbar/icon";
import { Navbar, NavbarProfile } from "../../../packages/ui/src/navbar";
import { KyooLongLogo } from "../../../packages/ui/src/navbar/icon";
export const SetupPage: QueryPage<{ step: SetupStep }> = ({ step }) => {
const { css } = useYoshiki();

22
front/src/ui/errors/unauthorized.tsx Normal file
View File

@ -0,0 +1,22 @@
import { useTranslation } from "react-i18next";
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
import { P } from "~/primitives";
export const Unauthorized = ({ missing }: { missing: string[] }) => {
const { t } = useTranslation();
const { css } = useYoshiki();
return (
<View
{...css({
flexGrow: 1,
flexShrink: 1,
justifyContent: "center",
alignItems: "center",
})}
>
<P>{t("errors.unauthorized", { permission: missing?.join(", ") })}</P>
</View>
);
};