oliver/scriptshare-cursor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: oliver:00b79f3537569b176c3db6868fa610e2c348a101
Branches Tags
oliver:main oliver:void
...
compare: oliver:a96df855f51ac146d627efeda049095187447678
Branches Tags
oliver:void oliver:main

2 Commits
00b79f3537 ... a96df855f5

Author SHA1 Message Date
Oliver Gwyther
a96df855f5 Fix syntax highlighting theme resolution and update Docker build for restored API files 2025-08-15 23:50:26 +01:00
Oliver Gwyther
5d7a1cce2d Refactor theme handling in ScriptDetail and SubmitScript components to use resolvedTheme instead of theme for improved consistency in dark mode styling. 2025-08-15 23:46:28 +01:00
3 changed files with 11 additions and 12 deletions
Expand all files Collapse all files

5
Dockerfile
View File

@ -32,7 +32,6 @@ RUN sed -i '/"bcrypt"/d' package.json
RUN sed -i '/"jsonwebtoken"/d' package.json
RUN sed -i '/"@types\/bcrypt"/d' package.json
RUN sed -i '/"@types\/jsonwebtoken"/d' package.json
RUN sed -i '/"nanoid"/d' package.json
# Reinstall dependencies without server packages
RUN npm install
@ -50,8 +49,8 @@ RUN echo "export const users = {}; export const scripts = {}; export const ratin
# Create comprehensive mock API files using printf for reliable multiline content
# Mock API index with proper types and re-exports
RUN printf 'export const generateId = () => Math.random().toString(36).substr(2, 9);\nexport class ApiError extends Error {\n constructor(message: string, public status: number = 500) {\n super(message);\n this.name = "ApiError";\n }\n}\nexport * from "./scripts";\nexport * from "./users";\nexport * from "./ratings";\nexport * from "./analytics";\nexport * from "./collections";\nexport * from "./auth";' > src/lib/api/index.ts
# Mock API index with proper types and re-exports (keep nanoid import to match real API)
RUN printf 'import { nanoid } from "nanoid";\nexport const generateId = () => nanoid();\nexport class ApiError extends Error {\n constructor(message: string, public status: number = 500) {\n super(message);\n this.name = "ApiError";\n }\n}\nexport * from "./scripts";\nexport * from "./users";\nexport * from "./ratings";\nexport * from "./analytics";\nexport * from "./collections";\nexport * from "./auth";' > src/lib/api/index.ts
# Mock auth API with individual function exports
RUN printf 'export interface LoginCredentials {\n email: string;\n password: string;\n}\nexport interface RegisterData {\n email: string;\n username: string;\n displayName: string;\n password: string;\n}\nexport interface AuthToken {\n token: string;\n user: any;\n}\nexport async function login(credentials: LoginCredentials): Promise<AuthToken> {\n return { token: "demo-token", user: { id: "1", username: "demo", email: "demo@example.com", displayName: "Demo User", isAdmin: false, isModerator: false } };\n}\nexport async function register(data: RegisterData): Promise<AuthToken> {\n return { token: "demo-token", user: { id: "1", username: data.username, email: data.email, displayName: data.displayName, isAdmin: false, isModerator: false } };\n}\nexport async function refreshToken(token: string): Promise<AuthToken> {\n return { token: "demo-token", user: { id: "1", username: "demo", email: "demo@example.com", displayName: "Demo User", isAdmin: false, isModerator: false } };\n}\nexport async function changePassword(userId: string, currentPassword: string, newPassword: string): Promise<boolean> {\n return true;\n}' > src/lib/api/auth.ts

8
src/pages/ScriptDetail.tsx
View File

@ -138,7 +138,7 @@ echo "Setting up Docker environment for $PROJECT_NAME..."
export default function ScriptDetail() {
const { scriptId } = useParams();
const { user } = useAuth();
const { theme } = useTheme();
const { resolvedTheme } = useTheme();
// API hooks
const { data: script } = useScript(scriptId || '');
@ -360,7 +360,7 @@ export default function ScriptDetail() {
<div className="rounded-lg overflow-hidden border">
<SyntaxHighlighter
language="bash"
style={theme === 'dark' ? vscDarkPlus : vs}
style={resolvedTheme === 'dark' ? vscDarkPlus : vs}
customStyle={{
margin: 0,
borderRadius: 0,
@ -404,7 +404,7 @@ export default function ScriptDetail() {
<div className="rounded-lg overflow-hidden border">
<SyntaxHighlighter
language="bash"
style={theme === 'dark' ? vscDarkPlus : vs}
style={resolvedTheme === 'dark' ? vscDarkPlus : vs}
customStyle={{
margin: 0,
borderRadius: 0,
@ -423,7 +423,7 @@ export default function ScriptDetail() {
<div className="rounded-lg overflow-hidden border">
<SyntaxHighlighter
language="bash"
style={theme === 'dark' ? vscDarkPlus : vs}
style={resolvedTheme === 'dark' ? vscDarkPlus : vs}
customStyle={{
margin: 0,
borderRadius: 0,

8
src/pages/SubmitScript.tsx
View File

@ -29,7 +29,7 @@ import {
export default function SubmitScript() {
const { user } = useAuth();
const navigate = useNavigate();
const { theme } = useTheme();
const { resolvedTheme } = useTheme();
const [isLoading, setIsLoading] = useState(false);
const [showPreview, setShowPreview] = useState(false);
const [formData, setFormData] = useState({
@ -336,7 +336,7 @@ export default function SubmitScript() {
<div className="rounded-lg overflow-hidden border">
<SyntaxHighlighter
language="bash"
style={theme === 'dark' ? vscDarkPlus : vs}
style={resolvedTheme === 'dark' ? vscDarkPlus : vs}
customStyle={{
margin: 0,
borderRadius: 0,
@ -484,7 +484,7 @@ export default function SubmitScript() {
<div className="rounded-lg overflow-hidden border">
<SyntaxHighlighter
language="bash"
style={theme === 'dark' ? vscDarkPlus : vs}
style={resolvedTheme === 'dark' ? vscDarkPlus : vs}
customStyle={{
margin: 0,
borderRadius: 0,
@ -525,7 +525,7 @@ export default function SubmitScript() {
<div className="rounded-lg overflow-hidden border">
<SyntaxHighlighter
language="bash"
style={theme === 'dark' ? vscDarkPlus : vs}
style={resolvedTheme === 'dark' ? vscDarkPlus : vs}
customStyle={{
margin: 0,
borderRadius: 0,