Customers Page
; 9 | } -------------------------------------------------------------------------------- /fastapi+svelte/svelte-app/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "singleQuote": true, 4 | "trailingComma": "none", 5 | "printWidth": 100, 6 | "plugins": ["prettier-plugin-svelte"], 7 | "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }] 8 | } 9 | -------------------------------------------------------------------------------- /.learning/nextjs/nextjs-dashboard/app/ui/fonts.ts: -------------------------------------------------------------------------------- 1 | import { Inter } from 'next/font/google'; 2 | import { Lusitana } from 'next/font/google'; 3 | 4 | export const inter = Inter({ subsets: ['latin'] }); 5 | export const lusitana = Lusitana({ 6 | weight: ['400', '700'], 7 | subsets: ['latin'], 8 | }); -------------------------------------------------------------------------------- /.learning/react/app/layout.js: -------------------------------------------------------------------------------- 1 | export const metadata = { 2 | title: 'Next.js', 3 | description: 'Generated by Next.js', 4 | } 5 | 6 | export default function RootLayout({ children }) { 7 | return ( 8 | 9 | {children} 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /.learning/nextjs/nextjs-dashboard/README.md: -------------------------------------------------------------------------------- 1 | ## Next.js App Router Course - Starter 2 | 3 | This is the starter template for the Next.js App Router Course. It contains the starting code for the dashboard application. 4 | 5 | For more information, see the [course curriculum](https://nextjs.org/learn) on the Next.js Website. 6 | -------------------------------------------------------------------------------- /fastapi+svelte/svelte-app/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | # Output 4 | .output 5 | .vercel 6 | /.svelte-kit 7 | /build 8 | 9 | # OS 10 | .DS_Store 11 | Thumbs.db 12 | 13 | # Env 14 | .env 15 | .env.* 16 | !.env.example 17 | !.env.test 18 | 19 | # Vite 20 | vite.config.js.timestamp-* 21 | vite.config.ts.timestamp-* 22 | -------------------------------------------------------------------------------- /svelte/src/app.d.ts: -------------------------------------------------------------------------------- 1 | // See https://kit.svelte.dev/docs/types#app 2 | // for information about these interfaces 3 | declare global { 4 | namespace App { 5 | // interface Error {} 6 | // interface Locals {} 7 | // interface PageData {} 8 | // interface PageState {} 9 | // interface Platform {} 10 | } 11 | } 12 | 13 | export {}; 14 | -------------------------------------------------------------------------------- /.learning/react/app/like-button.jsx: -------------------------------------------------------------------------------- 1 | 'use client' 2 | 3 | import { useState } from 'react'; 4 | 5 | export default function LikeButton() { 6 | const [likes, setLikes] = useState(0); 7 | 8 | function handleClick() { 9 | setLikes(likes + 1); 10 | } 11 | 12 | return 13 | } -------------------------------------------------------------------------------- /fastapi+svelte/svelte-app/src/app.d.ts: -------------------------------------------------------------------------------- 1 | // See https://kit.svelte.dev/docs/types#app 2 | // for information about these interfaces 3 | declare global { 4 | namespace App { 5 | // interface Error {} 6 | // interface Locals {} 7 | // interface PageData {} 8 | // interface PageState {} 9 | // interface Platform {} 10 | } 11 | } 12 | 13 | export {}; 14 | -------------------------------------------------------------------------------- /svelte/src/lib/db.ts: -------------------------------------------------------------------------------- 1 | import Database from 'better-sqlite3'; 2 | 3 | const db = new Database('data.sqlite'); 4 | 5 | export function query(sql: string, params: any[] = []) { 6 | return db.prepare(sql).all(params); 7 | } 8 | 9 | export function run(sql: string, params: any[] = []) { 10 | return db.prepare(sql).run(params); 11 | } 12 | 13 | export { db }; -------------------------------------------------------------------------------- /.learning/nextjs/nextjs-dashboard/middleware.ts: -------------------------------------------------------------------------------- 1 | import NextAuth from 'next-auth'; 2 | import { authConfig } from './auth.config'; 3 | 4 | export default NextAuth(authConfig).auth; 5 | 6 | export const config = { 7 | // https://nextjs.org/docs/app/building-your-application/routing/middleware#matcher 8 | matcher: ['/((?!api|_next/static|_next/image|.*\\.png$).*)'], 9 | }; -------------------------------------------------------------------------------- /fastapi+svelte/svelte-app/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { sveltekit } from '@sveltejs/kit/vite'; 2 | import { defineConfig } from 'vite'; 3 | 4 | export default defineConfig({ 5 | plugins: [sveltekit()], 6 | server: { 7 | proxy: { 8 | '/api': { 9 | target: 'http://localhost:8000', 10 | changeOrigin: true, 11 | rewrite: (path) => path.replace(/^\/api/, '') 12 | } 13 | } 14 | } 15 | }); 16 | -------------------------------------------------------------------------------- /svelte/src/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | %sveltekit.head% 8 | 9 | 10 |Acme
11 |Could not find the requested invoice.
10 | 14 | Go Back 15 | 16 |{link.name}
44 | 45 | ); 46 | })} 47 | 48 | ); 49 | } -------------------------------------------------------------------------------- /.learning/nextjs/nextjs-dashboard/app/dashboard/invoices/page.tsx: -------------------------------------------------------------------------------- 1 | import Pagination from '@/app/ui/invoices/pagination'; 2 | import Search from '@/app/ui/search'; 3 | import Table from '@/app/ui/invoices/table'; 4 | import { CreateInvoice } from '@/app/ui/invoices/buttons'; 5 | import { lusitana } from '@/app/ui/fonts'; 6 | import { InvoicesTableSkeleton } from '@/app/ui/skeletons'; 7 | import { Suspense } from 'react'; 8 | import { fetchInvoicesPages } from '@/app/lib/data'; 9 | import { Metadata } from 'next'; 10 | 11 | export const metadata: Metadata = { 12 | title: 'Invoices', 13 | }; 14 | 15 | export default async function Page({ 16 | searchParams, 17 | }: { 18 | searchParams?: { 19 | query?: string; 20 | page?: string; 21 | }; 22 | }) { 23 | const query = searchParams?.query || ''; 24 | const currentPage = Number(searchParams?.page) || 1; 25 | const totalPages = await fetchInvoicesPages(query); 26 | return ( 27 |61 | {value} 62 |
63 |18 | Welcome to Acme. This is the example for the{' '} 19 | 20 | Next.js Learn Course 21 | 22 | , brought to you by Vercel. 23 |
24 | 28 | Log inNo data available.
; 23 | } 24 | 25 | return ( 26 |{label}
40 | ))} 41 |52 | {month.month} 53 |
54 |41 | {invoice.name} 42 |
43 |44 | {invoice.email} 45 |
46 |51 | {invoice.amount} 52 |
53 || {header} | 47 | {/each} 48 |Actions | 49 |
|---|---|
|
56 | startEditing(rowIndex, key, value)}
60 | on:input={(e) => editedValue = e.target.textContent}
61 | on:keydown={(e) => handleKeyDown(e, row.id)}
62 | on:blur={() => saveEdit(row.id)}
63 | >
64 | {value}
65 |
66 | |
67 | {/each}
68 | 69 | 70 | | 71 |
No data available
; 67 | 68 | // Include 'id' in the columns 69 | const columns = Object.keys(data[0]); 70 | 71 | return ( 72 || 77 | {col} 78 | | 79 | ))} 80 |Actions | 81 |
|---|---|
| col !== 'id' && setEditingCell({ rowId: row.id, column: col })} 91 | > 92 | {editingCell?.rowId === row.id && editingCell?.column === col ? ( 93 | |