Add base site, needs clean-up

api/go.mod

@@ -6,6 +6,7 @@ require (
 	github.com/fatih/color v1.13.0 // indirect
 	github.com/ghodss/yaml v1.0.0 // indirect
 	github.com/go-chi/chi v1.5.4 // indirect
+	github.com/go-chi/cors v1.2.0 // indirect
 	github.com/go-chi/render v1.0.1 // indirect
 	github.com/google/uuid v1.3.0 // indirect
 	github.com/jinzhu/inflection v1.0.0 // indirect

api/go.sum

@@ -7,6 +7,8 @@ github.com/ghodss/yaml v1.0.0 h1:wQHKEahhL6wmXdzwWG11gIVCkOv05bNOh+Rxn0yngAk=
 github.com/ghodss/yaml v1.0.0/go.mod h1:4dBDuWmgqj2HViK6kFavaiC9ZROes6MMH2rRYeMEF04=
 github.com/go-chi/chi v1.5.4 h1:QHdzF2szwjqVV4wmByUnTcsbIg7UGaQ0tPF2t5GcAIs=
 github.com/go-chi/chi v1.5.4/go.mod h1:uaf8YgoFazUOkPBG7fxPftUylNumIev9awIWOENIuEg=
+github.com/go-chi/cors v1.2.0 h1:tV1g1XENQ8ku4Bq3K9ub2AtgG+p16SmzeMSGTwrOKdE=
+github.com/go-chi/cors v1.2.0/go.mod h1:sSbTewc+6wYHBBCW7ytsFSn836hqM7JxpglAy2Vzc58=
 github.com/go-chi/render v1.0.1 h1:4/5tis2cKaNdnv9zFLfXzcquC9HbeZgCnxGnKrltBS8=
 github.com/go-chi/render v1.0.1/go.mod h1:pq4Rr7HbnsdaeHagklXub+p6Wd16Af5l9koip1OvJns=
 github.com/google/uuid v1.3.0 h1:t6JiXgmwXMjEs8VusXIJk2BXHsn+wx8BZdTaoZ5fu7I=

api/internal/app/api/download/request_download.go

@@ -1,6 +1,7 @@
 package download
 
 import (
+	"context"
 	"downloader/internal/app/api/common/responses"
 	"downloader/internal/core/entities"
 	"errors"
@@ -48,6 +49,12 @@ func (a *api) requestDownload(w http.ResponseWriter, r *http.Request) {
 
 func (a *api) getDownloads(writer http.ResponseWriter, request *http.Request) {
 	ctx := request.Context()
+
+	if done := request.URL.Query().Get("done"); done == "true" {
+		_ = a.getDoneDownloads(writer, request, ctx)
+		return
+	}
+
 	active := request.URL.Query().Get("active") == "true"
 	downloads, err := a.drService.GetAll(ctx, active)
 	if err != nil {
@@ -59,7 +66,20 @@ func (a *api) getDownloads(writer http.ResponseWriter, request *http.Request) {
 		_ = render.Render(writer, request, responses.ErrInvalidRequest(err))
 		return
 	}
+}
 
+func (a *api) getDoneDownloads(writer http.ResponseWriter, request *http.Request, ctx context.Context) bool {
+	downloads, err := a.drService.GetDone(ctx)
+	if err != nil {
+		_ = render.Render(writer, request, responses.ErrInvalidRequest(err))
+		return true
+	}
+
+	if err = render.RenderList(writer, request, newDownloadsResponse(downloads)); err != nil {
+		_ = render.Render(writer, request, responses.ErrInvalidRequest(err))
+		return true
+	}
+	return false
 }
 
 func (a *api) getDownloadById(w http.ResponseWriter, r *http.Request) {

api/internal/app/infrastructure/logger/logger.go

@@ -10,13 +10,13 @@ func New() *zap.SugaredLogger {
 	consoleEncoder := zapcore.NewConsoleEncoder(zap.NewDevelopmentEncoderConfig())
 	jsonEncoder := zapcore.NewJSONEncoder(zap.NewProductionEncoderConfig())
 
-	consoleDebugging := zapcore.Lock(os.Stdout)
 	lowPriority := zap.LevelEnablerFunc(func(lvl zapcore.Level) bool {
 		return lvl < zapcore.ErrorLevel
 	})
 	highPriority := zap.LevelEnablerFunc(func(lvl zapcore.Level) bool {
 		return lvl >= zapcore.ErrorLevel
 	})
+	consoleDebugging := zapcore.Lock(os.Stdout)
 	consoleErrors := zapcore.Lock(os.Stderr)
 	core := zapcore.NewTee(
 		zapcore.NewCore(jsonEncoder, consoleErrors, highPriority),

api/internal/app/router/router.go

@@ -17,6 +17,7 @@ import (
 	"downloader/pkg/common/uuid"
 	"github.com/go-chi/chi"
 	"github.com/go-chi/chi/middleware"
+	"github.com/go-chi/cors"
 	"net/http"
 	"time"
 )
@@ -49,7 +50,14 @@ func (router *router) setupMiddleware() *router {
 	router.internalRouter.Use(middleware.RealIP)
 	router.internalRouter.Use(middleware.Recoverer)
 	router.internalRouter.Use(middleware.Timeout(time.Second * 60))
-
+	router.internalRouter.Use(cors.Handler(cors.Options{
+		AllowedOrigins:   []string{"https://*", "http://*"},
+		AllowedMethods:   []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"},
+		AllowedHeaders:   []string{"Accept", "Authorization", "Content-Type", "X-CSRF-Token"},
+		ExposedHeaders:   []string{"Link"},
+		AllowCredentials: false,
+		MaxAge:           300,
+	}))
 	return router
 }
 
@@ -80,6 +88,6 @@ func setupDownloadRoute(router *router) {
 	downloadApi := download.New(drService)
 	downloadApi.SetupDownloadApi(router.internalRouter)
 
-	cleanupJob := cleanup.New(drRepository, newLogger)
+	cleanupJob := cleanup.New(drRepository, newLogger, fileOrchestrator)
 	cleanupJob.RunOnSchedule()
 }

api/internal/core/ports/download_request/repository.go

@@ -12,4 +12,5 @@ type Repository interface {
 	Get(ctx context.Context, active bool) ([]*entities.Download, error)
 	GetOldOrStuck(ctx context.Context) ([]*entities.Download, error)
 	BatchDelete(ctx context.Context, requests []*entities.Download) error
+	GetDone(ctx context.Context) ([]*entities.Download, error)
 }

api/internal/core/ports/download_request/sql/repository.go

@@ -80,13 +80,22 @@ func (r repository) Update(ctx context.Context, download *entities.Download) err
 
 func (r repository) Get(ctx context.Context, active bool) ([]*entities.Download, error) {
 	var downloads []Download
-	err := r.db.NewSelect().
+	query := r.db.NewSelect().
 		Model(&downloads).
-		Column("id", "status", "link").
-		Where("status LIKE ?", "in-progress%").
-		Limit(20).
+		Column("id", "status", "link")
+
+	var err error
+	if active {
+		err = query.
+			Where("status LIKE ? OR status = ?", "in-progress%", "scheduled").
 			Order("created_at ASC").
 			Scan(ctx)
+	} else {
+		err = query.
+			Order("created_at ASC").
+			Scan(ctx)
+	}
+
 	if err != nil {
 		return nil, err
 	}
@@ -109,7 +118,7 @@ func (r repository) GetOldOrStuck(ctx context.Context) ([]*entities.Download, er
 	err := r.db.NewSelect().
 		Model(&downloads).
 		Column("id", "status", "link").
-		Where("status LIKE ?", "in-progress%").
+		Where("status LIKE ? OR status = ?", "in-progress%", "scheduled").
 		Where("updated_at < now() - interval '1 minutes'").
 		Limit(20).
 		Order("created_at ASC").
@@ -152,3 +161,28 @@ func (r repository) BatchDelete(ctx context.Context, requests []*entities.Downlo
 
 	return nil
 }
+
+func (r repository) GetDone(ctx context.Context) ([]*entities.Download, error) {
+	var downloads []Download
+	err := r.db.NewSelect().
+		Model(&downloads).
+		Column("id", "status", "link").
+		Where("status = ?", "done").
+		Order("created_at ASC").
+		Scan(ctx)
+
+	if err != nil {
+		return nil, err
+	}
+
+	var responseDownloads []*entities.Download
+	for _, download := range downloads {
+		responseDownloads = append(responseDownloads, &entities.Download{
+			ID:     download.ID,
+			Status: download.Status,
+			Link:   download.Link,
+		})
+	}
+
+	return responseDownloads, nil
+}

api/internal/core/ports/fileorchestrator/sourcehandler/sourcehandler.go

@@ -35,5 +35,8 @@ func (l localSourceHandler) Prepare(link string) (string, error) {
 }
 
 func (l localSourceHandler) CleanUp(sourcePath string) error {
-	return os.Remove(sourcePath)
+	if _, err := os.Stat(sourcePath); os.IsNotExist(err) {
+		return nil
+	}
+	return os.RemoveAll(sourcePath)
 }

api/internal/core/services/cleanup/cleanup.go

@@ -3,6 +3,7 @@ package cleanup
 import (
 	"context"
 	"downloader/internal/core/ports/download_request"
+	"downloader/internal/core/ports/fileorchestrator"
 	"go.uber.org/zap"
 	"time"
 )
@@ -10,10 +11,11 @@ import (
 type cleanUp struct {
 	repository download_request.Repository
 	logger     *zap.SugaredLogger
+	fo         *fileorchestrator.FileOrchestrator
 }
 
-func New(repository download_request.Repository, logger *zap.SugaredLogger) *cleanUp {
-	return &cleanUp{repository: repository, logger: logger}
+func New(repository download_request.Repository, logger *zap.SugaredLogger, fo *fileorchestrator.FileOrchestrator) *cleanUp {
+	return &cleanUp{repository: repository, logger: logger, fo: fo}
 }
 
 func (c *cleanUp) RunOnSchedule() {
@@ -21,14 +23,27 @@ func (c *cleanUp) RunOnSchedule() {
 	go func() {
 		for true {
 			requests, err := c.repository.GetOldOrStuck(ctx)
-			if err == nil {
+			if err != nil {
+				c.logger.Warn("could not process old or stuck in-progress jobs")
+				time.Sleep(5 * time.Minute)
+				continue
+			}
+
 			c.logger.Debugw("Cleaning up downloads",
 				"downloads", requests)
-				_ = c.repository.BatchDelete(ctx, requests)
-			} else {
-				c.logger.Warn("could not process old or stuck in-progress jobs")
+
+			for _, request := range requests {
+				basePath, err := c.fo.Begin(request.Link)
+				if err != nil {
+					c.logger.Warnw("could not process request",
+						"downloadId", request.ID)
+					continue
 				}
 
+				c.fo.CleanUp(basePath)
+			}
+			_ = c.repository.BatchDelete(ctx, requests)
+
 			time.Sleep(time.Minute)
 		}
 	}()

api/internal/core/services/download/default/service.go

@@ -56,3 +56,7 @@ func (l *localService) Get(ctx context.Context, id string) (*entities.Download,
 func (l *localService) GetAll(ctx context.Context, active bool) ([]*entities.Download, error) {
 	return l.repository.Get(ctx, active)
 }
+
+func (l *localService) GetDone(ctx context.Context) ([]*entities.Download, error) {
+	return l.repository.GetDone(ctx)
+}

api/internal/core/services/download/service.go

@@ -9,4 +9,5 @@ type Service interface {
 	Schedule(ctx context.Context, link string) (*entities.Download, error)
 	Get(ctx context.Context, id string) (*entities.Download, error)
 	GetAll(ctx context.Context, active bool) ([]*entities.Download, error)
+	GetDone(ctx context.Context) ([]*entities.Download, error)
 }

client/.gitignore

@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel

client/.idea/.gitignore

@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/

client/.idea/client.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

client/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/client.iml" filepath="$PROJECT_DIR$/.idea/client.iml" />
+    </modules>
+  </component>
+</project>

client/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
+  </component>
+</project>

client/README.md

@@ -0,0 +1,27 @@
+# Next.js + Tailwind CSS Example
+
+This example shows how to use [Tailwind CSS](https://tailwindcss.com/) [(v3.0)](https://tailwindcss.com/blog/tailwindcss-v3) with Next.js. It follows the steps outlined in the official [Tailwind docs](https://tailwindcss.com/docs/guides/nextjs).
+
+## Preview
+
+Preview the example live on [StackBlitz](http://stackblitz.com/):
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-tailwindcss)
+
+## Deploy your own
+
+Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss&project-name=with-tailwindcss&repository-name=with-tailwindcss)
+
+## How to use
+
+Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
+
+```bash
+npx create-next-app --example with-tailwindcss with-tailwindcss-app
+# or
+yarn create next-app --example with-tailwindcss with-tailwindcss-app
+```
+
+Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

client/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

client/package.json

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "axios": "^0.24.0",
+    "next": "latest",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.38",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.4",
+    "tailwindcss": "^3.0.0",
+    "typescript": "^4.5.4"
+  }
+}

client/pages/_app.tsx

@@ -0,0 +1,7 @@
+import '../styles/globals.css'
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
+
+export default MyApp

client/pages/index.tsx

@@ -0,0 +1,186 @@
+import {Fragment, useEffect, useState} from "react";
+import axios, {AxiosResponse} from 'axios'
+
+interface DownloadRequestResponse {
+    id: string;
+    status: string;
+    link: string;
+}
+
+interface DownloadRequest {
+    link: string
+}
+
+const calculateProgressAndAppend = (di: DownloadRequestResponse): { di: DownloadRequestResponse, progress?: number } => {
+    if (!di.status?.match) {
+        return {di}
+    }
+    const matches = di.status.match(/in-progress:\s([\d\.]+)/)
+    if (!matches || matches.length < 2) {
+        return {di}
+    }
+    const progress = matches[1]
+    const progressNum = parseInt(progress)
+    if (typeof (progressNum) !== "number") {
+        console.log(progress)
+        return {di}
+    }
+
+    return {di, progress: progressNum}
+}
+
+const displayDownloads = (displayItems: DownloadRequestResponse[]) => {
+    if (displayItems.length === 0) {
+        return null
+    }
+
+    if (!displayItems.map) {
+        console.log(displayItems)
+    }
+
+    const items = displayItems.map(calculateProgressAndAppend)
+
+    const renderListItem = (di: DownloadRequestResponse, progress?: number) => {
+
+        if (typeof (progress) !== 'number') {
+            return <div className="space-y-1">
+                <div>
+                    <a href={di.link} target="_blank">{di.link}</a> : {di.status}
+                </div>
+            </div>
+        }
+
+        return (
+            <div className="space-y-1">
+                <p>
+                    <a href={di.link} target="_blank">
+                        {di.link}
+                    </a> : {progress}%
+                </p>
+                <div className="w-full bg-gray-200 rounded-full h-2.5">
+                    <div className="bg-orange-500 h-2.5 rounded-full" style={{width: `${progress}%`}}/>
+                </div>
+            </div>
+        )
+    }
+
+    return <div className="flex flex-col max-h-80 overflow-scroll overflow-x-hidden">
+        <ul className="space-y-3">
+            {
+                items
+                    .sort((a, b) => a.progress - b.progress)
+                    .map(({di, progress}, i) => (
+                        <Fragment key={di.id}>
+                            {i !== 0 && (<hr className="border-gray-400 border-1 rounded-full mx-8 m-auto"/>)}
+
+                            <li>
+                                {renderListItem(di, progress)}
+                            </li>
+                        </Fragment>
+                    ))}
+        </ul>
+    </div>
+}
+
+
+export default function Home() {
+    const [downloadUrl, setDownloadUrl] = useState("")
+    const [downloadingItems, setDownloadingItems] = useState<DownloadRequestResponse[]>([])
+    const [downloadedItems, setDownloadedItems] = useState<DownloadRequestResponse[]>([])
+
+    useEffect(() => {
+        getInitialDownloads()
+
+        const interval = setInterval(() => {
+            getInitialDownloads()
+        }, 3000)
+
+        return () => {
+            clearInterval(interval)
+        }
+    }, [])
+
+    function setMockedDownloadingItems() {
+        setDownloadingItems([
+            {id: "some-id-1", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-2", status: "in-progress: 0", link: "https://youtube.com"},
+            {id: "some-id-3", status: "in-progress: 100.0", link: "https://youtube.com"},
+            {id: "some-id-4", status: "in-progress: 0", link: "https://youtube.com"},
+            {id: "some-id-5", status: "in-progress: 100.0", link: "https://youtube.com"},
+            {id: "some-id-6", status: "in-progress: 0", link: "https://youtube.com"},
+            {id: "some-id-7", status: "in-progress: 100.0", link: "https://youtube.com"},
+            {id: "some-id-8", status: "in-progress: 0", link: "https://youtube.com"},
+            {id: "some-id-9", status: "in-progress: 100.0", link: "https://youtube.com"},
+            {id: "some-id-10", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-11", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-12", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-13", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-14", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-15", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-16", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-17", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-18", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-19", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-20", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-21", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-22", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-23", status: "in-progress: 10.3", link: "https://youtube.com"},
+            {id: "some-id-24", status: "scheduled", link: "https://youtube.com"},
+            {id: "some-id-25", status: "done", link: "https://youtube.com"},
+        ])
+    }
+
+    const getInitialDownloads = () => {
+        axios.get<DownloadRequestResponse[]>("http://localhost:3333/downloads?active=true"
+        ).then(res => {
+            setDownloadingItems(res.data)
+            //setMockedDownloadingItems();
+        })
+
+        axios.get<DownloadRequestResponse[]>("http://localhost:3333/downloads?done=true"
+        ).then(res => {
+            setDownloadedItems(res.data)
+        })
+    }
+
+    const download = (url: string) => {
+        axios.post<DownloadRequest, AxiosResponse<DownloadRequestResponse>>("http://localhost:3333/downloads", {
+            link: url
+        }).then(res => {
+            setDownloadingItems([{
+                id: res.data.id,
+                status: res.data.status,
+                link: res.data.link
+            }, ...downloadingItems.filter(di => di.id !== res.data.id)])
+        })
+    }
+
+
+    return (
+        <div
+            className="min-w-full min-h-screen flex justify-center items-center h-screen bg-cover bg-center absolute z-0 bg-[url('https://images.unsplash.com/photo-1539693565400-356293b6df0f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80')]"
+        >
+            <div className="bg-gray-200 p-4 rounded-xl w-full mx-2 sm:mx-10 lg:mx-40 space-y-6">
+                <div className="flex flex-col md:flex-row gap-2">
+                    <input
+                        className="bg-gray-200 border-2 border-gray-400 focus:border-gray-600 px-4 py-2 flex-1 rounded-xl outline-none appearance-none"
+                        placeholder="Your download url"
+                        value={downloadUrl} onChange={(e) => setDownloadUrl(e.target.value)}>
+                    </input>
+                    <button type="button"
+                            className="py-2 px-4 bg-orange-600 rounded-xl text-white active:bg-orange-800"
+                            onClick={() => {
+                                if (downloadUrl) {
+                                    download(downloadUrl)
+                                }
+                            }}>
+                        Download
+                    </button>
+                </div>
+
+                {downloadingItems && downloadingItems.length > 0 && displayDownloads(downloadingItems)}
+                {downloadedItems && downloadedItems.length > 0 && displayDownloads(downloadedItems)}
+            </div>
+        </div>
+    )
+}

client/postcss.config.js

@@ -0,0 +1,8 @@
+// If you want to use other PostCSS plugins, see the following:
+// https://tailwindcss.com/docs/using-with-preprocessors
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

client/public/vercel.svg

@@ -0,0 +1,4 @@
+<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
+</svg>

client/styles/globals.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

client/tailwind.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

client/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}