juni/vtuber-stickers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add secrets

Browse Source
This commit is contained in:
Juni
2022-11-10 00:05:12 -05:00
parent 3fd48f0368
commit d0ba9f6fea
12 changed files with 78 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
build/asset-manifest.json
View File

@@ -1,15 +1,15 @@
{ {
"files": { "files": {
"main.css": "./static/css/main.646ccc47.css", "main.css": "./static/css/main.646ccc47.css",
"main.js": "./static/js/main.117428cc.js", "main.js": "./static/js/main.333de9c8.js",
"static/media/YurukaStd.woff2": "./static/media/YurukaStd.e4589185c34a94a462b4.woff2", "static/media/YurukaStd.woff2": "./static/media/YurukaStd.e4589185c34a94a462b4.woff2",
"static/media/ShangShouFangTangTi.woff2": "./static/media/ShangShouFangTangTi.4b63e6001b3ba64f627e.woff2", "static/media/ShangShouFangTangTi.woff2": "./static/media/ShangShouFangTangTi.4b63e6001b3ba64f627e.woff2",
"index.html": "./index.html", "index.html": "./index.html",
"main.646ccc47.css.map": "./static/css/main.646ccc47.css.map", "main.646ccc47.css.map": "./static/css/main.646ccc47.css.map",
"main.117428cc.js.map": "./static/js/main.117428cc.js.map" "main.333de9c8.js.map": "./static/js/main.333de9c8.js.map"
}, },
"entrypoints": [ "entrypoints": [
"static/css/main.646ccc47.css", "static/css/main.646ccc47.css",
"static/js/main.117428cc.js" "static/js/main.333de9c8.js"
] ]
} }

BIN
build/img/invis/invis.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

2
build/index.html
View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"/><link rel="manifest" href="./site.webmanifest"/><link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#cf93d9"/><meta name="description" content="vTuber Stickers maker"/><title>vTuber Stickers</title><meta property="og:title" content="vTuber Stickers"/><meta property="og:description" content="Make your own vTuber Stickers!"/><meta property="og:image" content="https://vtuberstickers.com/og-image.png"/><meta property="og:url" content="https://vtuberstickers.com/"/><meta property="og:site_name" content="vTuber Stickers"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@bunhunfun"/><meta name="twitter:creator" content="@bunhunfun"/><meta name="twitter:title" content="vTuber Stickers"/><meta name="twitter:description" content="Make your own indie vTuber Stickers!"/><meta name="twitter:image" content="https://vtuberstickers.com/og-image.png"/><script defer="defer" src="./static/js/main.117428cc.js"></script><link href="./static/css/main.646ccc47.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html> <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"/><link rel="manifest" href="./site.webmanifest"/><link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#cf93d9"/><meta name="description" content="vTuber Stickers maker"/><title>vTuber Stickers</title><meta property="og:title" content="vTuber Stickers"/><meta property="og:description" content="Make your own vTuber Stickers!"/><meta property="og:image" content="https://vtuberstickers.com/og-image.png"/><meta property="og:url" content="https://vtuberstickers.com/"/><meta property="og:site_name" content="vTuber Stickers"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@bunhunfun"/><meta name="twitter:creator" content="@bunhunfun"/><meta name="twitter:title" content="vTuber Stickers"/><meta name="twitter:description" content="Make your own indie vTuber Stickers!"/><meta name="twitter:image" content="https://vtuberstickers.com/og-image.png"/><script defer="defer" src="./static/js/main.333de9c8.js"></script><link href="./static/css/main.646ccc47.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

3
build/static/js/main.117428cc.js
View File

File diff suppressed because one or more lines are too long

1
build/static/js/main.117428cc.js.map
View File

File diff suppressed because one or more lines are too long

3
build/static/js/main.333de9c8.js Normal file
View File

File diff suppressed because one or more lines are too long

0
build/static/js/main.117428cc.js.LICENSE.txt → build/static/js/main.333de9c8.js.LICENSE.txt
View File

1
build/static/js/main.333de9c8.js.map Normal file
View File

File diff suppressed because one or more lines are too long

44
package-lock.json generated
View File

