wip: book entity

Author: ivan-dalmet

app/components/icons/generated/IconBookOpen.tsx

@@ -0,0 +1,18 @@
+// Autogenerated file, DO NOT MODIFY or it will be overwritten;
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const Svg = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 256 256"
+    {...props}
+  >
+    <path d="M232 48h-72a40 40 0 0 0-32 16 40 40 0 0 0-32-16H24a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h72a24 24 0 0 1 24 24 8 8 0 0 0 16 0 24 24 0 0 1 24-24h72a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8M96 192H32V64h64a24 24 0 0 1 24 24v112a39.8 39.8 0 0 0-24-8m128 0h-64a39.8 39.8 0 0 0-24 8V88a24 24 0 0 1 24-24h64Z" />
+  </svg>
+);
+const IconBookOpen = (props: SVGProps<SVGSVGElement>) => {
+  return <Svg fill="currentColor" {...props} width="1em" height="1em" />;
+};
+export default IconBookOpen;

app/components/icons/generated/IconBookOpenDuotone.tsx

@@ -0,0 +1,22 @@
+// Autogenerated file, DO NOT MODIFY or it will be overwritten;
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const Svg = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 256 256"
+    {...props}
+  >
+    <path
+      d="M232 56v144h-72a32 32 0 0 0-32 32 32 32 0 0 0-32-32H24V56h72a32 32 0 0 1 32 32 32 32 0 0 1 32-32Z"
+      opacity={0.2}
+    />
+    <path d="M232 48h-72a40 40 0 0 0-32 16 40 40 0 0 0-32-16H24a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h72a24 24 0 0 1 24 24 8 8 0 0 0 16 0 24 24 0 0 1 24-24h72a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8M96 192H32V64h64a24 24 0 0 1 24 24v112a39.8 39.8 0 0 0-24-8m128 0h-64a39.8 39.8 0 0 0-24 8V88a24 24 0 0 1 24-24h64Z" />
+  </svg>
+);
+const IconBookOpenDuotone = (props: SVGProps<SVGSVGElement>) => {
+  return <Svg fill="currentColor" {...props} width="1em" height="1em" />;
+};
+export default IconBookOpenDuotone;

app/components/icons/generated/IconBookOpenFill.tsx

@@ -0,0 +1,18 @@
+// Autogenerated file, DO NOT MODIFY or it will be overwritten;
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const Svg = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 256 256"
+    {...props}
+  >
+    <path d="M240 56v144a8 8 0 0 1-8 8h-72a24 24 0 0 0-24 23.94 7.9 7.9 0 0 1-5.12 7.55A8 8 0 0 1 120 232a24 24 0 0 0-24-24H24a8 8 0 0 1-8-8V56a8 8 0 0 1 8-8h64a32 32 0 0 1 32 32v87.73a8.17 8.17 0 0 0 7.47 8.25 8 8 0 0 0 8.53-8V80a32 32 0 0 1 32-32h64a8 8 0 0 1 8 8" />
+  </svg>
+);
+const IconBookOpenFill = (props: SVGProps<SVGSVGElement>) => {
+  return <Svg fill="currentColor" {...props} width="1em" height="1em" />;
+};
+export default IconBookOpenFill;

app/components/icons/generated/index.ts

@@ -1,3 +1,6 @@
+export { default as IconBookOpenDuotone } from './IconBookOpenDuotone';
+export { default as IconBookOpenFill } from './IconBookOpenFill';
+export { default as IconBookOpen } from './IconBookOpen';
 export { default as IconGitBranchDuotone } from './IconGitBranchDuotone';
 export { default as IconGitBranchFill } from './IconGitBranchFill';
 export { default as IconGitBranch } from './IconGitBranch';

app/components/icons/svg-sources/icon-book-open-duotone.svg

@@ -18,21 +18,21 @@ import {
   PageLayoutTopBarTitle,
 } from '@/layout/app/page-layout';
 
