mirror of
https://github.com/lux-apps/game.git
synced 2026-10-30 18:15:14 +00:00
zeekay
caaa84b52d
The header showed the OpenZeppelin logo and a hiring button, the title image pointed at a file deleted in 2023, and every language's footer and milestone messages credited OpenZeppelin and linked its job board. The wordmark and tab icon now come from @luxfi/logo, coloured by the ink variable so the dark toggle needs no filter, and the strings name Lux and link lux-apps/game. The leaderboard fetched JSON from luxdefi/game-leaderboard, which does not exist, and posted aliases to OpenZeppelin's HubSpot form. It now ranks players from the Lux contract's LevelCompletedLog on whatever chain the wallet is on: distinct levels completed, ties to whoever got there first. Aliases went with the form. react-paginate ships only a UMD bundle that Vite hands over as an object, so the page never rendered; a five-page pager replaces it. Claude-Session: https://claude.ai/code/session_019ABm6hF8RNyUFpbjQWqfxY
47 lines
1.7 KiB
JavaScript
47 lines
1.7 KiB
JavaScript
import { existsSync, readFileSync } from "node:fs";
|
|
import { basename, resolve } from "node:path";
|
|
import { defineConfig } from "vite";
|
|
import react from "@vitejs/plugin-react";
|
|
import { getFaviconSVG } from "@luxfi/logo";
|
|
|
|
const out = resolve(import.meta.dirname, "../contracts/out");
|
|
|
|
// `<File>.sol?artifact` imports what forge compiled from that source,
|
|
// contracts/out/<File>.sol/<File>.json, as { abi, bytecode };
|
|
// `?artifact=<Contract>` picks a contract not named after its file.
|
|
const artifact = {
|
|
name: "artifact",
|
|
enforce: "pre",
|
|
load(id) {
|
|
const [path, query = ""] = id.split("?");
|
|
const params = new URLSearchParams(query);
|
|
if (!path.endsWith(".sol") || !params.has("artifact")) return null;
|
|
const file = basename(path);
|
|
const json = `${out}/${file}/${params.get("artifact") || file.slice(0, -4)}.json`;
|
|
if (!existsSync(json)) throw new Error(`${json} is missing: run forge build in contracts/`);
|
|
this.addWatchFile(json);
|
|
const { abi, bytecode } = JSON.parse(readFileSync(json, "utf8"));
|
|
return `export const abi = ${JSON.stringify(abi)};\nexport const bytecode = ${JSON.stringify(bytecode.object)};\n`;
|
|
},
|
|
};
|
|
|
|
// The tab icon is the Lux mark from @luxfi/logo, written into the page as a
|
|
// data URL so the package stays its only drawing.
|
|
const favicon = {
|
|
name: "favicon",
|
|
transformIndexHtml: () => [
|
|
{
|
|
tag: "link",
|
|
attrs: { rel: "icon", type: "image/svg+xml", href: `data:image/svg+xml,${encodeURIComponent(getFaviconSVG())}` },
|
|
injectTo: "head-prepend",
|
|
},
|
|
],
|
|
};
|
|
|
|
export default defineConfig({
|
|
plugins: [artifact, favicon, react()],
|
|
// One .env at the repository root serves the client and the forge scripts.
|
|
envDir: "..",
|
|
build: { outDir: "build" },
|
|
});
|