bergsjo-kickers/bibblan
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Compare commits

base: bergsjo-kickers:5ae7c7f47b7a260b16b11f0d877472f216f5a4eb
Branches Tags
bergsjo-kickers:master
..
compare: bergsjo-kickers:42ac0a99e85f78872bc963ac5dada35e0a769155
Branches Tags
bergsjo-kickers:master

No commits in common. "5ae7c7f47b7a260b16b11f0d877472f216f5a4eb" and "42ac0a99e85f78872bc963ac5dada35e0a769155" have entirely different histories.
5ae7c7f47b ... 42ac0a99e8

9 changed files with 21 additions and 1950 deletions
Show Stats Expand all files Collapse all files

1
Frontend/index.html
View File

@ -6,7 +6,6 @@
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
<title>Solid App</title> <title>Solid App</title>
<link href="/src/styles/styles.css" rel="stylesheet" />
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

1876
Frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
Frontend/package.json
View File

@ -3,7 +3,6 @@
"version": "1.0.0", "version": "1.0.0",
"main": "index.ts", "main": "index.ts",
"license": "MIT", "license": "MIT",
"type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build" "build": "vite build"
@ -16,9 +15,6 @@
"vite-plugin-solid": "^2.11.8" "vite-plugin-solid": "^2.11.8"
}, },
"dependencies": { "dependencies": {
"@tailwindcss/vite": "^4.1.13", "solid-js": "^1.9.9"
"daisyui": "^5.1.7",
"solid-js": "^1.9.9",
"tailwindcss": "^4.1.13"
} }
} }

29
Frontend/src/App.tsx
View File

@ -1,18 +1,22 @@
import type { Component } from "solid-js"; import type { Component } from "solid-js";
import { createSignal, For, onMount } from "solid-js"; import { createSignal, For, onMount } from "solid-js";
import CalibreService from "./services/calibreservice";
import { book } from "./types/calibretypes"; interface Weather {
import BookCard from "./components/BookCard"; date: string;
temperatureC: number;
temperatureF: number;
summary: string;
}
const App: Component = () => { const App: Component = () => {
const [books, setBooks] = createSignal<book[]>([]); const [weather, setWeather] = createSignal<Weather[]>([]);
onMount(() => { onMount(() => {
CalibreService.getBooks().then(setBooks); fetch("/api/weatherforecast")
.then((r) => r.json())
.then(setWeather);
}); });
return ( return (
<div> <div>
<button class="btn btn-primary">primary knapp</button>
<button class="btn btn-blue">blå knapp</button>
<header> <header>
<p> <p>
Edit <code>src/App.tsx</code> and save to reload. Edit <code>src/App.tsx</code> and save to reload.
@ -26,9 +30,14 @@ const App: Component = () => {
</a> </a>
</header> </header>
<div class="book-grid text-base-content mx-auto grid gap-6 pb-20 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 [&_.carbon-responsive-wrap]:flex-nowrap! [&_.carbon-responsive-wrap]:text-[11px]! [&_:is(div,button)]:[transition:background-color_0ms,border-color_100ms,box-shadow_300ms,border-radius_500ms_ease-out] [&>*]:mb-6"> <For each={weather()}>
<For each={books()}>{(item) => <BookCard book={item} />}</For> {(item) => (
</div> <li>
{item.date} - {item.temperatureC}°C / {item.temperatureF}°F -{" "}
{item.summary}
</li>
)}
</For>
</div> </div>
); );
}; };

27
Frontend/src/components/BookCard.tsx
View File

@ -1,27 +0,0 @@
import type { Component } from "solid-js";
import { book } from "../types/calibretypes";
const BookCard: Component<{ book: book }> = (props: { book: book }) => {
return (
<div class="card book-card bg-base-100 card-border border-base-300 card-sm">
{/* <figure>
<img
src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
alt="Shoes"
/>
</figure> */}
<div class="card-body">
<h3 class="card-title">{props.book.title}</h3>
<h4 class="author">{props.book.author}</h4>
<p>
Series: {props.book.seriesName} {props.book.seriesNumber}
</p>
{/* <div class="card-actions justify-end">
<button class="btn btn-primary">Buy Now</button>
</div> */}
</div>
</div>
);
};
export default BookCard;

10
Frontend/src/services/calibreservice.ts
View File

@ -1,10 +0,0 @@
import { book } from "../types/calibretypes";
const CalibreService = {
getBooks: async (): Promise<book[]> => {
const response = await fetch("/api/calibre/books");
return response.json();
},
};
export default CalibreService;

4
Frontend/src/styles/styles.css
View File

@ -1,4 +0,0 @@
@import "tailwindcss";
@plugin "daisyui" {
themes: dim --default;
}

15
Frontend/src/types/calibretypes.ts
View File

@ -1,15 +0,0 @@
interface book {
id: number;
title: string;
authorId: number;
author: string;
comments: string;
language: string;
path: string;
hasCover: boolean;
formats: Array<{ id: number; format: string; fileName: string }>;
seriesName: string;
seriesNumber: number;
}
export type { book };

3
Frontend/vite.config.ts
View File

@ -1,13 +1,12 @@
import { defineConfig } from "vite"; import { defineConfig } from "vite";
import solidPlugin from "vite-plugin-solid"; import solidPlugin from "vite-plugin-solid";
import tailwindcss from "@tailwindcss/vite";
import { env } from "process"; import { env } from "process";
const target = env.BACKEND_URL ?? "http://localhost:5084/"; //"https://localhost:7192/"; const target = env.BACKEND_URL ?? "http://localhost:5084/"; //"https://localhost:7192/";
console.log("vite backend:", target); console.log("vite backend:", target);
export default defineConfig({ export default defineConfig({
plugins: [solidPlugin(), tailwindcss()], plugins: [solidPlugin()],
server: { server: {
port: 3000, port: 3000,
proxy: { proxy: {