-export const PageRepository = (props: { params: { id: string } }) => {
-  const repository = useQuery(
-    orpc.repository.getById.queryOptions({ input: { id: props.params.id } })
+export const PageBook = (props: { params: { id: string } }) => {
+  const bookQuery = useQuery(
+    orpc.book.getById.queryOptions({ input: { id: props.params.id } })
   );
 
   const ui = getUiState((set) => {
-    if (repository.status === 'pending') return set('pending');
+    if (bookQuery.status === 'pending') return set('pending');
     if (
-      repository.status === 'error' &&
-      repository.error instanceof ORPCError &&
-      repository.error.code === 'NOT_FOUND'
+      bookQuery.status === 'error' &&
+      bookQuery.error instanceof ORPCError &&
+      bookQuery.error.code === 'NOT_FOUND'
     )
       return set('not-found');
-    if (repository.status === 'error') return set('error');
-    return set('default', { repository: repository.data });
+    if (bookQuery.status === 'error') return set('error');
+    return set('default', { book: bookQuery.data });
   });
 
   return (
@@ -53,7 +53,7 @@ export const PageRepository = (props: { params: { id: string } }) => {
             .match(['not-found', 'error'], () => (
               <AlertCircleIcon className="size-4 text-muted-foreground" />
             ))
-            .match('default', ({ repository }) => <>{repository.name}</>)
+            .match('default', ({ book }) => <>{book.title}</>)
             .exhaustive()}
         </PageLayoutTopBarTitle>
       </PageLayoutTopBar>
@@ -62,7 +62,7 @@ export const PageRepository = (props: { params: { id: string } }) => {
           .match('pending', () => <Spinner full />)
           .match('not-found', () => <PageError error="404" />)
           .match('error', () => <PageError />)
-          .match('default', ({ repository }) => <>{repository.name}</>)
+          .match('default', ({ book }) => <>{book.title}</>)
           .exhaustive()}
       </PageLayoutContent>
     </PageLayout>

app/components/icons/svg-sources/icon-book-open-fill.svg

@@ -14,9 +14,9 @@ import {
   PageLayoutTopBarTitle,
 } from '@/layout/app/page-layout';
 
-export const PageRepositories = () => {
-  const repositoriesQuery = useInfiniteQuery(
-    orpc.repository.getAll.infiniteOptions({
+export const PageBooks = () => {
+  const booksQuery = useInfiniteQuery(
+    orpc.book.getAll.infiniteOptions({
       input: (cursor: string | undefined) => ({
         cursor,
       }),
@@ -27,41 +27,41 @@ export const PageRepositories = () => {
   );
 
   const ui = getUiState((set) => {
-    if (repositoriesQuery.status === 'pending') return set('pending');
-    if (repositoriesQuery.status === 'error') return set('error');
+    if (booksQuery.status === 'pending') return set('pending');
+    if (booksQuery.status === 'error') return set('error');
 
-    const items = repositoriesQuery.data?.pages.flatMap((p) => p.items) ?? [];
+    const items = booksQuery.data?.pages.flatMap((p) => p.items) ?? [];
     if (!items.length) return set('empty');
     return set('default', { items });
   });
 
   return (
     <PageLayout>
       <PageLayoutTopBar>
-        <PageLayoutTopBarTitle>Repositories</PageLayoutTopBarTitle>
+        <PageLayoutTopBarTitle>Books</PageLayoutTopBarTitle>
       </PageLayoutTopBar>
       <PageLayoutContent>
         {ui
           .match('pending', () => <>Loading...</>)
           .match('error', () => <PageError />)
-          .match('empty', () => <>No repo</>)
+          .match('empty', () => <>No books</>)
           .match('default', ({ items }) => (
             <>
               {items.map((item) => (
                 <Link
                   key={item.id}
-                  to="/app/repositories/$id"
+                  to="/app/books/$id"
                   params={{ id: item.id }}
                 >
-                  Repo: {item.name}
+                  Repo: {item.title}
                 </Link>
               ))}
-              {repositoriesQuery.hasNextPage && (
+              {booksQuery.hasNextPage && (
                 <Button
                   size="sm"
                   variant="link"
-                  onClick={() => repositoriesQuery.fetchNextPage()}
-                  loading={repositoriesQuery.isFetchingNextPage}
+                  onClick={() => booksQuery.fetchNextPage()}
+                  loading={booksQuery.isFetchingNextPage}
                 >
                   Load more
                 </Button>

app/components/icons/svg-sources/icon-book-open.svg

@@ -19,21 +19,21 @@ import {
   PageLayoutTopBarTitle,
 } from '@/layout/manager/page-layout';
 
-export const PageRepository = (props: { params: { id: string } }) => {
-  const repositoryQuery = useQuery(
-    orpc.repository.getById.queryOptions({ input: { id: props.params.id } })
+export const PageBook = (props: { params: { id: string } }) => {
+  const bookQuery = useQuery(
+    orpc.book.getById.queryOptions({ input: { id: props.params.id } })
   );
 
   const ui = getUiState((set) => {
-    if (repositoryQuery.status === 'pending') return set('pending');
+    if (bookQuery.status === 'pending') return set('pending');
     if (
-      repositoryQuery.status === 'error' &&
-      repositoryQuery.error instanceof ORPCError &&
-      repositoryQuery.error.code === 'NOT_FOUND'
+      bookQuery.status === 'error' &&
+      bookQuery.error instanceof ORPCError &&
+      bookQuery.error.code === 'NOT_FOUND'
     )
       return set('not-found');
-    if (repositoryQuery.status === 'error') return set('error');
-    return set('default', { repository: repositoryQuery.data });
+    if (bookQuery.status === 'error') return set('error');
+    return set('default', { book: bookQuery.data });
   });
 
   return (
@@ -58,7 +58,7 @@ export const PageRepository = (props: { params: { id: string } }) => {
             .match(['not-found', 'error'], () => (
               <AlertCircleIcon className="size-4 text-muted-foreground" />
             ))
-            .match('default', ({ repository }) => <>{repository.name}</>)
+            .match('default', ({ book }) => <>{book.title}</>)
             .exhaustive()}
         </PageLayoutTopBarTitle>
       </PageLayoutTopBar>
@@ -67,7 +67,7 @@ export const PageRepository = (props: { params: { id: string } }) => {
           .match('pending', () => <Spinner full />)
           .match('not-found', () => <PageError error="404" />)
           .match('error', () => <PageError />)
-          .match('default', ({ repository }) => <>{repository.name}</>)
+          .match('default', ({ book }) => <>{book.title}</>)
           .exhaustive()}
       </PageLayoutContent>
     </PageLayout>