13 | {[1, 2, 3].map((i) => (
14 |
17 |
7 |
14 | )
15 | }
16 |
--------------------------------------------------------------------------------
/ansible/roles/install_prerequisites/tasks/main.yml:
--------------------------------------------------------------------------------
1 | ---
2 | - name: Install Docker and docker compose
3 | ansible.builtin.shell: |
4 | mkdir -p /etc/apt/keyrings
5 | curl -fsSL https://download.docker.com/linux/ubuntu/gpg | gpg --dearmor -o /etc/apt/keyrings/docker.gpg
6 | echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu $(. /etc/os-release && echo $VERSION_CODENAME) stable" | tee /etc/apt/sources.list.d/docker.list > /dev/null
7 | apt update
8 | apt install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
9 |
10 | - name: Install Nginx
11 | apt:
12 | name: nginx
13 | state: present
14 |
--------------------------------------------------------------------------------
/website/src/components/icons/Ansible.tsx:
--------------------------------------------------------------------------------
1 |
2 | import * as React from "react"
3 | import { SVGProps } from "react"
4 | const AnsibleIcon = (props: SVGPropsxs
8 | sm
9 | md
10 | lg
11 | xl
12 | 2xl
13 |
17 |
22 |
24 | )
25 | }
26 |
--------------------------------------------------------------------------------
/website/src/components/icons/Docker.tsx:
--------------------------------------------------------------------------------
1 |
2 | import * as React from "react"
3 | import { SVGProps } from "react"
4 | const DockerIcon = (props: SVGProps13 | {p.name} 14 |
15 |
11 |
21 | )
22 | }
23 |
--------------------------------------------------------------------------------
/website/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "lib": ["dom", "dom.iterable", "esnext"],
4 | "allowJs": true,
5 | "skipLibCheck": true,
6 | "strict": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "noEmit": true,
9 | "incremental": true,
10 | "esModuleInterop": true,
11 | "module": "esnext",
12 | "moduleResolution": "node",
13 | "resolveJsonModule": true,
14 | "isolatedModules": true,
15 | "jsx": "preserve",
16 | "baseUrl": ".",
17 | "paths": {
18 | "@/*": ["./src/*"]
19 | },
20 | "plugins": [
21 | {
22 | "name": "next"
23 | }
24 | ],
25 | "strictNullChecks": true
26 | },
27 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
28 | "exclude": ["node_modules"]
29 | }
30 |
--------------------------------------------------------------------------------
/website/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as LabelPrimitive from "@radix-ui/react-label"
3 | import { cva, type VariantProps } from "class-variance-authority"
4 |
5 | import { cn } from "@/lib/utils"
6 |
7 | const labelVariants = cva(
8 | "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
9 | )
10 |
11 | const Label = React.forwardRef<
12 | React.ElementRef{p.icon}
12 |
13 |
20 | 14 | {p.text1} 15 |
16 |17 | {p.text2} 18 |
19 |
15 |
27 |
16 | updateAppState({ showSidebar: !state.showSidebar })}
18 | className="visible lg:hidden"
19 | />
20 |
26 |
21 |
23 |
14 |
30 |
15 |
29 |
16 |
19 | {/* */}
20 | {/*
*/}
22 | {/*
16 |
17 |
40 | )
41 | }
42 |
--------------------------------------------------------------------------------
/website/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/website/src/components/FolderCard.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import { Folder } from "@/types"
3 | import { FolderIcon } from "lucide-react"
4 |
5 | import { Button } from "@/components/ui/button"
6 | import {
7 | Card,
8 | CardContent,
9 | CardDescription,
10 | CardFooter,
11 | CardHeader,
12 | CardTitle,
13 | } from "@/components/ui/card"
14 | import { Input } from "@/components/ui/input"
15 | import { Label } from "@/components/ui/label"
16 | import {
17 | Select,
18 | SelectContent,
19 | SelectItem,
20 | SelectTrigger,
21 | SelectValue,
22 | } from "@/components/ui/select"
23 |
24 | import { RowAction } from "./RowAction"
25 |
26 | export function FolderCard(p: Folder & { selectFolder: any }) {
27 | return (
28 | {p.name}
36 |
37 |
40 | )
41 | }
42 |
--------------------------------------------------------------------------------
/website/src/components/ui/popover.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as PopoverPrimitive from "@radix-ui/react-popover"
3 |
4 | import { cn } from "@/lib/utils"
5 |
6 | const Popover = PopoverPrimitive.Root
7 |
8 | const PopoverTrigger = PopoverPrimitive.Trigger
9 |
10 | const PopoverContent = React.forwardRef<
11 | React.ElementRef
38 |
41 | )
42 | }
43 |
--------------------------------------------------------------------------------
/website/src/app/(auth)/auth/google/page.tsx:
--------------------------------------------------------------------------------
1 |
2 | "use client"
3 |
4 | import { useEffect } from "react"
5 | import { redirect, useRouter, useSearchParams } from "next/navigation"
6 | import { githubLogin } from "@/api/githubLogin"
7 | import { serverUrl } from "@/config"
8 | import axios from "axios"
9 | import Cookies from "js-cookie"
10 | import { toast } from "react-toastify"
11 |
12 | import { Spinner } from "@/components/Spinner"
13 |
14 | export default function Page(p: { params: any; searchParams: any }) {
15 | const code = p.searchParams.code
16 |
17 | let router = useRouter()
18 | useEffect(() => {
19 | if (code) {
20 | fetch(serverUrl + "/auth/google/callback?" + "code=" + code)
21 | .then((res) => res.json())
22 | .then((data) => {
23 | console.log("aasd",data)
24 | if (data.token) {
25 | toast.success("Logging in")
26 | Cookies.set("token", data.token, { secure: true })
27 | router.push("/dashboard") // You need to implement the `redirect` function
28 | }
29 | })
30 | .catch((error) => {
31 | console.error("Error:", error)
32 | // Handle errors as needed
33 | })
34 | }
35 | }, [code])
36 |
37 | return (
38 |
39 |
42 | )
43 | }
44 |
--------------------------------------------------------------------------------
/website/src/app/(admin)/admin/files/page.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import { getData } from "@/api/getData"
4 | import { queryKeys } from "@/queryKeys"
5 | import { getAppState, updateAppState } from "@/state/state"
6 | import { ErrorRes } from "@/types"
7 | import { useQuery } from "@tanstack/react-query"
8 | import { AxiosError } from "axios"
9 | import { toast } from "react-toastify"
10 |
11 | import { HeadText } from "@/components/HeadText"
12 | import { Spinner } from "@/components/Spinner"
13 |
14 | import { FilesTable } from "./FilesTable"
15 |
16 | export default function Page() {
17 | const state = getAppState()
18 | const query = useQuery({
19 | queryKey: [queryKeys.data],
20 | queryFn: getData,
21 | // don't refetch again if already fetched
22 | enabled: !state.initialDataFetched,
23 | onError: (e: AxiosError
34 |
36 | )
37 | return (
38 |
34 |
36 | )
37 | return (
38 |
34 |
36 | )
37 | return (
38 |
35 |
37 | )
38 | return (
39 |
35 |
37 | )
38 | return (
39 |
36 |
38 | )
39 | return (
40 |
35 |
38 | {children}
37 | {content} */}
25 | {/* )} */}
26 | {/* TODO change icon based on type */}
27 | 29 | {/* */} 36 | {p.name} 37 | {/* */} 38 |
39 |
40 |
41 |
44 | {children}
45 |
46 |
10 |
15 |
16 | ))
17 | Table.displayName = "Table"
18 |
19 | const TableHeader = React.forwardRef<
20 | HTMLTableSectionElement,
21 | React.HTMLAttributes
85 | {children}
87 |
88 |
18 |
69 |
19 |
31 |
32 |
20 |
27 | 21 | StorageBox 22 |
23 |24 | A Simple File Storage Service 25 |
26 |
28 | 
29 |
30 |
29 |
33 |
54 |
55 | 34 | Powered by a Powerful Tech Stack 35 |
36 |
37 |
53 |
38 |
45 |
46 |
52 |
56 |
68 |
57 |
64 | 58 | Admin Dashboard 59 |
60 |61 | Admin Dashboard with Useful Metrics and Statistics 62 |
63 |
65 | 
66 |
67 |
66 |