@@ -1,11 +1,11 @@
{ {
"name": "sekai-stickers", "name": "vtuber-stickers",
"version": "0.1.0", "version": "0.1.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "sekai-stickers", "name": "vtuber-stickers",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@emotion/react": "^11.10.4", "@emotion/react": "^11.10.4",
@@ -18,6 +18,7 @@
"axios": "^1.1.3", "axios": "^1.1.3",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-konami-code": "^2.3.0",
"react-scripts": "5.0.1", "react-scripts": "5.0.1",
"react-slider": "^2.0.4", "react-slider": "^2.0.4",
"web-vitals": "^2.1.4", "web-vitals": "^2.1.4",
@@ -14482,6 +14483,18 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
}, },
"node_modules/react-konami-code": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/react-konami-code/-/react-konami-code-2.3.0.tgz",
"integrity": "sha512-9x90HnzstiMXs2kFS9cYsb5a+ojKEB/iC24uzNKCoE9znorLJwUcy98tjsiW2i5AHB05GuqIMTzV5RaDpVSThw==",
"dependencies": {
"prop-types": "^15.8.1"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0"
}
},
"node_modules/react-refresh": { "node_modules/react-refresh": {
"version": "0.11.0", "version": "0.11.0",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -16203,6 +16216,19 @@
"is-typedarray": "^1.0.0" "is-typedarray": "^1.0.0"
} }
}, },
"node_modules/typescript": {
"version": "4.8.4",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
"integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
"peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
},
"engines": {
"node": ">=4.2.0"
}
},
"node_modules/unbox-primitive": { "node_modules/unbox-primitive": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -27451,6 +27477,14 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
}, },
"react-konami-code": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/react-konami-code/-/react-konami-code-2.3.0.tgz",
"integrity": "sha512-9x90HnzstiMXs2kFS9cYsb5a+ojKEB/iC24uzNKCoE9znorLJwUcy98tjsiW2i5AHB05GuqIMTzV5RaDpVSThw==",
"requires": {
"prop-types": "^15.8.1"
}
},
"react-refresh": { "react-refresh": {
"version": "0.11.0", "version": "0.11.0",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -28732,6 +28766,12 @@
"is-typedarray": "^1.0.0" "is-typedarray": "^1.0.0"
} }
}, },
"typescript": {
"version": "4.8.4",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
"integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
"peer": true
},
"unbox-primitive": { "unbox-primitive": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",

1
package.json
View File

@@ -14,6 +14,7 @@
"axios": "^1.1.3", "axios": "^1.1.3",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-konami-code": "^2.3.0",
"react-scripts": "5.0.1", "react-scripts": "5.0.1",
"react-slider": "^2.0.4", "react-slider": "^2.0.4",
"web-vitals": "^2.1.4", "web-vitals": "^2.1.4",

BIN
public/img/invis/invis.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

29
src/components/Picker.jsx
View File

@@ -7,11 +7,36 @@ import {
} from "@mui/material"; } from "@mui/material";
import { useState, useMemo } from "react"; import { useState, useMemo } from "react";
import characters from "../characters.json"; import characters from "../characters.json";
import { useKonami } from 'react-konami-code';
export default function Picker({ setCharacter }) { export default function Picker({ setCharacter }) {
const [anchorEl, setAnchorEl] = useState(null); const [anchorEl, setAnchorEl] = useState(null);
const [search, setSearch] = useState(""); const [search, setSearch] = useState("");
const easterEgg = () => {
characters.push(
{
"id":"invis",
"name": "Invis",
"character": "Invis",
"img": "invis/invis.png",
"color": "#789a8a",
"defaultText": {
"text": "something",
"x": 148,
"y": 58,
"r": -2,
"s": 47
}
}
)
}
useKonami(easterEgg);
const handleClick = (event) => { const handleClick = (event) => {
setAnchorEl(event.currentTarget); setAnchorEl(event.currentTarget);
}; };
@@ -25,7 +50,7 @@ export default function Picker({ setCharacter }) {
// Memoize the filtered image list items to avoid recomputing them // Memoize the filtered image list items to avoid recomputing them
// at every render // at every render
const memoizedImageListItems = useMemo(() => { let memoizedImageListItems = useMemo(() => {
const s = search.toLowerCase(); const s = search.toLowerCase();
return characters.map((c, index) => { return characters.map((c, index) => {
if ( if (
@@ -61,7 +86,7 @@ export default function Picker({ setCharacter }) {
} }
return null; return null;
}); });
}, [search, setCharacter]); }, [search, setCharacter, easterEgg]);
return ( return (
<div> <div>