diff --git a/src/components/ExamplesBrowser/ExampleEntry.tsx b/src/components/ExamplesBrowser/ExampleEntry.tsx index 9054da4..8a49cbd 100644 --- a/src/components/ExamplesBrowser/ExampleEntry.tsx +++ b/src/components/ExamplesBrowser/ExampleEntry.tsx @@ -1,8 +1,8 @@ import { assets } from "@kaplayjs/crew"; import type { FC } from "react"; +import type { Example } from "../../data/examples"; import { useEditor } from "../../hooks/useEditor"; import { cn } from "../../util/cn"; -import type { Example } from "./data/examples"; type Props = { example: Omit; diff --git a/src/components/ExamplesBrowser/ExamplesBrowser.tsx b/src/components/ExamplesBrowser/ExamplesBrowser.tsx index be67c5d..3cfced3 100644 --- a/src/components/ExamplesBrowser/ExamplesBrowser.tsx +++ b/src/components/ExamplesBrowser/ExamplesBrowser.tsx @@ -1,5 +1,5 @@ import * as Tabs from "@radix-ui/react-tabs"; -import { examples } from "./data/examples"; +import { examples } from "../../data/examples"; import { ExampleEntry } from "./ExampleEntry"; import "./ExamplesBrowser.css"; import { assets } from "@kaplayjs/crew"; diff --git a/src/components/Toolbar/ExampleList.tsx b/src/components/Toolbar/ExampleList.tsx index bd491d8..15b055d 100644 --- a/src/components/Toolbar/ExampleList.tsx +++ b/src/components/Toolbar/ExampleList.tsx @@ -1,5 +1,5 @@ import type { ChangeEvent, FC } from "react"; -import exampleList from "../../data/examples.json"; +import { examples } from "../../data/examples"; import { useEditor } from "../../hooks/useEditor"; import { useProject } from "../../hooks/useProject"; @@ -38,8 +38,8 @@ const ExampleList: FC = () => { - {exampleList.map((example, i) => ( - ))} diff --git a/src/data/examples.json b/src/data/exampleList.json similarity index 100% rename from src/data/examples.json rename to src/data/exampleList.json diff --git a/src/components/ExamplesBrowser/data/examples.ts b/src/data/examples.ts similarity index 87% rename from src/components/ExamplesBrowser/data/examples.ts rename to src/data/examples.ts index 5e33953..37b03ce 100644 --- a/src/components/ExamplesBrowser/data/examples.ts +++ b/src/data/examples.ts @@ -1,4 +1,4 @@ -import examplesList from "../../../data/examples.json"; +import examplesList from "./exampleList.json"; export type Example = { name: string; @@ -107,6 +107,9 @@ export const examplesMetaData: Record> = { }, "curves": { formatedName: "Curves", + description: "Something I don't understand.", + tags: ["math"], + difficulty: "hard", }, "dialog": { formatedName: "Dialog", @@ -149,6 +152,25 @@ export const examplesMetaData: Record> = { tags: ["games"], difficulty: "medium", }, + "fadeIn": { + formatedName: "Fade In", + description: "How to fade in game objects.", + tags: ["effects"], + difficulty: "easy", + }, + "fakeMouse": { + formatedName: "Fake Mouse", + description: "How to create a fake mouse in-game.", + tags: ["ui", "input"], + difficulty: "easy", + version: "4000", + }, + "fall": { + formatedName: "Fall", + description: "How to make game objects fall.", + tags: ["basic concepts", "physics"], + difficulty: "easy", + }, }; export const examples = examplesList.filter((example) => diff --git a/src/hooks/useEditor.ts b/src/hooks/useEditor.ts index da56065..3a8d141 100644 --- a/src/hooks/useEditor.ts +++ b/src/hooks/useEditor.ts @@ -3,7 +3,7 @@ import type { editor } from "monaco-editor"; import { createRef, type MutableRefObject } from "react"; import { toast } from "react-toastify"; import { create } from "zustand"; -import examplesList from "../data/examples.json"; +import examplesList from "../data/exampleList.json"; import type { File } from "../stores/storage/files"; import { wrapGame } from "../util/compiler"; import { debug } from "../util/logs";