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 4a3d033562
commit c1e3a67a4e
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

11
front/app/_layout.tsx
View File

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

3
front/bun.lock
View File

@ -3,6 +3,7 @@
"workspaces": { "workspaces": {
"": { "": {
"dependencies": { "dependencies": {
"@expo/html-elements": "^0.11.2",
"@tanstack/react-query": "^5.66.0", "@tanstack/react-query": "^5.66.0",
"caniuse-api": "^3.0.0", "caniuse-api": "^3.0.0",
"expo": "~52.0.28", "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/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/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=="], "@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" "format:fix": "biome format . --write"
}, },
"dependencies": { "dependencies": {
"@expo/html-elements": "^0.11.2",
"@tanstack/react-query": "^5.66.0", "@tanstack/react-query": "^5.66.0",
"caniuse-api": "^3.0.0", "caniuse-api": "^3.0.0",
"expo": "~52.0.28", "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 { View } from "react-native";
import { useYoshiki } from "yoshiki/native"; import { useYoshiki } from "yoshiki/native";
import { z } from "zod"; import { z } from "zod";
import { ErrorView } from "../errors"; import { ErrorView } from "../../../../src/ui/errors";
import { SettingsContainer } from "../settings/base"; import { SettingsContainer } from "../settings/base";
import Info from "@material-symbols/svg-400/outlined/info.svg"; 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"; } from "@kyoo/primitives";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { type Theme, useYoshiki } from "yoshiki/native"; import { type Theme, useYoshiki } from "yoshiki/native";
import { ErrorView } from "../errors"; import { ErrorView } from "../../../../src/ui/errors";
export const PartOf = ({ export const PartOf = ({
name, 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, useRef,
} from "react"; } from "react";
import { FlatList, View, type ViewStyle } from "react-native"; 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"; import { EmptyView, type Layout, OfflineView, addHeader } from "./fetch";
const emulateGap = ( const emulateGap = (

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

@ -32,7 +32,7 @@ import {
useRef, useRef,
} from "react"; } from "react";
import { type Stylable, nativeStyleToCss, useYoshiki, ysMap } from "yoshiki"; 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"; import { EmptyView, type Layout, addHeader } from "./fetch";
const InfiniteScroll = <Props,>({ 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 { DownloadPage, DownloadProvider } from "./downloads";
export { SettingsPage } from "./settings"; export { SettingsPage } from "./settings";
export { AdminPage } from "./admin"; 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 { ImageBackground, View } from "react-native";
import { useRouter } from "solito/router"; import { useRouter } from "solito/router";
import { percent, rem, useYoshiki } from "yoshiki/native"; import { percent, rem, useYoshiki } from "yoshiki/native";
import { ErrorView } from "../errors"; import { ErrorView } from "../../../../src/ui/errors";
export const OidcLogin = ({ apiUrl, hideOr }: { apiUrl?: string; hideOr?: boolean }) => { export const OidcLogin = ({ apiUrl, hideOr }: { apiUrl?: string; hideOr?: boolean }) => {
const { css } = useYoshiki(); 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 { useMemo } from "react";
import { Platform, View } from "react-native"; import { Platform, View } from "react-native";
import { type Theme, percent, px, useForceRerender, useYoshiki } from "yoshiki/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 { durationAtom } from "../state";
import { seekProgressAtom } from "./hover"; import { seekProgressAtom } from "./hover";
import { toTimerString } from "./left-buttons"; 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 { useRouter } from "solito/router";
import { useYoshiki } from "yoshiki/native"; import { useYoshiki } from "yoshiki/native";
import { episodeDisplayNumber } from "../details/episode"; import { episodeDisplayNumber } from "../details/episode";
import { ErrorView } from "../errors"; import { ErrorView } from "../../../../src/ui/errors";
import { Back, Hover, LoadingIndicator } from "./components/hover"; import { Back, Hover, LoadingIndicator } from "./components/hover";
import { useVideoKeyboard } from "./keyboard"; import { useVideoKeyboard } from "./keyboard";
import { Video, durationAtom, fullscreenAtom } from "./state"; 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 { useTranslation } from "react-i18next";
import { ImageBackground } from "react-native"; import { ImageBackground } from "react-native";
import { rem, useYoshiki } from "yoshiki/native"; import { rem, useYoshiki } from "yoshiki/native";
import { ErrorView } from "../errors"; import { ErrorView } from "../../../../src/ui/errors";
import { Preference, SettingsContainer } from "./base"; import { Preference, SettingsContainer } from "./base";
import Badge from "@material-symbols/svg-400/outlined/badge.svg"; 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 "./page";
export * from "./kyoo-error"; export * from "./kyoo-error";
export * from "./resources"; 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/>. * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/ */
import type { KyooImage } from "@kyoo/models";
import type { ReactElement } from "react"; import type { ReactElement } from "react";
import type { ImageStyle } from "react-native"; import type { ImageStyle } from "react-native";
import type { YoshikiStyle } from "yoshiki/src/type"; import type { YoshikiStyle } from "yoshiki/src/type";
import type { KyooImage } from "~/models";
export type YoshikiEnhanced<Style> = Style extends any 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/>. * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/ */
import { P } from "@kyoo/primitives"; export { Header, Main, Nav, Footer, UL } from "@expo/html-elements";
import { useTranslation } from "react-i18next"; export * from "./text";
import { View } from "react-native"; export * from "./themes";
import { useYoshiki } from "yoshiki/native"; 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[] }) => { export * from "./utils";
const { t } = useTranslation(); export * from "./constants";
const { css } = useYoshiki();
return (
<View
{...css({
flexGrow: 1,
flexShrink: 1,
justifyContent: "center",
alignItems: "center",
})}
>
<P>{t("errors.unauthorized", { permission: missing?.join(", ") })}</P>
</View>
);
};

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 { import {
H1 as EH1, H1 as EH1,
H2 as EH2, 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 type { ReactElement } from "react";
import { useTranslation } from "react-i18next"; import { ErrorView, OfflineView } from "~/ui/errors";
import { View } from "react-native";
import { useYoshiki } from "yoshiki/native";
import { P } from "~/primitives";
import { ErrorView } from "./errors";
import { type QueryIdentifier, useFetch } from "./query"; import { type QueryIdentifier, useFetch } from "./query";
export const Fetch = <Data,>({ export const Fetch = <Data,>({
@ -22,37 +18,3 @@ export const Fetch = <Data,>({
if (!data) return <Loader />; if (!data) return <Loader />;
return <Render {...data} />; 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 { ConnectionErrorContext, useAccount } from "@kyoo/models";
import { Button, H1, Icon, Link, P, ts } from "@kyoo/primitives"; import { Button, H1, Icon, Link, P, ts } from "@kyoo/primitives";
import Register from "@material-symbols/svg-400/rounded/app_registration.svg"; 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 { View } from "react-native";
import { useRouter } from "solito/router"; import { useRouter } from "solito/router";
import { useYoshiki } from "yoshiki/native"; import { useYoshiki } from "yoshiki/native";
import { DefaultLayout } from "../layout"; import { DefaultLayout } from "../../../packages/ui/src/layout";
export const ConnectionError = () => { export const ConnectionError = () => {
const { css } = useYoshiki(); 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 { useContext, useLayoutEffect } from "react";
import { View } from "react-native"; import { View } from "react-native";
import { useYoshiki } from "yoshiki/native"; import { useYoshiki } from "yoshiki/native";
import { ConnectionErrorContext, type KyooErrors } from "~/models";
import { P } from "~/primitives";
export const ErrorView = ({ export const ErrorView = ({
error, 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 { useTranslation } from "react-i18next";
import { useRouter } from "solito/router"; import { useRouter } from "solito/router";
import { useYoshiki } from "yoshiki/native"; import { useYoshiki } from "yoshiki/native";
import { Navbar, NavbarProfile } from "../navbar"; import { Navbar, NavbarProfile } from "../../../packages/ui/src/navbar";
import { KyooLongLogo } from "../navbar/icon"; import { KyooLongLogo } from "../../../packages/ui/src/navbar/icon";
export const SetupPage: QueryPage<{ step: SetupStep }> = ({ step }) => { export const SetupPage: QueryPage<{ step: SetupStep }> = ({ step }) => {
const { css } = useYoshiki(); 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>
);
};