{Object.entries(selectedItem.zips).map(([zipName, extractPath]) => (
diff --git a/src/UploadModal.tsx b/src/UploadModal.tsx
index 02b76a3..24b190b 100644
--- a/src/UploadModal.tsx
+++ b/src/UploadModal.tsx
@@ -1,40 +1,77 @@
-import React, { useState } from 'react';
-import { X, UploadCloud, CheckCircle } from 'lucide-react';
-import { GitHubAPI } from './api/github';
-import type { UploadFile } from './api/github';
-import type { MetaJson } from './api/types';
+import React, { useState, useEffect } from "react";
+import {
+ X,
+ UploadCloud,
+ CheckCircle,
+ Package,
+ Search,
+ Eye,
+ Edit3,
+} from "lucide-react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { GitHubAPI } from "./api/github";
+import {
+ fetchRegistry,
+ fetchVersionList,
+ BUILTIN_EDITIONS,
+} from "./api/registry";
+import type { UploadFile } from "./api/github";
+import type { MetaJson, RegistryResponse } from "./api/types";
+import type { VersionListEntry } from "./api/registry";
interface UploadModalProps {
onClose: () => void;
pat: string;
}
const CATEGORIES = ["Skin", "Texture", "World", "Mod", "DLC"];
-const toBase64 = (file: File): Promise
=> new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.readAsDataURL(file);
- reader.onload = () => resolve((reader.result as string).split(',')[1]);
- reader.onerror = error => reject(error);
-});
+const toBase64 = (file: File): Promise =>
+ new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.readAsDataURL(file);
+ reader.onload = () => resolve((reader.result as string).split(",")[1]);
+ reader.onerror = (error) => reject(error);
+ });
export default function UploadModal({ onClose, pat }: UploadModalProps) {
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [successLink, setSuccessLink] = useState(null);
- const [id, setId] = useState('');
- const [name, setName] = useState('');
- const [description, setDescription] = useState('');
- const [version, setVersion] = useState('1.0.0');
- const [category, setCategory] = useState(['Skin']);
+ const [id, setId] = useState("");
+ const [name, setName] = useState("");
+ const [description, setDescription] = useState("");
+ const [version, setVersion] = useState("1.0.0");
+ const [category, setCategory] = useState(["Skin"]);
const [thumbnail, setThumbnail] = useState(null);
- const [zipFiles, setZipFiles] = useState<{ file: File, extractPath: string }[]>([]);
+ const [zipFiles, setZipFiles] = useState<
+ { file: File; extractPath: string }[]
+ >([]);
+ const [allPackages, setAllPackages] = useState([]);
+ const [selectedDeps, setSelectedDeps] = useState([]);
+ const [depSearch, setDepSearch] = useState("");
+ const [showDepPicker, setShowDepPicker] = useState(false);
+ const [extendedDescription, setExtendedDescription] = useState("");
+ const [showPreview, setShowPreview] = useState(false);
+ const [versionList, setVersionList] = useState([]);
+ const [selectedVersions, setSelectedVersions] = useState([]);
+ const [versionSearch, setVersionSearch] = useState("");
+ const [showVersionPicker, setShowVersionPicker] = useState(false);
+ useEffect(() => {
+ fetchRegistry()
+ .then((data: RegistryResponse) => setAllPackages(data.packages || []))
+ .catch(() => {});
+ fetchVersionList()
+ .then((data) => setVersionList(data.versionlist || []))
+ .catch(() => {});
+ }, []);
const handleZipFiles = (e: React.ChangeEvent) => {
if (e.target.files) {
- const newFiles = Array.from(e.target.files).map(file => ({
+ const newFiles = Array.from(e.target.files).map((file) => ({
file,
- extractPath: '{DLCDir}'
+ extractPath: "{DLCDir}",
}));
- setZipFiles(prev => [...prev, ...newFiles]);
+ setZipFiles((prev) => [...prev, ...newFiles]);
}
};
@@ -51,7 +88,9 @@ export default function UploadModal({ onClose, pat }: UploadModalProps) {
};
const toggleCategory = (cat: string) => {
- setCategory(prev => prev.includes(cat) ? prev.filter(c => c !== cat) : [...prev, cat]);
+ setCategory((prev) =>
+ prev.includes(cat) ? prev.filter((c) => c !== cat) : [...prev, cat],
+ );
};
const handleSubmit = async (e: React.FormEvent) => {
@@ -81,7 +120,7 @@ export default function UploadModal({ onClose, pat }: UploadModalProps) {
filesToUpload.push({
path: `${id}/${zf.file.name}`,
content: b64,
- isBase64: true
+ isBase64: true,
});
}
@@ -89,7 +128,7 @@ export default function UploadModal({ onClose, pat }: UploadModalProps) {
filesToUpload.push({
path: `${id}/${thumbnail.name}`,
content: thumbB64,
- isBase64: true
+ isBase64: true,
});
const metaObj: MetaJson = {
@@ -97,29 +136,32 @@ export default function UploadModal({ onClose, pat }: UploadModalProps) {
name,
author: api.username,
description,
- extended_description: "", //neo: TODO: implement
+ extended_description: extendedDescription,
category,
thumbnail: thumbnail.name,
zips: zipsMapping,
- version
+ version,
+ dependencies: selectedDeps.length > 0 ? selectedDeps : undefined,
+ required_versions:
+ selectedVersions.length > 0 ? selectedVersions : undefined,
};
filesToUpload.push({
path: `${id}/meta.json`,
content: JSON.stringify(metaObj, null, 2),
- isBase64: false
+ isBase64: false,
});
const prUrl = await api.forkAndPR(
id,
filesToUpload,
`Add "${name}" (${id})`,
- `This PR adds "${name}" to Emerald Workshop. Submitted automatically via [Piston](https://lce-hub.github.io/piston)`
+ `This PR adds "${name}" to Emerald Workshop. Submitted automatically via [Piston](https://lce-hub.github.io/piston)`,
);
setSuccessLink(prUrl);
} catch (err: any) {
- setError(err.message || 'Failed to upload');
+ setError(err.message || "Failed to upload");
} finally {
setLoading(false);
}
@@ -127,20 +169,107 @@ export default function UploadModal({ onClose, pat }: UploadModalProps) {
if (successLink) {
return (
-
-
-
+
+
+
-
-
Upload Successful!
+
+
+ Upload Successful!
+
-
- Your content has been uploaded and sent to the Emerald Workshop repository. It is now awaiting review from our moderators.
+
+ Your content has been uploaded and sent to the Emerald Workshop
+ repository. It is now awaiting review from our moderators.
-
@@ -148,45 +277,266 @@ export default function UploadModal({ onClose, pat }: UploadModalProps) {
}
return (
-
-
-
-
Upload Content
+
+
+
+
+ Upload Content
+
{error && (
-