maybe a fork of sparrowhe's "bluesky circle" webapp, to frontend only?

:hammer: chore: better workflow / fix: allow hyphen in handle

Changed files
+43 -25
frontend
static
avatars
templates
+2 -2
.dockerignore
···
bin/
share/
pyvenv.cfg
-
static/avatars/
test.py
*.png
-
frontend/
+
frontend/
+
!frontend/dist
-1
.gitignore
···
bin/
share/
pyvenv.cfg
-
static/
test.py
*.png
+6 -2
app.py
···
from flask import Flask
from flask_cors import CORS
+
from avatar.routes import avatar_bp
from config import Config
from at_client import at_client_extension
-
app = Flask(__name__)
-
cors = CORS(app, resources={r"/*": {"origins": "*"}})
+
app = Flask(__name__,
+
static_folder='./frontend/dist/static',
+
template_folder='./frontend/dist'
+
)
app.config.from_object(Config)
+
cors = CORS(app, resources={r"/*": {"origins": "*"}})
# Register blueprints
app.register_blueprint(avatar_bp)
+1
config.py
···
"""Configuration class for the Flask app."""
BASE_DIR = os.path.abspath(os.path.dirname(__file__))
UPLOAD_FOLDER = os.path.join(BASE_DIR, 'static/avatars')
+
VITE_FOLDER_PATH = os.path.join(BASE_DIR, 'frontend')
# BlueSky login credentials
BLUESKY_HANDLE = os.getenv('BLUESKY_HANDLE', 'sparrow.0x0e.top')
+19 -5
frontend/src/App.tsx
···
import { Label } from "@/components/ui/label"
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
-
import { AlertCircle } from "lucide-react"
+
import { AlertCircle, Github, ExternalLink } from "lucide-react"
import "./App.css"
···
export default function Component() {
// const turnstile = useTurnstile()
const [handle, setHandle] = useState('')
-
const [captchaKey, ] = useState('')
+
const [captchaKey,] = useState('')
const [imageData, setImageData] = useState<string | null>(null)
const [backgroundColor, setBackgroundColor] = useState('#0085ff')
const [isLoading, setIsLoading] = useState(false)
···
// remove @ from handle
setHandle(e.target.value.replace('@', ''))
// remove invalid characters
-
setHandle(e.target.value.replace(/[^a-zA-Z0-9_.]/g, ''))
+
setHandle(e.target.value.replace(/[^a-zA-Z0-9_\-.]/g, ''))
}}
-
pattern='@{0,1}[a-zA-Z0-9_.]*'
+
pattern='@{0,1}[a-zA-Z0-9_\-.]*'
placeholder="Enter BlueSky Handle"
required
/>
···
</div>
</CardFooter>
)}
+
<footer className="mt-8 text-sm text-gray-500 space-y-1">
+
<div className="flex items-center justify-center space-x-4">
+
<a href="https://github.com/sparrowhe/bluesky-circle" className="flex items-center text-primary hover:text-primary/60 transition-colors">
+
<Github className="w-4 h-4 mr-1" />
+
Source Code
+
</a>
+
<a href="https://github.com/users/sparrowhe/projects/1" className="flex items-center text-primary hover:text-primary/60 transition-colors">
+
<ExternalLink className="w-4 h-4 mr-1" />
+
Roadmap
+
</a>
+
</div>
+
<p className="text-center pb-2">
+
Designed and developed by <a href="https://bsky.app/profile/sparrow.0x0e.top">SparrowHe</a> with ❤️
+
</p>
+
</footer>
</Card>
-
<Label>Powered by SparrowCloud</Label>
</div>
)
}
+15
frontend/vite.config.ts
···
"@": path.resolve(__dirname, "./src"),
},
},
+
base: "./",
+
build: {
+
assetsDir: 'static',
+
},
+
server: {
+
port: 3000,
+
cors: true,
+
proxy: {
+
"/generate": {
+
target: "https://circle.sparrowhe.top/",
+
changeOrigin: true,
+
secure: false,
+
},
+
},
+
},
})
static/avatars/.gitkeep

This is a binary file and will not be displayed.

-14
templates/index.html
···
-
<!doctype html>
-
<html lang="en">
-
<head>
-
<meta charset="UTF-8" />
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
<title>Bluesky Circle</title>
-
<script type="module" crossorigin src="/static/index-B2_p4wCz.js"></script>
-
<link rel="stylesheet" crossorigin href="/static/index-C1gmdyUs.css">
-
</head>
-
<body>
-
<div id="root"></div>
-
</body>
-
</html>
-1
templates/vite.svg
···
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>