├── src
    ├── vite-env.d.ts
    ├── tailwind-material-colors.d.ts
    ├── templates
    │   ├── main.c
    │   ├── main.cpp
    │   └── with-conui
    │   │   ├── main.c
    │   │   ├── main.cpp
    │   │   └── conui.h
    ├── App.css
    ├── assets
    │   ├── fonts
    │   │   ├── Google Sans Text
    │   │   │   ├── GoogleSansText-Bold.ttf
    │   │   │   ├── GoogleSansText-Italic.ttf
    │   │   │   ├── GoogleSansText-Medium.ttf
    │   │   │   ├── GoogleSansText-Regular.ttf
    │   │   │   ├── GoogleSansText-BoldItalic.ttf
    │   │   │   └── GoogleSansText-MediumItalic.ttf
    │   │   └── Google Sans Display
    │   │   │   ├── GoogleSansDisplay-Bold.ttf
    │   │   │   ├── GoogleSansDisplay-Italic.ttf
    │   │   │   ├── GoogleSansDisplay-Medium.ttf
    │   │   │   ├── GoogleSansDisplay-Regular.ttf
    │   │   │   ├── GoogleSansDisplay-BoldItalic.ttf
    │   │   │   └── GoogleSansDisplay-MediumItalic.ttf
    │   └── react.svg
    ├── main.tsx
    ├── components
    │   ├── Link.tsx
    │   ├── FileIcon.tsx
    │   ├── RadioButton.tsx
    │   ├── Button.tsx
    │   ├── Dialog.tsx
    │   ├── PUBCodeIcon.tsx
    │   ├── About.tsx
    │   ├── Folder.tsx
    │   ├── TitleBar.tsx
    │   ├── Splash.tsx
    │   ├── File.tsx
    │   └── NewProject.tsx
    ├── utils
    │   ├── materialTheme.ts
    │   └── i18n.ts
    ├── index.css
    └── App.tsx
├── src-tauri
    ├── build.rs
    ├── icons
    │   ├── icon.ico
    │   ├── icon.png
    │   ├── 32x32.png
    │   ├── icon.icns
    │   ├── 128x128.png
    │   ├── StoreLogo.png
    │   ├── 128x128@2x.png
    │   ├── Square30x30Logo.png
    │   ├── Square44x44Logo.png
    │   ├── Square71x71Logo.png
    │   ├── Square89x89Logo.png
    │   ├── Square107x107Logo.png
    │   ├── Square142x142Logo.png
    │   ├── Square150x150Logo.png
    │   ├── Square284x284Logo.png
    │   └── Square310x310Logo.png
    ├── .gitignore
    ├── Cargo.toml
    ├── src
    │   └── main.rs
    ├── pub-code.iss
    ├── tauri.conf.json
    └── pub-code-mingw64.iss
├── app-icon.png
├── .vscode
    └── extensions.json
├── postcss.config.cjs
├── tsconfig.node.json
├── tailwind.config.cjs
├── .gitignore
├── index.html
├── tsconfig.json
├── vite.config.ts
├── LICENSE
├── package.json
├── public
    ├── vite.svg
    └── tauri.svg
├── README.md
└── pnpm-lock.yaml


/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 


--------------------------------------------------------------------------------
/src-tauri/build.rs:
--------------------------------------------------------------------------------
1 | fn main() {
2 |   tauri_build::build()
3 | }
4 | 


--------------------------------------------------------------------------------
/app-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/app-icon.png


--------------------------------------------------------------------------------
/src/tailwind-material-colors.d.ts:
--------------------------------------------------------------------------------
1 | declare module "tailwind-material-colors/lib/updateTheme.esm";
2 | 


--------------------------------------------------------------------------------
/src-tauri/icons/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/icon.ico


--------------------------------------------------------------------------------
/src-tauri/icons/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/icon.png


--------------------------------------------------------------------------------
/src-tauri/.gitignore:
--------------------------------------------------------------------------------
1 | # Generated by Cargo
2 | # will have compiled files and executables
3 | /target/
4 | 
5 | 


--------------------------------------------------------------------------------
/src-tauri/icons/32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/32x32.png


--------------------------------------------------------------------------------
/src-tauri/icons/icon.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/icon.icns


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["tauri-apps.tauri-vscode", "rust-lang.rust-analyzer"]
3 | }
4 | 


--------------------------------------------------------------------------------
/src-tauri/icons/128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/128x128.png


--------------------------------------------------------------------------------
/src-tauri/icons/StoreLogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/StoreLogo.png


--------------------------------------------------------------------------------
/src-tauri/icons/128x128@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/128x128@2x.png


--------------------------------------------------------------------------------
/postcss.config.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/src-tauri/icons/Square30x30Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square30x30Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square44x44Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square44x44Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square71x71Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square71x71Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square89x89Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square89x89Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square107x107Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square107x107Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square142x142Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square142x142Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square150x150Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square150x150Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square284x284Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square284x284Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square310x310Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src-tauri/icons/Square310x310Logo.png


--------------------------------------------------------------------------------
/src/templates/main.c:
--------------------------------------------------------------------------------
1 | #include <stdio.h>
2 | #include <conio.h>
3 | 
4 | void main()
5 | {
6 |     printf("Hello, world!");
7 |     getch();
8 | }


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
1 | .logo.vite:hover {
2 |   filter: drop-shadow(0 0 2em #747bff);
3 | }
4 | 
5 | .logo.react:hover {
6 |   filter: drop-shadow(0 0 2em #61dafb);
7 | }
8 | 


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Text/GoogleSansText-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Text/GoogleSansText-Bold.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Text/GoogleSansText-Italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Text/GoogleSansText-Italic.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Text/GoogleSansText-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Text/GoogleSansText-Medium.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Text/GoogleSansText-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Text/GoogleSansText-Regular.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Bold.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Text/GoogleSansText-BoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Text/GoogleSansText-BoldItalic.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Italic.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Medium.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Display/GoogleSansDisplay-Regular.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Text/GoogleSansText-MediumItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Text/GoogleSansText-MediumItalic.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Display/GoogleSansDisplay-BoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Display/GoogleSansDisplay-BoldItalic.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Google Sans Display/GoogleSansDisplay-MediumItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/romikusumabakti/pub-code/HEAD/src/assets/fonts/Google Sans Display/GoogleSansDisplay-MediumItalic.ttf


--------------------------------------------------------------------------------
/src/templates/main.cpp:
--------------------------------------------------------------------------------
 1 | #include <iostream>
 2 | #include <conio.h>
 3 | 
 4 | using namespace std;
 5 | 
 6 | int main()
 7 | {
 8 |     cout << "Hello, world!";
 9 |     getch();
10 |     return 0;
11 | }


--------------------------------------------------------------------------------
/tsconfig.node.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "composite": true,
 4 |     "module": "ESNext",
 5 |     "moduleResolution": "Node",
 6 |     "allowSyntheticDefaultImports": true
 7 |   },
 8 |   "include": ["vite.config.ts"]
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/templates/with-conui/main.c:
--------------------------------------------------------------------------------
 1 | #include <stdio.h>
 2 | #include <conio.h>
 3 | #include "libs/conui.h"
 4 | 
 5 | void main()
 6 | {
 7 |     set_cursor_pos(53, 14);
 8 |     set_text_color(YELLOW);
 9 |     set_bg_color(DARK_BLUE);
10 |     printf("Hello, world!");
11 |     getch();
12 | }


--------------------------------------------------------------------------------
/src/main.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ReactDOM from "react-dom/client";
 3 | import App from "./App";
 4 | import "./index.css";
 5 | 
 6 | ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
 7 |   <React.StrictMode>
 8 |     <App />
 9 |   </React.StrictMode>
10 | );
11 | 


--------------------------------------------------------------------------------
/src/templates/with-conui/main.cpp:
--------------------------------------------------------------------------------
 1 | #include <iostream>
 2 | #include <conio.h>
 3 | #include "libs/conui.h"
 4 | 
 5 | using namespace std;
 6 | 
 7 | int main()
 8 | {
 9 |     set_cursor_pos(53, 14);
10 |     set_text_color(YELLOW);
11 |     set_bg_color(DARK_BLUE);
12 |     cout << "Hello, world!";
13 |     getch();
14 |     return 0;
15 | }


--------------------------------------------------------------------------------
/tailwind.config.cjs:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | const { withMaterialColors } = require("tailwind-material-colors");
 3 | module.exports = withMaterialColors(
 4 |   {
 5 |     content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
 6 |     theme: {
 7 |       extend: {},
 8 |     },
 9 |     plugins: [],
10 |     darkMode: "class",
11 |   },
12 |   { primary: "#448aff" }
13 | );
14 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 
26 | analytics.ts
27 | mingw64


--------------------------------------------------------------------------------
/src/components/Link.tsx:
--------------------------------------------------------------------------------
 1 | import { shell } from "@tauri-apps/api";
 2 | import { AnchorHTMLAttributes } from "react";
 3 | 
 4 | interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
 5 |   to?: string;
 6 |   children?: any;
 7 | }
 8 | 
 9 | function Link({ to, children }: LinkProps) {
10 |   return <a onClick={() => shell.open(to || children)}>{children}</a>;
11 | }
12 | 
13 | export default Link;
14 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Tauri + React + TS</title>
 8 |   </head>
 9 | 
10 |   <body>
11 |     <div id="root"></div>
12 |     <script type="module" src="/src/main.tsx"></script>
13 |   </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/src/components/FileIcon.tsx:
--------------------------------------------------------------------------------
 1 | import { VscFile, VscFileBinary, VscFileCode } from "react-icons/vsc";
 2 | import PUBCodeIcon from "./PUBCodeIcon";
 3 | 
 4 | function FileIcon({ name }: { name?: string }) {
 5 |   return (
 6 |     <span className="text-primary">
 7 |       {name?.endsWith(".c") ? (
 8 |         <VscFileCode />
 9 |       ) : name?.endsWith(".exe") ? (
10 |         <VscFileBinary />
11 |       ) : name === "pub-code.json" ? (
12 |         <PUBCodeIcon className="fill-primary w-4" />
13 |       ) : (
14 |         <VscFile />
15 |       )}
16 |     </span>
17 |   );
18 | }
19 | 
20 | export default FileIcon;
21 | 


--------------------------------------------------------------------------------
/src/components/RadioButton.tsx:
--------------------------------------------------------------------------------
 1 | import { InputHTMLAttributes } from "react";
 2 | 
 3 | interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {
 4 |   children: any;
 5 |   disabled?: boolean;
 6 | }
 7 | 
 8 | function RadioButton({
 9 |   children,
10 |   disabled = false,
11 |   ...rest
12 | }: RadioButtonProps) {
13 |   return (
14 |     <span className={`flex-1 flex ${disabled && "text-on-disabled"}`}>
15 |       <label className="flex gap-2">
16 |         <input type="radio" disabled={disabled} {...rest} />
17 |         {children}
18 |       </label>
19 |     </span>
20 |   );
21 | }
22 | 
23 | export default RadioButton;
24 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ESNext",
 4 |     "useDefineForClassFields": true,
 5 |     "lib": ["DOM", "DOM.Iterable", "ESNext"],
 6 |     "allowJs": false,
 7 |     "skipLibCheck": true,
 8 |     "esModuleInterop": false,
 9 |     "allowSyntheticDefaultImports": true,
10 |     "strict": true,
11 |     "forceConsistentCasingInFileNames": true,
12 |     "module": "ESNext",
13 |     "moduleResolution": "Node",
14 |     "resolveJsonModule": true,
15 |     "isolatedModules": true,
16 |     "noEmit": true,
17 |     "jsx": "react-jsx"
18 |   },
19 |   "include": ["src"],
20 |   "references": [{ "path": "./tsconfig.node.json" }]
21 | }
22 | 


--------------------------------------------------------------------------------
/src/components/Button.tsx:
--------------------------------------------------------------------------------
 1 | import { ButtonHTMLAttributes } from "react";
 2 | 
 3 | type Variant = "filled" | "tonal";
 4 | 
 5 | interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 6 |   variant?: Variant;
 7 |   className?: string;
 8 | }
 9 | 
10 | function Button({ variant = "filled", className, ...props }: ButtonProps) {
11 |   const styles: Record<Variant, string> = {
12 |     filled: "interactive-bg-primary",
13 |     tonal: "interactive-bg-secondary-container",
14 |   };
15 | 
16 |   return (
17 |     <button
18 |       className={`h-10 px-5 justify-center font-bold w-32 rounded-full ${styles[variant]} ${className}`}
19 |       {...props}
20 |     />
21 |   );
22 | }
23 | 
24 | export default Button;
25 | 


--------------------------------------------------------------------------------
/src/components/Dialog.tsx:
--------------------------------------------------------------------------------
 1 | import { HTMLAttributes } from "react";
 2 | 
 3 | interface DialogProps extends HTMLAttributes<HTMLDivElement> {
 4 |   isOpen: boolean;
 5 |   onClose: () => void;
 6 |   className?: string;
 7 | }
 8 | 
 9 | function Dialog({ isOpen, onClose, className, ...rest }: DialogProps) {
10 |   return isOpen ? (
11 |     <div
12 |       className="absolute bg-black inset-0 z-40 bg-opacity-30 flex justify-center items-center"
13 |       onClick={onClose}
14 |     >
15 |       <div
16 |         className={`bg-surface1 p-8 rounded-3xl ${className}`}
17 |         onClick={(e) => e.stopPropagation()}
18 |         {...rest}
19 |       />
20 |     </div>
21 |   ) : null;
22 | }
23 | 
24 | export default Dialog;
25 | 


--------------------------------------------------------------------------------
/src/components/PUBCodeIcon.tsx:
--------------------------------------------------------------------------------
 1 | import { SVGAttributes } from "react";
 2 | 
 3 | function PUBCodeIcon(props: SVGAttributes<SVGSVGElement>) {
 4 |   return (
 5 |     <svg viewBox="0 0 128 128" {...props}>
 6 |       <path
 7 |         d="M115.5,28.1L69.4,1.4C66-0.5,62-0.5,58.6,1.4L12.5,28.1c-3.3,1.9-5.4,5.5-5.4,9.3v53.2c0,3.8,2,7.4,5.4,9.3
 8 | 	l46.1,26.6c3.3,1.9,7.4,1.9,10.8,0l46.1-26.6c3.3-1.9,5.4-5.5,5.4-9.3V37.4C120.9,33.5,118.8,30,115.5,28.1z M87.3,77.3
 9 | 	c0,2.4-1.3,4.7-3.5,5.9l-16.7,9.1c-2,1.1-4.4,1.1-6.4,0l-16.7-9.1c-2.1-1.2-3.5-3.4-3.5-5.9v-9.4l20.1,11c2,1.1,4.4,1.1,6.4,0
10 | 	l20.1-11V77.3z M100.7,77.3c0,1.8-1.5,3.3-3.3,3.3c-1.8,0-3.3-1.5-3.3-3.3V57.6L67.2,72.3c-2,1.1-4.4,1.1-6.4,0L32.7,56.9
11 | 	c-2.3-1.3-2.3-4.6,0-5.9l28.1-15.3c2-1.1,4.4-1.1,6.4,0L98.9,53c1.1,0.6,1.7,1.7,1.7,2.9V77.3z"
12 |       />
13 |     </svg>
14 |   );
15 | }
16 | 
17 | export default PUBCodeIcon;
18 | 


--------------------------------------------------------------------------------
/src/utils/materialTheme.ts:
--------------------------------------------------------------------------------
 1 | export const colors: Record<string, string> = {
 2 |   red: "#f44336",
 3 |   redAccent: "#ff5252",
 4 |   pink: "#e91e63",
 5 |   pinkAccent: "#ff4081",
 6 |   purple: "#9c27b0",
 7 |   purpleAccent: "#e040fb",
 8 |   deepPurple: "#673ab7",
 9 |   deepPurpleAccent: "#7c4dff",
10 |   indigo: "#3f51b5",
11 |   indigoAccent: "#536dfe",
12 |   blue: "#2196f3",
13 |   blueAccent: "#448aff",
14 |   lightBlue: "#03a9f4",
15 |   lightBlueAccent: "#40c4ff",
16 |   cyan: "#00bcd4",
17 |   cyanAccent: "#18ffff",
18 |   teal: "#009688",
19 |   tealAccent: "#64ffda",
20 |   green: "#4caf50",
21 |   greenAccent: "#69f0ae",
22 |   lightGreen: "#8bc34a",
23 |   lightGreenAccent: "#b2ff59",
24 |   lime: "#cddc39",
25 |   limeAccent: "#eeff41",
26 |   yellow: "#ffeb3b",
27 |   yellowAccent: "#ffff00",
28 |   amber: "#ffc107",
29 |   amberAccent: "#ffd740",
30 |   orange: "#ff9800",
31 |   orangeAccent: "#ffab40",
32 |   deepOrange: "#ff5722",
33 |   deepOrangeAccent: "#ff6e40",
34 |   brown: "#795548",
35 |   grey: "#9e9e9e",
36 |   blueGrey: "#607d8b",
37 | };
38 | 


--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from "vite";
 2 | import react from "@vitejs/plugin-react";
 3 | 
 4 | // https://vitejs.dev/config/
 5 | export default defineConfig({
 6 |   plugins: [react()],
 7 | 
 8 |   // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
 9 |   // prevent vite from obscuring rust errors
10 |   clearScreen: false,
11 |   // tauri expects a fixed port, fail if that port is not available
12 |   server: {
13 |     port: 1420,
14 |     strictPort: true,
15 |   },
16 |   // to make use of `TAURI_DEBUG` and other env variables
17 |   // https://tauri.studio/v1/api/config#buildconfig.beforedevcommand
18 |   envPrefix: ["VITE_", "TAURI_"],
19 |   build: {
20 |     // Tauri supports es2021
21 |     target: ["es2021", "chrome100", "safari13"],
22 |     // don't minify for debug builds
23 |     minify: !process.env.TAURI_DEBUG ? "esbuild" : false,
24 |     // produce sourcemaps for debug builds
25 |     sourcemap: !!process.env.TAURI_DEBUG,
26 |   },
27 |   esbuild: {
28 |     supported: {
29 |       "top-level-await": true,
30 |     },
31 |   },
32 | });
33 | 


--------------------------------------------------------------------------------
/src/templates/with-conui/conui.h:
--------------------------------------------------------------------------------
 1 | // Copyright 2021 PUB Education Division
 2 | // Author: Romi Kusuma Bakti
 3 | 
 4 | #include <windows.h>
 5 | 
 6 | #define outputHandle GetStdHandle(STD_OUTPUT_HANDLE)
 7 | 
 8 | #define BLACK 0x0
 9 | #define DARK_BLUE 0x1
10 | #define DARK_GREEN 0x2
11 | #define DARK_CYAN 0x3
12 | #define DARK_RED 0x4
13 | #define DARK_PURPLE 0x5
14 | #define DARK_YELLOW 0x6
15 | #define DARK_WHITE 0x7
16 | #define GRAY 0x8
17 | #define BLUE 0x9
18 | #define GREEN 0xa
19 | #define CYAN 0xb
20 | #define RED 0xc
21 | #define PURPLE 0xd
22 | #define YELLOW 0xe
23 | #define WHITE 0xf
24 | 
25 | int text_color = FOREGROUND_INTENSITY;
26 | int bg_color = 0;
27 | 
28 | void set_cursor_pos(SHORT x, SHORT y)
29 | {
30 |     COORD position = {x, y};
31 |     SetConsoleCursorPosition(outputHandle, position);
32 | }
33 | 
34 | void set_text_color(int color)
35 | {
36 |     SetConsoleTextAttribute(outputHandle, color | (bg_color << 4));
37 |     text_color = color;
38 | }
39 | 
40 | void set_bg_color(int color)
41 | {
42 |     SetConsoleTextAttribute(outputHandle, text_color | (color << 4));
43 |     bg_color = color;
44 | }


--------------------------------------------------------------------------------
/src-tauri/Cargo.toml:
--------------------------------------------------------------------------------
 1 | [package]
 2 | name = "pub-code"
 3 | version = "0.0.0"
 4 | description = "A Tauri App"
 5 | authors = ["you"]
 6 | license = ""
 7 | repository = ""
 8 | edition = "2021"
 9 | rust-version = "1.57"
10 | 
11 | # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
12 | 
13 | [build-dependencies]
14 | tauri-build = {version = "1.2", features = [] }
15 | 
16 | [dependencies]
17 | serde_json = "1.0"
18 | serde = { version = "1.0", features = ["derive"] }
19 | tauri = {version = "1.2", features = ["api-all"] }
20 | tauri-plugin-window-state = "0.1.0"
21 | window-shadows = "0.2.0"
22 | # window-vibrancy = "0.3.2"
23 | machine-uid = "0.2.0"
24 | tauri-plugin-fs-watch = { git = "https://github.com/tauri-apps/tauri-plugin-fs-watch" }
25 | 
26 | [features]
27 | # by default Tauri runs in production mode
28 | # when `tauri dev` runs it is executed with `cargo run --no-default-features` if `devPath` is an URL
29 | default = [ "custom-protocol" ]
30 | # this feature is used used for production builds where `devPath` points to the filesystem
31 | # DO NOT remove this
32 | custom-protocol = [ "tauri/custom-protocol" ]
33 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023-present PUB Education Division
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "pub-code",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "dev": "vite",
 8 |     "build": "tsc && vite build",
 9 |     "preview": "vite preview",
10 |     "tauri": "tauri"
11 |   },
12 |   "dependencies": {
13 |     "@monaco-editor/react": "^4.4.6",
14 |     "@tauri-apps/api": "^1.2.0",
15 |     "allotment": "^1.17.1",
16 |     "i18next": "^22.4.5",
17 |     "i18next-browser-languagedetector": "^7.0.1",
18 |     "monaco-editor": "^0.34.1",
19 |     "react": "^18.2.0",
20 |     "react-dom": "^18.2.0",
21 |     "react-i18next": "^12.1.1",
22 |     "react-icons": "^4.7.1",
23 |     "tauri-plugin-fs-watch-api": "github:tauri-apps/tauri-plugin-fs-watch",
24 |     "wastyle": "^0.0.5"
25 |   },
26 |   "devDependencies": {
27 |     "@tauri-apps/cli": "^1.2.2",
28 |     "@types/node": "^18.7.10",
29 |     "@types/react": "^18.0.15",
30 |     "@types/react-dom": "^18.0.6",
31 |     "@vitejs/plugin-react": "^3.0.0",
32 |     "autoprefixer": "^10.4.13",
33 |     "postcss": "^8.4.20",
34 |     "tailwind-material-colors": "^1.0.0",
35 |     "tailwindcss": "^3.2.4",
36 |     "typescript": "^4.6.4",
37 |     "vite": "^4.0.0"
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/src-tauri/src/main.rs:
--------------------------------------------------------------------------------
 1 | #![cfg_attr(
 2 |     all(not(debug_assertions), target_os = "windows"),
 3 |     windows_subsystem = "windows"
 4 | )]
 5 | 
 6 | use tauri::Manager;
 7 | use tauri_plugin_fs_watch::Watcher;
 8 | use window_shadows::set_shadow;
 9 | // use window_vibrancy::apply_mica;
10 | 
11 | extern crate machine_uid;
12 | 
13 | #[tauri::command]
14 | fn machine_uid() -> Result<String, String> {
15 |     match machine_uid::get() {
16 |         Ok(uid) => Ok(uid),
17 |         Err(e) => Err(e.to_string()),
18 |     }
19 | }
20 | 
21 | #[tauri::command]
22 | fn zoom(window: tauri::Window, factor: f64) {
23 |     window
24 |         .with_webview(move |webview| {
25 |             #[cfg(windows)]
26 |             unsafe {
27 |                 webview.controller().SetZoomFactor(factor).unwrap();
28 |             }
29 |         })
30 |         .unwrap();
31 | }
32 | 
33 | fn main() {
34 |     tauri::Builder::default()
35 |         .plugin(tauri_plugin_window_state::Builder::default().build())
36 |         .setup(|app| {
37 |             let window = app.get_window("main").unwrap();
38 |             set_shadow(&window, true).unwrap();
39 |             // apply_mica(&window).unwrap();
40 |             Ok(())
41 |         })
42 |         .plugin(Watcher::default())
43 |         .invoke_handler(tauri::generate_handler![machine_uid, zoom])
44 |         .run(tauri::generate_context!())
45 |         .expect("error while running tauri application");
46 | }
47 | 


--------------------------------------------------------------------------------
/public/vite.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>


--------------------------------------------------------------------------------
/public/tauri.svg:
--------------------------------------------------------------------------------
1 | <svg width="206" height="231" viewBox="0 0 206 231" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M143.143 84C143.143 96.1503 133.293 106 121.143 106C108.992 106 99.1426 96.1503 99.1426 84C99.1426 71.8497 108.992 62 121.143 62C133.293 62 143.143 71.8497 143.143 84Z" fill="#FFC131"/>
3 | <ellipse cx="84.1426" cy="147" rx="22" ry="22" transform="rotate(180 84.1426 147)" fill="#24C8DB"/>
4 | <path fill-rule="evenodd" clip-rule="evenodd" d="M166.738 154.548C157.86 160.286 148.023 164.269 137.757 166.341C139.858 160.282 141 153.774 141 147C141 144.543 140.85 142.121 140.558 139.743C144.975 138.204 149.215 136.139 153.183 133.575C162.73 127.404 170.292 118.608 174.961 108.244C179.63 97.8797 181.207 86.3876 179.502 75.1487C177.798 63.9098 172.884 53.4021 165.352 44.8883C157.82 36.3744 147.99 30.2165 137.042 27.1546C126.095 24.0926 114.496 24.2568 103.64 27.6274C92.7839 30.998 83.1319 37.4317 75.8437 46.1553C74.9102 47.2727 74.0206 48.4216 73.176 49.5993C61.9292 50.8488 51.0363 54.0318 40.9629 58.9556C44.2417 48.4586 49.5653 38.6591 56.679 30.1442C67.0505 17.7298 80.7861 8.57426 96.2354 3.77762C111.685 -1.01901 128.19 -1.25267 143.769 3.10474C159.348 7.46215 173.337 16.2252 184.056 28.3411C194.775 40.457 201.767 55.4101 204.193 71.404C206.619 87.3978 204.374 103.752 197.73 118.501C191.086 133.25 180.324 145.767 166.738 154.548ZM41.9631 74.275L62.5557 76.8042C63.0459 72.813 63.9401 68.9018 65.2138 65.1274C57.0465 67.0016 49.2088 70.087 41.9631 74.275Z" fill="#FFC131"/>
5 | <path fill-rule="evenodd" clip-rule="evenodd" d="M38.4045 76.4519C47.3493 70.6709 57.2677 66.6712 67.6171 64.6132C65.2774 70.9669 64 77.8343 64 85.0001C64 87.1434 64.1143 89.26 64.3371 91.3442C60.0093 92.8732 55.8533 94.9092 51.9599 97.4256C42.4128 103.596 34.8505 112.392 30.1816 122.756C25.5126 133.12 23.9357 144.612 25.6403 155.851C27.3449 167.09 32.2584 177.598 39.7906 186.112C47.3227 194.626 57.153 200.784 68.1003 203.846C79.0476 206.907 90.6462 206.743 101.502 203.373C112.359 200.002 122.011 193.568 129.299 184.845C130.237 183.722 131.131 182.567 131.979 181.383C143.235 180.114 154.132 176.91 164.205 171.962C160.929 182.49 155.596 192.319 148.464 200.856C138.092 213.27 124.357 222.426 108.907 227.222C93.458 232.019 76.9524 232.253 61.3736 227.895C45.7948 223.538 31.8055 214.775 21.0867 202.659C10.3679 190.543 3.37557 175.59 0.949823 159.596C-1.47592 143.602 0.768139 127.248 7.41237 112.499C14.0566 97.7497 24.8183 85.2327 38.4045 76.4519ZM163.062 156.711L163.062 156.711C162.954 156.773 162.846 156.835 162.738 156.897C162.846 156.835 162.954 156.773 163.062 156.711Z" fill="#24C8DB"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/src/components/About.tsx:
--------------------------------------------------------------------------------
 1 | import { Dispatch, SetStateAction, useEffect, useState } from "react";
 2 | import { Trans, useTranslation } from "react-i18next";
 3 | import Dialog from "./Dialog";
 4 | import { VscClose } from "react-icons/vsc";
 5 | import Link from "./Link";
 6 | import { getVersion } from "@tauri-apps/api/app";
 7 | import PUBCodeIcon from "./PUBCodeIcon";
 8 | 
 9 | export function AboutHeader() {
10 |   const { t } = useTranslation();
11 |   return (
12 |     <div className="flex flex-col gap-2">
13 |       <h1 className="display text-3xl flex gap-3 items-center">
14 |         <PUBCodeIcon className="fill-primary w-10" />
15 |         <span>
16 |           <strong>PUB</strong> Code
17 |         </span>
18 |       </h1>
19 |       <h2>{t("description")}</h2>
20 |     </div>
21 |   );
22 | }
23 | 
24 | export function AboutFooter() {
25 |   const { t } = useTranslation();
26 |   return (
27 |     <div className="flex flex-col gap-1">
28 |       <div>
29 |         <Trans i18nKey="about.partOfPubNext" values={{ pubNext: t("pubNext") }}>
30 |           <Link className="display" to="https://next.pubpasim.org/" />
31 |         </Trans>
32 |       </div>
33 |       <div>
34 |         © 2023 <strong className="display">{t("pubEduDiv")}</strong>
35 |       </div>
36 |     </div>
37 |   );
38 | }
39 | 
40 | interface AboutProps {
41 |   isOpen: boolean;
42 |   setIsOpen: Dispatch<SetStateAction<boolean>>;
43 | }
44 | 
45 | function About({ isOpen, setIsOpen }: AboutProps) {
46 |   const { t } = useTranslation();
47 |   const [version, setVersion] = useState("");
48 | 
49 |   useEffect(() => {
50 |     getVersion().then((version) => setVersion(version));
51 |   }, []);
52 | 
53 |   return (
54 |     <Dialog
55 |       className="flex flex-col gap-6 relative w-[384px]"
56 |       isOpen={isOpen}
57 |       onClose={() => setIsOpen(false)}
58 |     >
59 |       <AboutHeader />
60 |       <div className="flex flex-col gap-1">
61 |         <div>
62 |           {t("about.version")}: {version}
63 |         </div>
64 |         <div>
65 |           {t("about.projectFounder")}:{" "}
66 |           <Link to="https://github.com/romikusumabakti">Romi Kusuma Bakti</Link>
67 |         </div>
68 |         <div>{t("about.license")}: MIT</div>
69 |         <div>
70 |           GitHub: <Link>https://github.com/romikusumabakti/pub-code</Link>
71 |         </div>
72 |       </div>
73 |       <AboutFooter />
74 |       <button
75 |         className="w-10 h-10 rounded-full text-2xl ml-auto flex items-center justify-center absolute top-6 right-6"
76 |         onClick={() => setIsOpen(false)}
77 |       >
78 |         <VscClose />
79 |       </button>
80 |     </Dialog>
81 |   );
82 | }
83 | 
84 | export default About;
85 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![PUB Code icon](./src-tauri/icons/128x128.png)
 2 | 
 3 | # PUB Code
 4 | 
 5 | [![PUB Code version](https://img.shields.io/github/v/release/romikusumabakti/pub-code.svg?include_prereleases)](https://github.com/romikusumabakti/pub-code/releases)
 6 | [![PUB Code downloads](https://img.shields.io/github/downloads/romikusumabakti/pub-code/total.svg)](https://github.com/romikusumabakti/pub-code/releases)
 7 | 
 8 | PUB Code (pronounced `/pé u bé koʊd/`) is a fast, simple, and open source C/C++ IDE for Windows.
 9 | 
10 | ![PUB Code screenshot](https://user-images.githubusercontent.com/41172548/211024120-83f420a0-3c77-4f83-aa70-872840d5ec69.jpg#gh-dark-mode-only)![PUB Code screenshot](https://user-images.githubusercontent.com/41172548/211024136-2f0363d6-f30f-4cc1-92df-2482280ba25b.jpg#gh-light-mode-only)
11 | 
12 | > [PUB](https://www.pubpasim.org/) (pronounced `/pé u bé/`, _Pemberdayaan Umat Berkelanjutan_) is a scholarship program that provides opportunities for high school graduates to continue their studies (at [Universitas Nasional PASIM](https://pasim.ac.id/), Bandung, Indonesia), learn to code, and become full-stack developers.
13 | 
14 | ## ✨ Features
15 | 
16 | - Syntax highlighting ([Monaco Editor](https://microsoft.github.io/monaco-editor/))
17 | - Debugging (with GDB)
18 | - Dark theme support
19 | - Color scheme ([Material Design 3](https://m3.material.io/))
20 | 
21 | ## 🌐 Languages
22 | 
23 | - English
24 | - Bahasa Indonesia
25 | 
26 | ## 💾 Installation
27 | 
28 | To install PUB Code on your computer, follow these steps:
29 | 
30 | 1. Make sure you have [WebView2](https://developer.microsoft.com/en-us/microsoft-edge/webview2/) installed on your computer.
31 | 2. Download the latest version of PUB Code from the [releases page](https://github.com/romikusumabakti/pub-code/releases).
32 | 3. Run the installer and follow the prompts to install PUB Code on your computer.
33 | 4. Once the installation is complete, you can launch PUB Code from the Start menu or by double-clicking the PUB Code shortcut on your desktop.
34 | 
35 | > On Windows 10 (April 2018 release or later) and Windows 11, the WebView2 runtime is distributed as part of the operating system.
36 | 
37 | ## 📦 Third party libraries
38 | 
39 | - [Tauri](https://tauri.app/) (desktop app framework)
40 | - [Monaco Editor](https://microsoft.github.io/monaco-editor/) (code editor)
41 | - [WinLibs](https://winlibs.com/) (GCC and MinGW-w64 build for Windows)
42 | - [React](https://reactjs.org/) (UI library)
43 | - [Tailwind CSS](https://tailwindcss.com/) (UI styling)
44 | - [Vite](https://vitejs.dev/) (UI build tool)
45 | 
46 | ## 📜 License
47 | 
48 | This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
49 | 


--------------------------------------------------------------------------------
/src-tauri/pub-code.iss:
--------------------------------------------------------------------------------
 1 | ; Script generated by the Inno Setup Script Wizard.
 2 | ; SEE THE DOCUMENTATION FOR DETAILS ON CREATING INNO SETUP SCRIPT FILES!
 3 | 
 4 | #define AppName "PUB Code"
 5 | #define AppVersion "0.7.0-beta"
 6 | #define AppPublisher "PUB Education Division"
 7 | #define AppURL "https://next.pubpasim.org/code"
 8 | #define AppExeName "PUB Code.exe"
 9 | #define AppAssocName "Source Code File"
10 | #define AppAssocExt ".c"
11 | #define AppAssocKey StringChange(AppAssocName, " ", "") + AppAssocExt
12 | 
13 | [Setup]
14 | ; NOTE: The value of AppId uniquely identifies this application. Do not use the same AppId value in installers for other applications.
15 | ; (To generate a new GUID, click Tools | Generate GUID inside the IDE.)
16 | AppId={{35B5925D-372A-4AB7-A982-91DD1C3BEF20}
17 | AppName={#AppName}
18 | AppVersion={#AppVersion}
19 | ;AppVerName={#AppName} {#AppVersion}
20 | AppPublisher={#AppPublisher}
21 | AppPublisherURL={#AppURL}
22 | AppSupportURL={#AppURL}
23 | AppUpdatesURL={#AppURL}
24 | DefaultDirName={autopf}\{#AppName}
25 | ChangesAssociations=yes
26 | DisableProgramGroupPage=yes
27 | LicenseFile=..\LICENSE
28 | ; Remove the following line to run in administrative install mode (install for all users.)
29 | PrivilegesRequired=lowest
30 | OutputDir=target\release\bundle
31 | OutputBaseFilename=PUBCodeUserSetup-x64-{#AppVersion}
32 | SetupIconFile=icons\icon.ico
33 | Compression=lzma
34 | SolidCompression=yes
35 | WizardStyle=modern
36 | 
37 | [Languages]
38 | Name: "english"; MessagesFile: "compiler:Default.isl"
39 | 
40 | [Tasks]
41 | Name: "desktopicon"; Description: "{cm:CreateDesktopIcon}"; GroupDescription: "{cm:AdditionalIcons}"; Flags: unchecked
42 | 
43 | [Files]
44 | Source: "target\release\{#AppExeName}"; DestDir: "{app}"; Flags: ignoreversion
45 | ; NOTE: Don't use "Flags: ignoreversion" on any shared system files
46 | 
47 | [Registry]
48 | Root: HKA; Subkey: "Software\Classes\{#AppAssocExt}\OpenWithProgids"; ValueType: string; ValueName: "{#AppAssocKey}"; ValueData: ""; Flags: uninsdeletevalue
49 | Root: HKA; Subkey: "Software\Classes\{#AppAssocKey}"; ValueType: string; ValueName: ""; ValueData: "{#AppAssocName}"; Flags: uninsdeletekey
50 | Root: HKA; Subkey: "Software\Classes\{#AppAssocKey}\DefaultIcon"; ValueType: string; ValueName: ""; ValueData: "{app}\{#AppExeName},0"
51 | Root: HKA; Subkey: "Software\Classes\{#AppAssocKey}\shell\open\command"; ValueType: string; ValueName: ""; ValueData: """{app}\{#AppExeName}"" ""%1"""
52 | Root: HKA; Subkey: "Software\Classes\Applications\{#AppExeName}\SupportedTypes"; ValueType: string; ValueName: ".p"; ValueData: ""
53 | 
54 | [Icons]
55 | Name: "{autoprograms}\{#AppName}"; Filename: "{app}\{#AppExeName}"
56 | Name: "{autodesktop}\{#AppName}"; Filename: "{app}\{#AppExeName}"; Tasks: desktopicon
57 | 
58 | [Run]
59 | Filename: "{app}\{#AppExeName}"; Description: "{cm:LaunchProgram,{#StringChange(AppName, '&', '&&')}}"; Flags: nowait postinstall skipifsilent
60 | 
61 | 


--------------------------------------------------------------------------------
/src-tauri/tauri.conf.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "build": {
  3 |     "beforeDevCommand": "pnpm dev",
  4 |     "beforeBuildCommand": "pnpm build",
  5 |     "devPath": "http://localhost:1420",
  6 |     "distDir": "../dist"
  7 |   },
  8 |   "package": {
  9 |     "productName": "PUB Code",
 10 |     "version": "0.7.0-beta"
 11 |   },
 12 |   "tauri": {
 13 |     "allowlist": {
 14 |       "all": true,
 15 |       "fs": {
 16 |         "scope": ["*"]
 17 |       },
 18 |       "shell": {
 19 |         "scope": [
 20 |           {
 21 |             "name": "build_c",
 22 |             "cmd": "C:/mingw64/bin/gcc",
 23 |             "args": [
 24 |               "-g",
 25 |               { "validator": "\\S+" },
 26 |               "-o",
 27 |               { "validator": "\\S+" }
 28 |             ]
 29 |           },
 30 |           {
 31 |             "name": "build_cpp",
 32 |             "cmd": "C:/mingw64/bin/g++",
 33 |             "args": [
 34 |               "-g",
 35 |               { "validator": "\\S+" },
 36 |               "-o",
 37 |               { "validator": "\\S+" }
 38 |             ]
 39 |           },
 40 |           {
 41 |             "name": "run",
 42 |             "cmd": "C:/mingw64/bin/gdb",
 43 |             "args": [
 44 |               { "validator": "\\S+" },
 45 |               "-batch",
 46 |               "-ex",
 47 |               "set new-console on",
 48 |               "-ex",
 49 |               { "validator": "\\S+" },
 50 |               "-ex",
 51 |               "run"
 52 |             ]
 53 |           }
 54 |         ]
 55 |       }
 56 |     },
 57 |     "bundle": {
 58 |       "active": false,
 59 |       "category": "DeveloperTool",
 60 |       "copyright": "",
 61 |       "deb": {
 62 |         "depends": []
 63 |       },
 64 |       "externalBin": [],
 65 |       "icon": [
 66 |         "icons/32x32.png",
 67 |         "icons/128x128.png",
 68 |         "icons/128x128@2x.png",
 69 |         "icons/icon.icns",
 70 |         "icons/icon.ico"
 71 |       ],
 72 |       "identifier": "org.pubpasim.code",
 73 |       "longDescription": "",
 74 |       "macOS": {
 75 |         "entitlements": null,
 76 |         "exceptionDomain": "",
 77 |         "frameworks": [],
 78 |         "providerShortName": null,
 79 |         "signingIdentity": null
 80 |       },
 81 |       "resources": [],
 82 |       "shortDescription": "",
 83 |       "targets": "all",
 84 |       "windows": {
 85 |         "certificateThumbprint": null,
 86 |         "digestAlgorithm": "sha256",
 87 |         "timestampUrl": ""
 88 |       }
 89 |     },
 90 |     "security": {
 91 |       "csp": null
 92 |     },
 93 |     "updater": {
 94 |       "active": false
 95 |     },
 96 |     "windows": [
 97 |       {
 98 |         "fullscreen": false,
 99 |         "resizable": true,
100 |         "title": "PUB Code",
101 |         "minWidth": 800,
102 |         "minHeight": 600,
103 |         "decorations": false
104 |       }
105 |     ]
106 |   }
107 | }
108 | 


--------------------------------------------------------------------------------
/src-tauri/pub-code-mingw64.iss:
--------------------------------------------------------------------------------
 1 | ; Script generated by the Inno Setup Script Wizard.
 2 | ; SEE THE DOCUMENTATION FOR DETAILS ON CREATING INNO SETUP SCRIPT FILES!
 3 | 
 4 | #define AppName "PUB Code"
 5 | #define AppVersion "0.7.0-beta"
 6 | #define AppPublisher "PUB Education Division"
 7 | #define AppURL "https://next.pubpasim.org/code"
 8 | #define AppExeName "PUB Code.exe"
 9 | #define AppAssocName "Source Code File"
10 | #define AppAssocExt ".c"
11 | #define AppAssocKey StringChange(AppAssocName, " ", "") + AppAssocExt
12 | 
13 | [Setup]
14 | ; NOTE: The value of AppId uniquely identifies this application. Do not use the same AppId value in installers for other applications.
15 | ; (To generate a new GUID, click Tools | Generate GUID inside the IDE.)
16 | AppId={{35B5925D-372A-4AB7-A982-91DD1C3BEF20}
17 | AppName={#AppName}
18 | AppVersion={#AppVersion}
19 | ;AppVerName={#AppName} {#AppVersion}
20 | AppPublisher={#AppPublisher}
21 | AppPublisherURL={#AppURL}
22 | AppSupportURL={#AppURL}
23 | AppUpdatesURL={#AppURL}
24 | DefaultDirName={autopf}\{#AppName}
25 | ChangesAssociations=yes
26 | DisableProgramGroupPage=yes
27 | LicenseFile=..\LICENSE
28 | ; Remove the following line to run in administrative install mode (install for all users.)
29 | PrivilegesRequired=lowest
30 | OutputDir=target\release\bundle
31 | OutputBaseFilename=PUBCodeMinGWUserSetup-x64-{#AppVersion}
32 | SetupIconFile=icons\icon.ico
33 | Compression=lzma
34 | SolidCompression=yes
35 | WizardStyle=modern
36 | 
37 | [Languages]
38 | Name: "english"; MessagesFile: "compiler:Default.isl"
39 | 
40 | [Tasks]
41 | Name: "desktopicon"; Description: "{cm:CreateDesktopIcon}"; GroupDescription: "{cm:AdditionalIcons}"; Flags: unchecked
42 | 
43 | [Files]
44 | Source: "target\release\{#AppExeName}"; DestDir: "{app}"; Flags: ignoreversion
45 | Source: "mingw64\*"; DestDir: "C:\mingw64\"; Flags: ignoreversion recursesubdirs createallsubdirs
46 | ; NOTE: Don't use "Flags: ignoreversion" on any shared system files
47 | 
48 | [Registry]
49 | Root: HKA; Subkey: "Software\Classes\{#AppAssocExt}\OpenWithProgids"; ValueType: string; ValueName: "{#AppAssocKey}"; ValueData: ""; Flags: uninsdeletevalue
50 | Root: HKA; Subkey: "Software\Classes\{#AppAssocKey}"; ValueType: string; ValueName: ""; ValueData: "{#AppAssocName}"; Flags: uninsdeletekey
51 | Root: HKA; Subkey: "Software\Classes\{#AppAssocKey}\DefaultIcon"; ValueType: string; ValueName: ""; ValueData: "{app}\{#AppExeName},0"
52 | Root: HKA; Subkey: "Software\Classes\{#AppAssocKey}\shell\open\command"; ValueType: string; ValueName: ""; ValueData: """{app}\{#AppExeName}"" ""%1"""
53 | Root: HKA; Subkey: "Software\Classes\Applications\{#AppExeName}\SupportedTypes"; ValueType: string; ValueName: ".p"; ValueData: ""
54 | 
55 | [Icons]
56 | Name: "{autoprograms}\{#AppName}"; Filename: "{app}\{#AppExeName}"
57 | Name: "{autodesktop}\{#AppName}"; Filename: "{app}\{#AppExeName}"; Tasks: desktopicon
58 | 
59 | [Run]
60 | Filename: "{app}\{#AppExeName}"; Description: "{cm:LaunchProgram,{#StringChange(AppName, '&', '&&')}}"; Flags: nowait postinstall skipifsilent
61 | 
62 | 


--------------------------------------------------------------------------------
/src/components/Folder.tsx:
--------------------------------------------------------------------------------
  1 | import { FileEntry, readDir } from "@tauri-apps/api/fs";
  2 | import { ButtonHTMLAttributes, useEffect, useState } from "react";
  3 | import { VscChevronDown, VscChevronRight, VscNewFile } from "react-icons/vsc";
  4 | import File from "./File";
  5 | import { watchImmediate } from "tauri-plugin-fs-watch-api";
  6 | 
  7 | interface EntryProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  8 |   path: string;
  9 |   name?: string;
 10 |   level?: number;
 11 |   open?: boolean;
 12 | }
 13 | 
 14 | function Folder({ path, name, level = 0, open = false }: EntryProps) {
 15 |   const [children, setChildren] = useState<FileEntry[]>([]);
 16 |   const [isOpen, setIsOpen] = useState<boolean>(open);
 17 |   const [isNewFile, setIsNewFile] = useState<boolean>(false);
 18 | 
 19 |   async function fetchChildren() {
 20 |     if (path) {
 21 |       const entries = await readDir(path);
 22 |       setChildren(entries);
 23 |     }
 24 |   }
 25 | 
 26 |   useEffect(() => {
 27 |     if (path) {
 28 |       watchImmediate(path, { recursive: false }, (e) => {
 29 |         if (e.operation !== 16) {
 30 |           fetchChildren();
 31 |         }
 32 |       });
 33 |     }
 34 |     if (open) {
 35 |       fetchChildren();
 36 |     }
 37 |   }, []);
 38 | 
 39 |   return (
 40 |     <>
 41 |       <div
 42 |         className="button h-7 gap-2 pr-2 shrink-0"
 43 |         style={{
 44 |           paddingLeft: 6 + level * 16,
 45 |         }}
 46 |         title={path}
 47 |         onClick={async () => {
 48 |           if (isOpen) {
 49 |             setIsOpen(false);
 50 |           } else {
 51 |             await fetchChildren();
 52 |             setIsOpen(true);
 53 |           }
 54 |         }}
 55 |       >
 56 |         <span>{isOpen ? <VscChevronDown /> : <VscChevronRight />}</span>
 57 |         <span
 58 |           className={`whitespace-nowrap overflow-ellipsis overflow-hidden grow text-left ${
 59 |             level === 0 && "font-bold"
 60 |           }`}
 61 |         >
 62 |           {name}
 63 |         </span>
 64 |         <button
 65 |           className="w-7 h-7 flex justify-center text-primary shrink-0"
 66 |           onClick={async (e) => {
 67 |             e.stopPropagation();
 68 |             setIsNewFile(true);
 69 |           }}
 70 |         >
 71 |           <VscNewFile />
 72 |         </button>
 73 |       </div>
 74 |       {isOpen && [
 75 |         children!
 76 |           .filter((child) => child.children)
 77 |           .map((child) => (
 78 |             <Folder
 79 |               key={child.path}
 80 |               path={child.path}
 81 |               name={child.name}
 82 |               level={level + 1}
 83 |             />
 84 |           )),
 85 |         isNewFile && (
 86 |           <File
 87 |             path={path}
 88 |             level={level + 1}
 89 |             folderPath={path}
 90 |             onCreate={() => setIsNewFile(false)}
 91 |           />
 92 |         ),
 93 |         children!
 94 |           .filter((child) => !child.children)
 95 |           .map((child) => (
 96 |             <File
 97 |               key={child.path}
 98 |               path={child.path}
 99 |               name={child.name}
100 |               level={level + 1}
101 |               folderPath={path}
102 |             />
103 |           )),
104 |       ]}
105 |     </>
106 |   );
107 | }
108 | 
109 | export default Folder;
110 | 


--------------------------------------------------------------------------------
/src/assets/react.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>


--------------------------------------------------------------------------------
/src/components/TitleBar.tsx:
--------------------------------------------------------------------------------
  1 | import { appWindow } from "@tauri-apps/api/window";
  2 | import { useContext, useEffect, useState } from "react";
  3 | import { MdDarkMode, MdLightMode } from "react-icons/md";
  4 | import {
  5 |   VscChromeClose,
  6 |   VscChromeMaximize,
  7 |   VscChromeMinimize,
  8 |   VscChromeRestore,
  9 | } from "react-icons/vsc";
 10 | import { FileContext, ICommand, ThemeContext } from "../App";
 11 | import { useTranslation } from "react-i18next";
 12 | import PUBCodeIcon from "./PUBCodeIcon";
 13 | 
 14 | interface TitleBarProps {
 15 |   menu: ICommand[];
 16 | }
 17 | 
 18 | function TitleBar({ menu }: TitleBarProps) {
 19 |   const { i18n } = useTranslation();
 20 |   const { theme, setTheme, darkTheme, darkThemeMediaQueryList } =
 21 |     useContext(ThemeContext) || {};
 22 |   const [isMaximized, setIsMaximized] = useState<boolean>();
 23 |   const { currentFolderPath, openedFiles, currentFileIndex } =
 24 |     useContext(FileContext) || {};
 25 | 
 26 |   async function updateIsMaximized() {
 27 |     const isMaximized = await appWindow.isMaximized();
 28 |     if (isMaximized) {
 29 |       setIsMaximized(true);
 30 |     } else {
 31 |       setIsMaximized(false);
 32 |     }
 33 |   }
 34 | 
 35 |   useEffect(() => {
 36 |     appWindow.onResized(updateIsMaximized);
 37 |     updateIsMaximized();
 38 |   }, []);
 39 | 
 40 |   return (
 41 |     <div
 42 |       data-tauri-drag-region
 43 |       className="flex h-10 bg-surface5 gap-8 [&>*]:flex-1"
 44 |     >
 45 |       <span data-tauri-drag-region className="flex">
 46 |         <span
 47 |           data-tauri-drag-region
 48 |           className="flex items-center pl-3 pr-2 text-primary"
 49 |         >
 50 |           <PUBCodeIcon className="fill-primary w-6 pointer-events-none" />
 51 |         </span>
 52 |         <span className="flex [&>*]:px-3">
 53 |           {menu.map((button: ICommand) => (
 54 |             <button
 55 |               key={button.title}
 56 |               onClick={button.action}
 57 |               disabled={button.disabled}
 58 |               title={button.shortcut?.replace("CommandOrControl", "Ctrl")}
 59 |             >
 60 |               {button.title}
 61 |             </button>
 62 |           ))}
 63 |         </span>
 64 |       </span>
 65 |       <span
 66 |         data-tauri-drag-region
 67 |         className="whitespace-nowrap overflow-ellipsis overflow-hidden self-center text-center"
 68 |       >
 69 |         {[
 70 |           openedFiles &&
 71 |             typeof currentFileIndex === "number" &&
 72 |             openedFiles.length > 0 &&
 73 |             openedFiles[currentFileIndex]?.name,
 74 |           currentFolderPath?.substring(currentFolderPath.lastIndexOf("\\") + 1),
 75 |           "PUB Code",
 76 |         ]
 77 |           .filter((s) => s)
 78 |           .join(" - ")}
 79 |       </span>
 80 |       <span
 81 |         data-tauri-drag-region
 82 |         className="flex text-[16px] justify-end [&>*]:w-14 [&>*]:justify-center"
 83 |       >
 84 |         <button
 85 |           className="text-primary text-[13px]"
 86 |           onClick={() =>
 87 |             i18n.changeLanguage(i18n.language === "en" ? "id" : "en")
 88 |           }
 89 |         >
 90 |           {i18n.language.toUpperCase()}
 91 |         </button>
 92 |         <button
 93 |           className="text-primary"
 94 |           onClick={() => {
 95 |             if (theme === "system") {
 96 |               setTheme!(darkTheme ? "light" : "dark");
 97 |             } else if (theme === "light") {
 98 |               setTheme!(darkThemeMediaQueryList!.matches ? "system" : "dark");
 99 |             } else if (theme === "dark") {
100 |               setTheme!(darkThemeMediaQueryList!.matches ? "light" : "system");
101 |             }
102 |           }}
103 |         >
104 |           {darkTheme ? <MdLightMode /> : <MdDarkMode />}
105 |         </button>
106 |         <button onClick={() => appWindow.minimize()}>
107 |           <VscChromeMinimize />
108 |         </button>
109 |         {isMaximized ? (
110 |           <button onClick={() => appWindow.unmaximize()}>
111 |             <VscChromeRestore />
112 |           </button>
113 |         ) : (
114 |           <button onClick={() => appWindow.maximize()}>
115 |             <VscChromeMaximize />
116 |           </button>
117 |         )}
118 |         <button onClick={() => appWindow.close()}>
119 |           <VscChromeClose />
120 |         </button>
121 |       </span>
122 |     </div>
123 |   );
124 | }
125 | 
126 | export default TitleBar;
127 | 


--------------------------------------------------------------------------------
/src/components/Splash.tsx:
--------------------------------------------------------------------------------
  1 | import { Dispatch, SetStateAction, useContext } from "react";
  2 | import { MdDarkMode, MdLanguage, MdLightMode, MdPalette } from "react-icons/md";
  3 | import { ColorContext, CommandContext, Theme, ThemeContext } from "../App";
  4 | import { useTranslation } from "react-i18next";
  5 | import Button from "./Button";
  6 | import Dialog from "./Dialog";
  7 | import { VscClose } from "react-icons/vsc";
  8 | import { AboutFooter, AboutHeader } from "./About";
  9 | import { sendStats } from "../utils/analytics";
 10 | import { colors } from "../utils/materialTheme";
 11 | 
 12 | interface SplashProps {
 13 |   isOpen: boolean;
 14 |   setOpen: Dispatch<SetStateAction<boolean>>;
 15 | }
 16 | 
 17 | function Splash({ isOpen, setOpen }: SplashProps) {
 18 |   const { t, i18n } = useTranslation();
 19 |   const { color, setColor } = useContext(ColorContext) || {};
 20 |   const { theme, setTheme, darkTheme } = useContext(ThemeContext) || {};
 21 |   const command = useContext(CommandContext);
 22 | 
 23 |   return (
 24 |     <Dialog
 25 |       className="flex flex-col gap-6 relative w-[512px]"
 26 |       isOpen={isOpen}
 27 |       onClose={() => setOpen(false)}
 28 |     >
 29 |       <AboutHeader />
 30 |       <AboutFooter />
 31 |       <div className="flex gap-4 [&>*]:flex-1 [&>*]:flex [&>*]:flex-col [&>*]:gap-1">
 32 |         <label>
 33 |           <div className="flex gap-2 items-center">
 34 |             <MdLanguage />
 35 |             <span>{t("language")}</span>
 36 |           </div>
 37 |           <select
 38 |             value={i18n.language}
 39 |             onChange={(e) => {
 40 |               sendStats("select_language", { language: e.target.value });
 41 |               i18n.changeLanguage(e.target.value);
 42 |             }}
 43 |           >
 44 |             {[
 45 |               {
 46 |                 id: "en",
 47 |                 name: "English",
 48 |               },
 49 |               {
 50 |                 id: "id",
 51 |                 name: "Bahasa Indonesia",
 52 |               },
 53 |             ].map((language) => (
 54 |               <option key={language.id} value={language.id}>
 55 |                 {language.name}
 56 |               </option>
 57 |             ))}
 58 |           </select>
 59 |         </label>
 60 |         <label>
 61 |           <div className="flex gap-2 items-center">
 62 |             <MdPalette />
 63 |             <span>{t("color.title")}</span>
 64 |           </div>
 65 |           <select
 66 |             value={color}
 67 |             onChange={(e) => {
 68 |               sendStats("select_color", { color: e.target.value });
 69 |               setColor!(e.target.value);
 70 |             }}
 71 |           >
 72 |             {Object.entries(colors).map((color) => (
 73 |               <option
 74 |                 key={color[0]}
 75 |                 value={color[0]}
 76 |                 style={{ color: color[1] }}
 77 |               >
 78 |                 {t(`color.${color[0]}`)}
 79 |               </option>
 80 |             ))}
 81 |           </select>
 82 |         </label>
 83 |         <label>
 84 |           <div className="flex gap-2 items-center">
 85 |             {darkTheme ? <MdDarkMode /> : <MdLightMode />}
 86 |             <span>{t("theme.title")}</span>
 87 |           </div>
 88 |           <select
 89 |             value={theme}
 90 |             onChange={(e) => {
 91 |               sendStats("select_theme", { theme: e.target.value });
 92 |               setTheme!(e.target.value as Theme);
 93 |             }}
 94 |           >
 95 |             {["system", "light", "dark"].map((theme) => (
 96 |               <option key={theme} value={theme}>
 97 |                 {t(`theme.${theme}`)}
 98 |               </option>
 99 |             ))}
100 |           </select>
101 |         </label>
102 |       </div>
103 |       <span className="flex gap-4">
104 |         <Button variant="tonal" onClick={command.about.action}>
105 |           {t("command.about")}
106 |         </Button>
107 |         <Button
108 |           className="ml-auto"
109 |           onClick={command.new.action}
110 |           title={command.new.shortcut?.replace("CommandOrControl", "Ctrl")}
111 |         >
112 |           {t("command.new")}
113 |         </Button>
114 |         <Button
115 |           onClick={command.open.action}
116 |           title={command.open.shortcut?.replace("CommandOrControl", "Ctrl")}
117 |         >
118 |           {t("command.open")}
119 |         </Button>
120 |       </span>
121 |       <button
122 |         className="w-10 h-10 rounded-full text-2xl ml-auto flex items-center justify-center absolute top-6 right-6"
123 |         onClick={() => setOpen(false)}
124 |       >
125 |         <VscClose />
126 |       </button>
127 |     </Dialog>
128 |   );
129 | }
130 | 
131 | export default Splash;
132 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
  1 | @tailwind base;
  2 | @tailwind components;
  3 | @tailwind utilities;
  4 | 
  5 | @font-face {
  6 |   font-family: "Google Sans Display";
  7 |   src: url("./assets/fonts/Google Sans Display/GoogleSansDisplay-Regular.ttf");
  8 |   font-weight: normal;
  9 |   font-style: normal;
 10 | }
 11 | 
 12 | @font-face {
 13 |   font-family: "Google Sans Display";
 14 |   src: url("./assets/fonts/Google Sans Display/GoogleSansDisplay-Italic.ttf");
 15 |   font-weight: normal;
 16 |   font-style: italic;
 17 | }
 18 | 
 19 | @font-face {
 20 |   font-family: "Google Sans Display";
 21 |   src: url("./assets/fonts/Google Sans Display/GoogleSansDisplay-Medium.ttf");
 22 |   font-weight: 500;
 23 |   font-style: normal;
 24 | }
 25 | 
 26 | @font-face {
 27 |   font-family: "Google Sans Display";
 28 |   src: url("./assets/fonts/Google Sans Display/GoogleSansDisplay-MediumItalic.ttf");
 29 |   font-weight: 500;
 30 |   font-style: italic;
 31 | }
 32 | 
 33 | @font-face {
 34 |   font-family: "Google Sans Display";
 35 |   src: url("./assets/fonts/Google Sans Display/GoogleSansDisplay-Bold.ttf");
 36 |   font-weight: bold;
 37 |   font-style: normal;
 38 | }
 39 | 
 40 | @font-face {
 41 |   font-family: "Google Sans Display";
 42 |   src: url("./assets/fonts/Google Sans Display/GoogleSansDisplay-BoldItalic.ttf");
 43 |   font-weight: bold;
 44 |   font-style: italic;
 45 | }
 46 | 
 47 | @font-face {
 48 |   font-family: "Google Sans Text";
 49 |   src: url("./assets/fonts/Google Sans Text/GoogleSansText-Regular.ttf");
 50 |   font-weight: normal;
 51 |   font-style: normal;
 52 | }
 53 | 
 54 | @font-face {
 55 |   font-family: "Google Sans Text";
 56 |   src: url("./assets/fonts/Google Sans Text/GoogleSansText-Italic.ttf");
 57 |   font-weight: normal;
 58 |   font-style: italic;
 59 | }
 60 | 
 61 | @font-face {
 62 |   font-family: "Google Sans Text";
 63 |   src: url("./assets/fonts/Google Sans Text/GoogleSansText-Medium.ttf");
 64 |   font-weight: 500;
 65 |   font-style: normal;
 66 | }
 67 | 
 68 | @font-face {
 69 |   font-family: "Google Sans Text";
 70 |   src: url("./assets/fonts/Google Sans Text/GoogleSansText-MediumItalic.ttf");
 71 |   font-weight: 500;
 72 |   font-style: italic;
 73 | }
 74 | 
 75 | @font-face {
 76 |   font-family: "Google Sans Text";
 77 |   src: url("./assets/fonts/Google Sans Text/GoogleSansText-Bold.ttf");
 78 |   font-weight: bold;
 79 |   font-style: normal;
 80 | }
 81 | 
 82 | @font-face {
 83 |   font-family: "Google Sans Text";
 84 |   src: url("./assets/fonts/Google Sans Text/GoogleSansText-BoldItalic.ttf");
 85 |   font-weight: bold;
 86 |   font-style: italic;
 87 | }
 88 | 
 89 | :root {
 90 |   font-family: "Google Sans Text", sans-serif;
 91 |   @apply text-[13px] select-none;
 92 | }
 93 | 
 94 | ::-webkit-scrollbar {
 95 |   @apply w-2 h-2;
 96 | }
 97 | 
 98 | ::-webkit-scrollbar-track {
 99 |   @apply bg-surface3 rounded-full;
100 | }
101 | 
102 | ::-webkit-scrollbar-thumb {
103 |   @apply bg-surface-variant rounded-full;
104 | }
105 | 
106 | body {
107 |   margin: 0;
108 | }
109 | 
110 | .display {
111 |   font-family: "Google Sans Display", sans-serif;
112 | }
113 | 
114 | header {
115 |   @apply h-10 flex items-center justify-between shrink-0 uppercase text-[11px] px-4;
116 | }
117 | 
118 | button,
119 | .button {
120 |   @apply flex items-center bg-on-surface bg-opacity-0 cursor-auto;
121 | }
122 | 
123 | button:hover,
124 | .button:hover {
125 |   @apply bg-opacity-hover;
126 | }
127 | 
128 | /* button:focus {
129 |   @apply bg-opacity-focus;
130 | } */
131 | 
132 | button:disabled,
133 | .button:disabled {
134 |   @apply text-on-surface text-opacity-disabled bg-opacity-0;
135 | }
136 | 
137 | button.active,
138 | .button.active {
139 |   @apply bg-surface-variant;
140 | }
141 | 
142 | a {
143 |   @apply text-primary cursor-pointer hover:underline;
144 | }
145 | 
146 | input[type="text"],
147 | select {
148 |   @apply grow h-8 px-2 rounded border border-outline outline-primary bg-transparent;
149 | }
150 | 
151 | option {
152 |   @apply bg-surface1;
153 | }
154 | 
155 | .monaco-editor .margin,
156 | .monaco-editor-background {
157 |   @apply !bg-surface;
158 | }
159 | 
160 | .menu {
161 |   @apply bg-surface1 rounded;
162 | }
163 | 
164 | .menu > button {
165 |   @apply px-3 h-12 w-full gap-3;
166 | }
167 | 
168 | .menu > button:first-child {
169 |   @apply rounded-t;
170 | }
171 | 
172 | .menu > button:last-child {
173 |   @apply rounded-b;
174 | }
175 | 
176 | .menu > button > svg {
177 |   @apply text-primary;
178 | }
179 | 
180 | .text-opacity-disabled {
181 |   @apply opacity-[.38];
182 | }
183 | 
184 | .bg-opacity-hover {
185 |   @apply bg-opacity-[.08];
186 | }
187 | 
188 | .bg-surface1,
189 | .bg-surface3,
190 | .bg-surface5 {
191 |   @apply bg-surface bg-gradient-to-t;
192 | }
193 | 
194 | .bg-surface1 {
195 |   @apply from-primary/[.05] to-primary/[.05];
196 | }
197 | 
198 | .bg-surface3 {
199 |   @apply from-primary/[.11] to-primary/[.11];
200 | }
201 | 
202 | .bg-surface5 {
203 |   @apply from-primary/[.14] to-primary/[.14];
204 | }
205 | 


--------------------------------------------------------------------------------
/src/components/File.tsx:
--------------------------------------------------------------------------------
  1 | import {
  2 |   exists,
  3 |   readTextFile,
  4 |   removeFile,
  5 |   renameFile,
  6 |   writeTextFile,
  7 | } from "@tauri-apps/api/fs";
  8 | import { basename, extname, join } from "@tauri-apps/api/path";
  9 | import { ButtonHTMLAttributes, useContext, useEffect, useState } from "react";
 10 | import { FileContext } from "../App";
 11 | import FileIcon from "./FileIcon";
 12 | import { BiRename } from "react-icons/bi";
 13 | import { VscTrash } from "react-icons/vsc";
 14 | import { useTranslation } from "react-i18next";
 15 | 
 16 | interface EntryProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 17 |   path?: string;
 18 |   name?: string;
 19 |   level?: number;
 20 |   folderPath: string;
 21 |   onCreate?: () => any;
 22 | }
 23 | 
 24 | function File({ path, name, level = 0, folderPath, onCreate }: EntryProps) {
 25 |   const { t } = useTranslation();
 26 | 
 27 |   const [newName, setNewName] = useState<string | undefined>(name);
 28 |   const [isRenaming, setIsRenaming] = useState<boolean>(false);
 29 |   const [menuPosition, setMenuPosition] = useState<any>();
 30 | 
 31 |   const { openedFiles, setOpenedFiles, currentFileIndex, setCurrentFileIndex } =
 32 |     useContext(FileContext) || {};
 33 | 
 34 |   useEffect(() => {
 35 |     if (!name) {
 36 |       setIsRenaming(true);
 37 |     }
 38 |   }, [name]);
 39 | 
 40 |   async function open(path: string) {
 41 |     setOpenedFiles!([
 42 |       ...openedFiles!,
 43 |       {
 44 |         path,
 45 |         name: await basename(path),
 46 |         language: await extname(path),
 47 |         value: await readTextFile(path),
 48 |       },
 49 |     ]);
 50 |     setCurrentFileIndex!(openedFiles!.length);
 51 |   }
 52 | 
 53 |   return (
 54 |     <>
 55 |       <div
 56 |         className={`button h-7 gap-2 pr-2 shrink-0 ${
 57 |           path === openedFiles![currentFileIndex!]?.path && "active"
 58 |         }`}
 59 |         style={{
 60 |           paddingLeft: 6 + level * 16,
 61 |         }}
 62 |         title={path}
 63 |         onClick={async () => {
 64 |           const fileIndex = openedFiles!.findIndex(
 65 |             (file) => file.path === path!
 66 |           );
 67 |           if (fileIndex !== -1) {
 68 |             setCurrentFileIndex!(fileIndex);
 69 |           } else if (path) {
 70 |             open(path);
 71 |           }
 72 |         }}
 73 |         onContextMenu={(e) => {
 74 |           e.preventDefault();
 75 |           setMenuPosition({ x: e.pageX, y: e.pageY });
 76 |         }}
 77 |       >
 78 |         <FileIcon name={newName} />
 79 |         {isRenaming ? (
 80 |           <input
 81 |             className="outline-none w-0 grow"
 82 |             autoFocus
 83 |             value={newName}
 84 |             spellCheck={false}
 85 |             onClick={(e) => e.stopPropagation()}
 86 |             onChange={(e) => setNewName(e.target.value)}
 87 |             onKeyDown={async (e) => {
 88 |               if (e.key === "Enter") {
 89 |                 e.currentTarget.blur();
 90 |               }
 91 |             }}
 92 |             onBlur={async (e) => {
 93 |               if (path) {
 94 |                 const newFilePath = await join(
 95 |                   folderPath,
 96 |                   newName || e.target.value
 97 |                 );
 98 |                 if (onCreate) {
 99 |                   if (e.target.value) {
100 |                     if (!(await exists(newFilePath))) {
101 |                       await writeTextFile(newFilePath, "");
102 |                       open(newFilePath);
103 |                     } else {
104 |                       alert(t("explorer.nameError"));
105 |                     }
106 |                   }
107 |                   onCreate();
108 |                 } else {
109 |                   if (newName && newName !== name) {
110 |                     if (!(await exists(newFilePath))) {
111 |                       renameFile(path, newFilePath);
112 |                       setOpenedFiles!(
113 |                         openedFiles!.map((file) => {
114 |                           if (file.path === path) {
115 |                             return {
116 |                               ...file,
117 |                               path: newFilePath,
118 |                               name: newName,
119 |                             };
120 |                           } else {
121 |                             return file;
122 |                           }
123 |                         })
124 |                       );
125 |                     } else {
126 |                       alert(t("explorer.nameError"));
127 |                     }
128 |                   } else {
129 |                     setNewName(name);
130 |                   }
131 |                   setIsRenaming(false);
132 |                 }
133 |               }
134 |             }}
135 |           />
136 |         ) : (
137 |           <span
138 |             className={`whitespace-nowrap overflow-ellipsis overflow-hidden grow text-left ${
139 |               level === 0 && "font-bold"
140 |             }`}
141 |           >
142 |             {name}
143 |           </span>
144 |         )}
145 |       </div>
146 |       {menuPosition && (
147 |         <div
148 |           className="fixed bg-black inset-0 z-40 bg-opacity-30 flex justify-center items-center"
149 |           onClick={() => setMenuPosition(null)}
150 |         >
151 |           <div
152 |             className="flex-col fixed z-40 w-48 menu"
153 |             style={
154 |               menuPosition && {
155 |                 left: menuPosition.x,
156 |                 top: menuPosition.y,
157 |               }
158 |             }
159 |           >
160 |             <button onClick={() => setIsRenaming(true)}>
161 |               <BiRename />
162 |               {t("explorer.rename")}...
163 |             </button>
164 |             <button
165 |               onClick={async () => {
166 |                 if (
167 |                   path &&
168 |                   (await confirm(t("explorer.deleteConfirm") || undefined))
169 |                 ) {
170 |                   await removeFile(path);
171 |                   setOpenedFiles!(
172 |                     openedFiles!.filter((file) => file.path !== path)
173 |                   );
174 |                 }
175 |               }}
176 |             >
177 |               <VscTrash />
178 |               {t("explorer.delete")}
179 |             </button>
180 |           </div>
181 |         </div>
182 |       )}
183 |     </>
184 |   );
185 | }
186 | 
187 | export default File;
188 | 


--------------------------------------------------------------------------------
/src/utils/i18n.ts:
--------------------------------------------------------------------------------
  1 | export const resources = {
  2 |   en: {
  3 |     translation: {
  4 |       description: "C/C++ Integrated Development Environment",
  5 |       pubEduDiv: "PUB Education Division",
  6 |       pubNext: "<strong>PUB</strong> Next",
  7 |       create: "Create",
  8 |       cancel: "Cancel",
  9 |       name: "Name",
 10 |       aLibrary: "{{library}} library",
 11 |       language: "Language",
 12 |       loading: "Loading",
 13 |       about: {
 14 |         version: "Version",
 15 |         projectFounder: "Project founder",
 16 |         license: "License",
 17 |         partOfPubNext: "Part of the <0>{{pubNext}}</0> project.",
 18 |       },
 19 |       newProject: {
 20 |         title: "New project",
 21 |         location: "Location",
 22 |         language: "Language",
 23 |         mainProgram: "Main program",
 24 |         compilerPath: "Compiler path",
 25 |         initialize: "Initialize",
 26 |         nameError:
 27 |           "There is already a folder with the same name in this location.",
 28 |       },
 29 |       command: {
 30 |         new: "New",
 31 |         open: "Open",
 32 |         save: "Save",
 33 |         build: "Build",
 34 |         run: "Run",
 35 |         stop: "Stop",
 36 |         runFile: "Run file",
 37 |         log: "Log",
 38 |         about: "About",
 39 |         zoomIn: "Zoom in",
 40 |         zoomOut: "Zoom out",
 41 |         resetZoom: "Reset zoom",
 42 |       },
 43 |       color: {
 44 |         title: "Color",
 45 |         red: "Red",
 46 |         redAccent: "Red accent",
 47 |         pink: "Pink",
 48 |         pinkAccent: "Pink accent",
 49 |         purple: "Purple",
 50 |         purpleAccent: "Purple accent",
 51 |         deepPurple: "Deep purple",
 52 |         deepPurpleAccent: "Deep purple accent",
 53 |         indigo: "Indigo",
 54 |         indigoAccent: "Indigo accent",
 55 |         blue: "Blue",
 56 |         blueAccent: "Blue accent",
 57 |         lightBlue: "Light blue",
 58 |         lightBlueAccent: "Light blue accent",
 59 |         cyan: "Cyan",
 60 |         cyanAccent: "Cyan accent",
 61 |         teal: "Teal",
 62 |         tealAccent: "Teal accent",
 63 |         green: "Green",
 64 |         greenAccent: "Green accent",
 65 |         lightGreen: "Light green",
 66 |         lightGreenAccent: "Light green accent",
 67 |         lime: "Lime",
 68 |         limeAccent: "Lime accent",
 69 |         yellow: "Yellow",
 70 |         yellowAccent: "Yellow accent",
 71 |         amber: "Amber",
 72 |         amberAccent: "Amber accent",
 73 |         orange: "Orange",
 74 |         orangeAccent: "Orange accent",
 75 |         deepOrange: "Deep orange",
 76 |         deepOrangeAccent: "Deep orange accent",
 77 |         brown: "Brown",
 78 |         grey: "Grey",
 79 |         blueGrey: "Blue grey",
 80 |       },
 81 |       theme: {
 82 |         title: "Theme",
 83 |         system: "System",
 84 |         light: "Light",
 85 |         dark: "Dark",
 86 |       },
 87 |       explorer: {
 88 |         title: "Explorer",
 89 |         rename: "Rename",
 90 |         delete: "Delete",
 91 |         deleteConfirm: "Are you sure you want to delete this file?",
 92 |         nameError:
 93 |           "There is already a file with the same name in this location.",
 94 |       },
 95 |       status: {
 96 |         reading: "Reading",
 97 |         formatting: "Formatting",
 98 |         saving: "Saving",
 99 |         compiling: "Compiling",
100 |         running: "Running",
101 |         line: "Line",
102 |         column: "Column",
103 |       },
104 |       log: {
105 |         openMainProgramFile: "Open main program file",
106 |         fileSaved: "File saved",
107 |         compilation: {
108 |           finished: "Compilation finished",
109 |           failed: "Compilation failed",
110 |           aborted: "Compilation aborted",
111 |         },
112 |         runningFinished: "Running finished",
113 |       },
114 |     },
115 |   },
116 |   id: {
117 |     translation: {
118 |       description: "Integrated Development Environment C/C++",
119 |       pubEduDiv: "Divisi Pendidikan PUB",
120 |       pubNext: "<strong>PUB</strong> Next",
121 |       create: "Buat",
122 |       cancel: "Batal",
123 |       name: "Nama",
124 |       aLibrary: "library {{library}}",
125 |       language: "Bahasa",
126 |       loading: "Memuat",
127 |       about: {
128 |         version: "Versi",
129 |         projectFounder: "Pendiri project",
130 |         license: "Lisensi",
131 |         partOfPubNext: "Bagian dari project <0>{{pubNext}}</0>.",
132 |       },
133 |       newProject: {
134 |         title: "Project baru",
135 |         location: "Lokasi",
136 |         language: "Bahasa",
137 |         mainProgram: "Program utama",
138 |         compilerPath: "Jalur compiler",
139 |         initialize: "Inisialisasi",
140 |         nameError: "Sudah ada folder dengan nama yang sama di lokasi ini.",
141 |       },
142 |       command: {
143 |         new: "Baru",
144 |         open: "Buka",
145 |         save: "Simpan",
146 |         build: "Build",
147 |         run: "Jalankan",
148 |         stop: "Hentikan",
149 |         runFile: "Jalankan file",
150 |         log: "Log",
151 |         about: "Tentang",
152 |         zoomIn: "Perbesar",
153 |         zoomOut: "Perkecil",
154 |         resetZoom: "Reset zoom",
155 |       },
156 |       color: {
157 |         title: "Warna",
158 |         red: "Merah",
159 |         redAccent: "Aksen merah",
160 |         pink: "Merah muda",
161 |         pinkAccent: "Aksen merah muda",
162 |         purple: "Ungu",
163 |         purpleAccent: "Aksen ungu",
164 |         deepPurple: "Ungu tua",
165 |         deepPurpleAccent: "Aksen ungu tua",
166 |         indigo: "Nila",
167 |         indigoAccent: "Aksen nila",
168 |         blue: "Biru",
169 |         blueAccent: "Aksen biru",
170 |         lightBlue: "Biru muda",
171 |         lightBlueAccent: "Aksen biru muda",
172 |         cyan: "Sian",
173 |         cyanAccent: "Aksen sian",
174 |         teal: "Teal",
175 |         tealAccent: "Aksen teal",
176 |         green: "Hijau",
177 |         greenAccent: "Aksen hijau",
178 |         lightGreen: "Hijau muda",
179 |         lightGreenAccent: "Aksen hijau muda",
180 |         lime: "Hijau pupus",
181 |         limeAccent: "Aksen hijau pupus",
182 |         yellow: "Kuning",
183 |         yellowAccent: "Aksen kuning",
184 |         amber: "Kuning lulur",
185 |         amberAccent: "Aksen kuning lulur",
186 |         orange: "Oranye",
187 |         orangeAccent: "Aksen oranye",
188 |         deepOrange: "Oranye tua",
189 |         deepOrangeAccent: "Aksen oranye tua",
190 |         brown: "Coklat",
191 |         grey: "Abu-abu",
192 |         blueGrey: "Abu-abu biru",
193 |       },
194 |       theme: {
195 |         title: "Tema",
196 |         system: "Sistem",
197 |         light: "Terang",
198 |         dark: "Gelap",
199 |       },
200 |       explorer: {
201 |         title: "Penjelajah",
202 |         rename: "Ubah nama",
203 |         delete: "Hapus",
204 |         deleteConfirm: "Apakah Anda yakin ingin menghapus file ini?",
205 |         nameError: "Sudah ada file dengan nama yang sama di lokasi ini.",
206 |       },
207 |       status: {
208 |         reading: "Membaca",
209 |         formatting: "Memformat",
210 |         saving: "Menyimpan",
211 |         compiling: "Mengompilasi",
212 |         running: "Menjalankan",
213 |         line: "Baris",
214 |         column: "Kolom",
215 |       },
216 |       log: {
217 |         openMainProgramFile: "Membuka file program utama",
218 |         fileSaved: "File disimpan",
219 |         compilation: {
220 |           finished: "Kompilasi selesai",
221 |           failed: "Kompilasi gagal",
222 |           aborted: "Kompilasi dibatalkan",
223 |         },
224 |         runningFinished: "Penjalanan selesai",
225 |       },
226 |     },
227 |   },
228 | };
229 | 


--------------------------------------------------------------------------------
/src/components/NewProject.tsx:
--------------------------------------------------------------------------------
  1 | import { open } from "@tauri-apps/api/dialog";
  2 | import { createDir, exists, writeTextFile } from "@tauri-apps/api/fs";
  3 | import { documentDir, join } from "@tauri-apps/api/path";
  4 | import { Dispatch, SetStateAction, useEffect, useState } from "react";
  5 | import { useTranslation } from "react-i18next";
  6 | import { VscFolderOpened } from "react-icons/vsc";
  7 | import { sendStats } from "../utils/analytics";
  8 | import Button from "./Button";
  9 | import Dialog from "./Dialog";
 10 | import RadioButton from "./RadioButton";
 11 | import helloWorldC from "../templates/main.c?raw";
 12 | import helloWorldCpp from "../templates/main.cpp?raw";
 13 | import helloWorldWithConuiC from "../templates/with-conui/main.c?raw";
 14 | import helloWorldWithConuiCpp from "../templates/with-conui/main.cpp?raw";
 15 | import conuiH from "../templates/with-conui/conui.h?raw";
 16 | 
 17 | type LanguageId = "c" | "cpp" | "carbon";
 18 | 
 19 | interface Language {
 20 |   id: LanguageId;
 21 |   name: string;
 22 |   disabled?: boolean;
 23 | }
 24 | 
 25 | const languages: Language[] = [
 26 |   {
 27 |     id: "c",
 28 |     name: "C",
 29 |   },
 30 |   {
 31 |     id: "cpp",
 32 |     name: "C++",
 33 |   },
 34 |   {
 35 |     id: "carbon",
 36 |     name: "Carbon",
 37 |     disabled: true,
 38 |   },
 39 | ];
 40 | 
 41 | const helloWorld = {
 42 |   c: helloWorldC,
 43 |   cpp: helloWorldCpp,
 44 |   carbon: "",
 45 | };
 46 | 
 47 | const helloWorldWithConui = {
 48 |   c: helloWorldWithConuiC,
 49 |   cpp: helloWorldWithConuiCpp,
 50 |   carbon: "",
 51 | };
 52 | 
 53 | interface NewProjectProps {
 54 |   isOpen: boolean;
 55 |   setIsOpen: Dispatch<SetStateAction<boolean>>;
 56 |   onCreate: (location: string) => void;
 57 | }
 58 | 
 59 | interface Configuration {
 60 |   name: string;
 61 |   version: string;
 62 |   language: LanguageId;
 63 |   mainProgram: string;
 64 | }
 65 | 
 66 | function NewProject({ isOpen, setIsOpen, onCreate }: NewProjectProps) {
 67 |   const { t } = useTranslation();
 68 | 
 69 |   const [configuration, setConfiguration] = useState<Configuration>({
 70 |     name: "project-1",
 71 |     version: "0.1.0",
 72 |     language: "c",
 73 |     mainProgram: "./main",
 74 |   });
 75 |   const [location, setLocation] = useState<string>("");
 76 |   const [initHelloWorld, setInitHelloWorld] = useState<boolean>(false);
 77 |   const [initConui, setInitConui] = useState<boolean>(false);
 78 | 
 79 |   useEffect(() => {
 80 |     if (isOpen) {
 81 |       documentDir().then(async (documentDir) => {
 82 |         const pubCodePath = await join(documentDir, "pub-code");
 83 |         setLocation(pubCodePath);
 84 |         let projectNumber = 1;
 85 |         while (true) {
 86 |           const projectName = `project-${projectNumber}`;
 87 |           const projectPath = await join(pubCodePath, projectName);
 88 |           if (await exists(projectPath)) {
 89 |             projectNumber++;
 90 |           } else {
 91 |             setConfiguration({
 92 |               ...configuration,
 93 |               name: projectName,
 94 |             });
 95 |             break;
 96 |           }
 97 |         }
 98 |       });
 99 |     }
100 |   }, [isOpen]);
101 | 
102 |   return (
103 |     <Dialog
104 |       className="w-[512px]"
105 |       isOpen={isOpen}
106 |       onClose={() => setIsOpen(false)}
107 |     >
108 |       <h1 className="text-xl">{t("newProject.title")}</h1>
109 |       <form
110 |         className="flex flex-col"
111 |         onSubmit={async (e) => {
112 |           e.preventDefault();
113 |           const projectPath = await join(location, configuration.name);
114 |           if (!(await exists(projectPath))) {
115 |             await createDir(await join(projectPath, "build"), {
116 |               recursive: true,
117 |             });
118 |             await writeTextFile(
119 |               await join(projectPath, "pub-code.json"),
120 |               JSON.stringify(configuration, null, 2)
121 |             );
122 |             const mainProgramPath = await join(
123 |               projectPath,
124 |               `${configuration.mainProgram}.${configuration.language}`
125 |             );
126 |             if (initConui) {
127 |               await writeTextFile(
128 |                 mainProgramPath,
129 |                 initHelloWorld
130 |                   ? helloWorldWithConui[configuration.language]
131 |                   : ""
132 |               );
133 |               await createDir(await join(projectPath, "libs"), {
134 |                 recursive: true,
135 |               });
136 |               await writeTextFile(
137 |                 await join(projectPath, "libs", "conui.h"),
138 |                 conuiH
139 |               );
140 |             } else {
141 |               await writeTextFile(
142 |                 mainProgramPath,
143 |                 initHelloWorld ? helloWorld[configuration.language] : ""
144 |               );
145 |             }
146 |             onCreate(projectPath);
147 |             setIsOpen(false);
148 |             sendStats("create_project", configuration);
149 |           } else {
150 |             alert(t("newProject.nameError"));
151 |           }
152 |         }}
153 |       >
154 |         <div className="flex flex-col divide-y divide-outline">
155 |           <div className="flex flex-col gap-4 py-4">
156 |             <div className="flex items-center">
157 |               <span className="w-32">{t("name")}</span>
158 |               <input
159 |                 type="text"
160 |                 value={configuration.name}
161 |                 onChange={(e) =>
162 |                   setConfiguration({ ...configuration, name: e.target.value })
163 |                 }
164 |                 required
165 |                 autoFocus
166 |                 onFocus={(e) => e.target.select()}
167 |               />
168 |             </div>
169 |             <div className="flex items-center">
170 |               <span className="w-32">{t("newProject.location")}</span>
171 |               <span className="grow flex relative">
172 |                 <input
173 |                   type="text"
174 |                   value={location}
175 |                   onChange={(e) => setLocation(e.target.value)}
176 |                   required
177 |                 />
178 |                 <button
179 |                   className="w-8 h-8 flex justify-center absolute right-0"
180 |                   type="button"
181 |                   onClick={() => {
182 |                     open({
183 |                       defaultPath: location,
184 |                       directory: true,
185 |                     }).then((path) => {
186 |                       if (typeof path === "string") {
187 |                         setLocation(path);
188 |                       }
189 |                     });
190 |                   }}
191 |                 >
192 |                   <VscFolderOpened />
193 |                 </button>
194 |               </span>
195 |             </div>
196 |             <div className="flex">
197 |               <span className="w-32">{t("newProject.language")}</span>
198 |               {languages.map((language) => (
199 |                 <RadioButton
200 |                   key={language.id}
201 |                   name="language"
202 |                   checked={language.id === configuration.language}
203 |                   onChange={(e) =>
204 |                     setConfiguration({
205 |                       ...configuration,
206 |                       language: language.id,
207 |                     })
208 |                   }
209 |                   disabled={language.disabled}
210 |                 >
211 |                   {language.name}
212 |                 </RadioButton>
213 |               ))}
214 |             </div>
215 |             <div className="flex items-center">
216 |               <span className="w-32">{t("newProject.mainProgram")}</span>
217 |               <input
218 |                 type="text"
219 |                 value={configuration.mainProgram}
220 |                 onChange={(e) =>
221 |                   setConfiguration({
222 |                     ...configuration,
223 |                     mainProgram: e.target.value,
224 |                   })
225 |                 }
226 |                 required
227 |               />
228 |             </div>
229 |           </div>
230 |           <div className="flex flex-col gap-1 py-4 items-start">
231 |             <label className="flex gap-2">
232 |               <input
233 |                 type="checkbox"
234 |                 checked={initHelloWorld}
235 |                 onChange={(e) => setInitHelloWorld(e.target.checked)}
236 |               />
237 |               {t("newProject.initialize")} Hello World
238 |             </label>
239 |             <label className="flex gap-2">
240 |               <input
241 |                 type="checkbox"
242 |                 checked={initConui}
243 |                 onChange={(e) => setInitConui(e.target.checked)}
244 |               />
245 |               {t("newProject.initialize")}{" "}
246 |               {t("aLibrary", { library: "Console UI" })} (conui.h)
247 |             </label>
248 |           </div>
249 |         </div>
250 |         <div className="flex gap-4 justify-end">
251 |           <Button>{t("create")}</Button>
252 |           <Button type="reset" variant="tonal" onClick={() => setIsOpen(false)}>
253 |             {t("cancel")}
254 |           </Button>
255 |         </div>
256 |       </form>
257 |     </Dialog>
258 |   );
259 | }
260 | 
261 | export default NewProject;
262 | 


--------------------------------------------------------------------------------
/src/App.tsx:
--------------------------------------------------------------------------------
  1 | import {
  2 |   createContext,
  3 |   Dispatch,
  4 |   Fragment,
  5 |   SetStateAction,
  6 |   useEffect,
  7 |   useRef,
  8 |   useState,
  9 | } from "react";
 10 | import "./App.css";
 11 | 
 12 | import { open } from "@tauri-apps/api/dialog";
 13 | import {
 14 |   createDir,
 15 |   exists,
 16 |   FileEntry,
 17 |   readDir,
 18 |   readTextFile,
 19 |   writeTextFile,
 20 | } from "@tauri-apps/api/fs";
 21 | // import { register, registerAll } from "@tauri-apps/api/globalShortcut";
 22 | import { basename, dirname, extname, join } from "@tauri-apps/api/path";
 23 | import { Child, Command } from "@tauri-apps/api/shell";
 24 | import { invoke } from "@tauri-apps/api/tauri";
 25 | 
 26 | import i18next from "i18next";
 27 | import { useTranslation, initReactI18next } from "react-i18next";
 28 | import LanguageDetector from "i18next-browser-languagedetector";
 29 | import { resources } from "./utils/i18n";
 30 | 
 31 | import { updateTheme as updateScheme } from "tailwind-material-colors/lib/updateTheme.esm";
 32 | import { colors } from "./utils/materialTheme";
 33 | 
 34 | import { VscClose, VscDebugStop, VscPlay } from "react-icons/vsc";
 35 | 
 36 | import { Allotment, LayoutPriority } from "allotment";
 37 | import "allotment/dist/style.css";
 38 | 
 39 | import TitleBar from "./components/TitleBar";
 40 | import Folder from "./components/Folder";
 41 | import FileIcon from "./components/FileIcon";
 42 | import Splash from "./components/Splash";
 43 | import NewProject from "./components/NewProject";
 44 | import About from "./components/About";
 45 | 
 46 | import Editor, { loader } from "@monaco-editor/react";
 47 | import * as monaco from "monaco-editor";
 48 | import { sendStats } from "./utils/analytics";
 49 | import { init, format } from "wastyle";
 50 | import astyleBinaryUrl from "wastyle/dist/astyle.wasm?url";
 51 | import { watchImmediate } from "tauri-plugin-fs-watch-api";
 52 | 
 53 | let stopWatching = async () => {};
 54 | 
 55 | init(astyleBinaryUrl);
 56 | 
 57 | let zoomLevel = parseInt(localStorage.getItem("zoom")!) || 0;
 58 | 
 59 | function updateZoom(): number {
 60 |   localStorage.setItem("zoom", zoomLevel.toString());
 61 |   const zoomFactor = Math.pow(1.2, zoomLevel);
 62 |   invoke("zoom", { factor: zoomFactor });
 63 |   return zoomFactor;
 64 | }
 65 | 
 66 | document.oncontextmenu = (e) => e.preventDefault();
 67 | 
 68 | i18next
 69 |   .use(LanguageDetector)
 70 |   .use(initReactI18next)
 71 |   .init({
 72 |     resources,
 73 |     fallbackLng: "en",
 74 | 
 75 |     interpolation: {
 76 |       escapeValue: false,
 77 |     },
 78 |   });
 79 | 
 80 | export type Theme = "system" | "light" | "dark";
 81 | 
 82 | interface IColorContext {
 83 |   color: string;
 84 |   setColor: Dispatch<SetStateAction<string>>;
 85 | }
 86 | 
 87 | interface IThemeContext {
 88 |   theme: Theme;
 89 |   setTheme: Dispatch<SetStateAction<Theme>>;
 90 |   darkTheme?: boolean;
 91 |   darkThemeMediaQueryList?: MediaQueryList;
 92 | }
 93 | 
 94 | export interface ICommand {
 95 |   title: string;
 96 |   shortcut?: string;
 97 |   action: (...args: any[]) => any;
 98 |   disabled?: boolean;
 99 | }
100 | 
101 | interface File {
102 |   path: string;
103 |   name: string;
104 |   language: string;
105 |   value: string;
106 | }
107 | 
108 | interface IFileContext {
109 |   currentFolderPath: string;
110 |   openedFiles: File[];
111 |   setOpenedFiles: Dispatch<SetStateAction<File[]>>;
112 |   currentFileIndex: number;
113 |   setCurrentFileIndex: Dispatch<SetStateAction<number>>;
114 | }
115 | 
116 | export const ColorContext = createContext<IColorContext | null>(null);
117 | export const ThemeContext = createContext<IThemeContext>({
118 |   theme: "system",
119 |   setTheme: () => null,
120 | });
121 | export const CommandContext = createContext<Record<string, ICommand>>({});
122 | export const FileContext = createContext<IFileContext | null>(null);
123 | 
124 | loader.config({ monaco });
125 | 
126 | let editingPath: string;
127 | 
128 | const storedOpenedFiles = await Promise.all(
129 |   JSON.parse(localStorage.getItem("openedFiles") || "[]").map(
130 |     async (path: string) => {
131 |       const value = await readTextFile(path);
132 |       const language = await extname(path);
133 |       monaco.editor.createModel(
134 |         value,
135 |         language,
136 |         monaco.Uri.parse(`file:///${path}`)
137 |       );
138 |       return {
139 |         path,
140 |         name: await basename(path),
141 |         language,
142 |         value,
143 |       };
144 |     }
145 |   )
146 | );
147 | 
148 | function App() {
149 |   const { i18n, t } = useTranslation();
150 | 
151 |   const [color, setColor] = useState<string>(
152 |     localStorage.getItem("color") || "blueAccent"
153 |   );
154 |   const [theme, setTheme] = useState<Theme>(
155 |     (localStorage.getItem("theme") as Theme) || "system"
156 |   );
157 |   const [darkTheme, setDarkTheme] = useState<boolean>();
158 | 
159 |   const editorRef = useRef<monaco.editor.IStandaloneCodeEditor | null>(null);
160 |   const [position, setPosition] = useState<monaco.Position>();
161 | 
162 |   const logRef = useRef<HTMLTextAreaElement>(null);
163 | 
164 |   const [isSplashOpen, setIsSplashOpen] = useState<boolean>(true);
165 |   const [isAboutOpen, setIsAboutOpen] = useState<boolean>(false);
166 |   const [isLogOpen, setIsLogOpen] = useState<boolean>(true);
167 | 
168 |   const [currentFolderPath, setCurrentFolderPath] = useState<string>(
169 |     localStorage.getItem("currentFolderPath")!
170 |   );
171 |   const [currentProjectConfig, setCurrentProjectConfig] = useState<
172 |     Record<string, string>
173 |   >({});
174 |   const [entries, setEntries] = useState<FileEntry[]>([]);
175 |   const [openedFiles, setOpenedFiles] = useState<File[]>(storedOpenedFiles);
176 |   const [currentFileIndex, setCurrentFileIndex] = useState<number>(
177 |     parseInt(localStorage.getItem("currentFileIndex")!) || 0
178 |   );
179 | 
180 |   const [isNewProjectOpen, setIsNewProjectOpen] = useState<boolean>(false);
181 |   const [isOpenFolderOpen, setIsOpenFolderOpen] = useState<boolean>(false);
182 |   const [isSaving, setIsSaving] = useState<boolean>(false);
183 |   const [isBuilding, setIsBuilding] = useState<boolean>(false);
184 |   const [debuggingChild, setDebuggingChild] = useState<Child>();
185 | 
186 |   const [status, setStatus] = useState<string>();
187 | 
188 |   function log(data: string) {
189 |     logRef.current!.value += data + "\n";
190 |     logRef.current?.scrollTo(0, logRef.current.scrollHeight);
191 |   }
192 | 
193 |   async function openFolder(path: string, start = openedFiles.length === 0) {
194 |     localStorage.setItem("currentFolderPath", path);
195 |     const entries = await readDir(path);
196 |     setEntries([
197 |       {
198 |         path,
199 |         name: path.substring(path.lastIndexOf("\\") + 1),
200 |         children: entries,
201 |       },
202 |     ]);
203 |     const configFileName = "pub-code.json";
204 |     const pubCodeJson = entries.find((entry) => entry.name === configFileName);
205 |     logRef.current!.value = "";
206 |     if (pubCodeJson) {
207 |       log(`${t("status.reading")} ${configFileName}...`);
208 |       const contents = await readTextFile(pubCodeJson.path);
209 |       const projectConfig = JSON.parse(contents);
210 |       if (start) {
211 |         if (projectConfig.mainProgram) {
212 |           openMainProgram(path, projectConfig);
213 |         } else {
214 |           setOpenedFiles([]);
215 |         }
216 |       }
217 |       setCurrentProjectConfig(projectConfig);
218 |     } else if (start) {
219 |       setOpenedFiles([]);
220 |     }
221 |   }
222 | 
223 |   async function openMainProgram(
224 |     projectPath: string,
225 |     projectConfig: Record<string, string>
226 |   ) {
227 |     const mainProgramFileName = `${projectConfig.mainProgram}.${projectConfig.language}`;
228 |     const path = await join(projectPath, mainProgramFileName);
229 |     log(`${t("log.openMainProgramFile")} (${mainProgramFileName})...`);
230 |     setOpenedFiles([
231 |       {
232 |         path,
233 |         name: await basename(path),
234 |         language: await extname(path),
235 |         value: await readTextFile(path),
236 |       },
237 |     ]);
238 |   }
239 | 
240 |   async function save() {
241 |     if (editorRef.current) {
242 |       editingPath = editorRef.current
243 |         .getModel()
244 |         ?.uri.path.substring(1) as string;
245 |       await writeTextFile(editingPath, editorRef.current.getValue());
246 |     }
247 |   }
248 | 
249 |   async function build(sourcePath: string, callback?: Function) {
250 |     setIsBuilding(true);
251 |     log(`${t("status.compiling")}...`);
252 |     setStatus(`${t("status.compiling")}...`);
253 |     const buildFolderPath = await join(currentFolderPath, "build");
254 |     if (!(await exists(buildFolderPath))) {
255 |       await createDir(buildFolderPath, {
256 |         recursive: true,
257 |       });
258 |     }
259 |     const language = await extname(sourcePath);
260 |     const program = await basename(
261 |       sourcePath,
262 |       `.${currentProjectConfig.language || language}`
263 |     );
264 |     const binaryPath = await join(currentFolderPath, "build", `${program}.exe`);
265 |     const command = new Command(`build_${language}`, [
266 |       "-g",
267 |       sourcePath,
268 |       "-o",
269 |       binaryPath,
270 |     ]);
271 |     let error = false;
272 |     command.stderr.on("data", (data) => {
273 |       if (data.includes(": warning: ")) {
274 |         setIsLogOpen(true);
275 |       } else if (data.includes(": error: ")) {
276 |         error = true;
277 |         setIsLogOpen(true);
278 |       }
279 |       log(data);
280 |     });
281 |     command.on("close", async (data) => {
282 |       setDebuggingChild(undefined);
283 |       setStatus("");
284 |       if (data.code === 0) {
285 |         sendStats("build");
286 |         log(`${t("log.compilation.finished")} (${binaryPath}).`);
287 |         if (typeof callback === "function") {
288 |           await callback(binaryPath);
289 |         }
290 |       } else {
291 |         if (error) {
292 |           log(`${t("log.compilation.failed")}.`);
293 |         } else {
294 |           log(`${t("log.compilation.aborted")}.`);
295 |         }
296 |       }
297 |       setIsBuilding(false);
298 |     });
299 |     setDebuggingChild(await command.spawn());
300 |   }
301 | 
302 |   async function run(binaryPath: string, cwd: string) {
303 |     if (binaryPath) {
304 |       log(`${t("status.running")}...`);
305 |       setStatus(`${t("status.running")}...`);
306 |       const command = new Command("run", [
307 |         binaryPath,
308 |         "-batch",
309 |         "-ex",
310 |         '"set new-console on"',
311 |         "-ex",
312 |         `set cwd ${cwd}`,
313 |         "-ex",
314 |         "run",
315 |       ]);
316 |       command.stdout.on("data", (data) => log(data));
317 |       command.on("close", () => {
318 |         setDebuggingChild(undefined);
319 |         log(`${t("log.runningFinished")}.`);
320 |         setStatus("");
321 |       });
322 |       setDebuggingChild(await command.spawn());
323 |     }
324 |   }
325 | 
326 |   const command: Record<string, ICommand> = {
327 |     new: {
328 |       title: t("command.new"),
329 |       shortcut: "CommandOrControl+N",
330 |       action: () => setIsNewProjectOpen(true),
331 |       disabled: isNewProjectOpen,
332 |     },
333 |     open: {
334 |       title: t("command.open"),
335 |       shortcut: "CommandOrControl+O",
336 |       action: async () => {
337 |         setIsOpenFolderOpen(true);
338 |         const selected = await open({
339 |           directory: true,
340 |         });
341 |         setIsOpenFolderOpen(false);
342 |         if (typeof selected === "string") {
343 |           await openFolder(selected, true);
344 |           setIsSplashOpen(false);
345 |           setCurrentFolderPath(selected);
346 |         }
347 |       },
348 |       disabled: isOpenFolderOpen,
349 |     },
350 |     save: {
351 |       title: t("command.save"),
352 |       shortcut: "CommandOrControl+S",
353 |       action: async (callback: Function) => {
354 |         if (editorRef.current && openedFiles.length > 0) {
355 |           logRef.current!.value = "";
356 |           try {
357 |             await editorRef.current
358 |               .getAction("editor.action.formatDocument")
359 |               .run();
360 |           } catch (e) {
361 |             console.error(e);
362 |           }
363 |           setIsSaving(true);
364 |           log(`${t("status.saving")}...`);
365 |           setStatus(`${t("status.saving")}...`);
366 |           await save();
367 |           log(`${t("log.fileSaved")} (${openedFiles[currentFileIndex].path}).`);
368 |           setIsSaving(false);
369 |           setStatus("");
370 |           if (callback) {
371 |             callback();
372 |           }
373 |         }
374 |       },
375 |       disabled: openedFiles.length === 0 || isSaving,
376 |     },
377 |     build: {
378 |       title: t("command.build"),
379 |       shortcut: "CommandOrControl+B",
380 |       action: async (callback?: Function) => {
381 |         if (openedFiles.length > 0 && currentProjectConfig) {
382 |           const sourcePath = await join(
383 |             currentFolderPath,
384 |             `${currentProjectConfig.mainProgram}.${currentProjectConfig.language}`
385 |           );
386 |           build(sourcePath, callback);
387 |         }
388 |       },
389 |       disabled: !currentProjectConfig.mainProgram || isBuilding,
390 |     },
391 |     run: {
392 |       title: t("command.run"),
393 |       shortcut: "CommandOrControl+R",
394 |       action: () =>
395 |         command.build.action((binaryPath: string) =>
396 |           run(binaryPath, currentFolderPath)
397 |         ),
398 |       disabled:
399 |         !currentProjectConfig.mainProgram ||
400 |         isBuilding ||
401 |         debuggingChild !== undefined,
402 |     },
403 |     runFile: {
404 |       title: t("command.runFile"),
405 |       shortcut: "CommandOrControl+Shift+R",
406 |       action: async () => {
407 |         if (openedFiles.length > 0) {
408 |           const fileDir = await dirname(openedFiles[currentFileIndex].path);
409 |           build(openedFiles[currentFileIndex].path, (binaryPath: string) =>
410 |             run(binaryPath, fileDir)
411 |           );
412 |         }
413 |       },
414 |       disabled: !(
415 |         currentFileIndex < openedFiles.length &&
416 |         (openedFiles[currentFileIndex].name.endsWith(".c") ||
417 |           openedFiles[currentFileIndex].name.endsWith(".cpp"))
418 |       ),
419 |     },
420 |     stop: {
421 |       title: t("command.stop"),
422 |       shortcut: "CommandOrControl+K",
423 |       action: () => debuggingChild?.kill(),
424 |     },
425 |     log: {
426 |       title: t("command.log"),
427 |       shortcut: "CommandOrControl+`",
428 |       action: () => setIsLogOpen((prevLogOpen) => !prevLogOpen),
429 |     },
430 |     about: {
431 |       title: t("command.about"),
432 |       action: () => {
433 |         sendStats("view_about");
434 |         setIsAboutOpen(true);
435 |       },
436 |       disabled: isAboutOpen,
437 |     },
438 |     zoomIn: {
439 |       title: t("command.zoomIn"),
440 |       shortcut: "CommandOrControl+=",
441 |       action: () => {
442 |         if (zoomLevel < 3) {
443 |           zoomLevel++;
444 |           const zoomFactor = updateZoom();
445 |           log(
446 |             `${t("command.zoomIn")} ${zoomFactor.toLocaleString("id-ID", {
447 |               style: "percent",
448 |             })}`
449 |           );
450 |         }
451 |       },
452 |     },
453 |     zoomOut: {
454 |       title: t("command.zoomOut"),
455 |       shortcut: "CommandOrControl+-",
456 |       action: () => {
457 |         if (zoomLevel > -3) {
458 |           zoomLevel--;
459 |           const zoomFactor = updateZoom();
460 |           log(
461 |             `${t("command.zoomOut")} ${zoomFactor.toLocaleString("id-ID", {
462 |               style: "percent",
463 |             })}`
464 |           );
465 |         }
466 |       },
467 |     },
468 |     resetZoom: {
469 |       title: t("command.resetZoom"),
470 |       shortcut: "CommandOrControl+0",
471 |       action: () => {
472 |         zoomLevel = 0;
473 |         const zoomFactor = updateZoom();
474 |         log(
475 |           `${t("command.resetZoom")} ${zoomFactor.toLocaleString("id-ID", {
476 |             style: "percent",
477 |           })}`
478 |         );
479 |       },
480 |     },
481 |   };
482 | 
483 |   // function registerAllcommand() {
484 |   //   Object.values(command).forEach((command) => {
485 |   //     if (command.shortcut) {
486 |   //       register(command.shortcut, command.action);
487 |   //     }
488 |   //   });
489 |   // }
490 | 
491 |   useEffect(() => {
492 |     sendStats("start", { language: i18n.language, theme, color });
493 |     monaco.languages.registerDocumentFormattingEditProvider(["c", "cpp"], {
494 |       async provideDocumentFormattingEdits(model) {
495 |         const [success, result] = format(model.getValue(), "pad-oper");
496 |         log(`${t("status.formatting")}...`);
497 |         if (success) {
498 |           return [
499 |             {
500 |               range: model.getFullModelRange(),
501 |               text: result,
502 |             },
503 |           ];
504 |         }
505 |       },
506 |     });
507 |     const zoomFactor = Math.pow(1.2, zoomLevel);
508 |     invoke("zoom", { factor: zoomFactor });
509 |     // appWindow.onFocusChanged(({ payload: focused }) => {
510 |     //   if (focused) {
511 |     //     registerAllcommand();
512 |     //   } else {
513 |     //     unregisterAll();
514 |     //   }
515 |     // });
516 |     const currentFolderPath = localStorage.getItem("currentFolderPath");
517 |     if (currentFolderPath) {
518 |       openFolder(currentFolderPath);
519 |     }
520 |   }, []);
521 | 
522 |   useEffect(() => {
523 |     updateScheme(
524 |       {
525 |         primary: colors[color],
526 |       },
527 |       "class"
528 |     );
529 |     localStorage.setItem("color", color);
530 |   }, [color]);
531 | 
532 |   const darkThemeMediaQueryList = matchMedia("(prefers-color-scheme: dark)");
533 |   const resolvedTheme =
534 |     theme === "system"
535 |       ? darkThemeMediaQueryList.matches
536 |         ? "dark"
537 |         : "light"
538 |       : theme;
539 | 
540 |   useEffect(() => {
541 |     setDarkTheme(resolvedTheme === "dark");
542 |     if (theme === "system") {
543 |       localStorage.removeItem("theme");
544 |       darkThemeMediaQueryList.onchange = () =>
545 |         setDarkTheme(darkThemeMediaQueryList.matches);
546 |       return () => {
547 |         darkThemeMediaQueryList.onchange = null;
548 |       };
549 |     } else {
550 |       localStorage.setItem("theme", theme);
551 |     }
552 |   }, [theme]);
553 | 
554 |   useEffect(() => {
555 |     document.documentElement.className = resolvedTheme;
556 |     document.documentElement.style.colorScheme = resolvedTheme;
557 |   }, [darkTheme]);
558 | 
559 |   useEffect(() => {
560 |     localStorage.setItem(
561 |       "openedFiles",
562 |       JSON.stringify(openedFiles.map((openedFile) => openedFile.path))
563 |     );
564 |     if (openedFiles.length > 0 && currentFileIndex >= openedFiles.length) {
565 |       setCurrentFileIndex(openedFiles.length - 1);
566 |     }
567 |   }, [openedFiles]);
568 | 
569 |   useEffect(() => {
570 |     localStorage.setItem("currentFileIndex", currentFileIndex.toString());
571 |   }, [currentFileIndex]);
572 | 
573 |   useEffect(() => {
574 |     editingPath = "";
575 |     watchImmediate(
576 |       openedFiles.map((openedFile) => openedFile.path),
577 |       { recursive: false },
578 |       async (e) => {
579 |         if (e.path) {
580 |           if (e.operation === 4 || e.operation === 4) {
581 |             setOpenedFiles(
582 |               openedFiles.filter((openedFile) => openedFile.path !== e.path)
583 |             );
584 |           } else if (e.operation === 16) {
585 |             const value = await readTextFile(e.path);
586 |             // setOpenedFiles(
587 |             //   openedFiles.map((openedFile) => {
588 |             //     if (openedFile.path === e.path) {
589 |             //       return { ...openedFile, value };
590 |             //     } else {
591 |             //       return openedFile;
592 |             //     }
593 |             //   })
594 |             // );
595 |             if (e.path !== editingPath) {
596 |               monaco.editor.getModels().forEach((model) => {
597 |                 if (e.path && model.uri.path.endsWith(e.path)) {
598 |                   model.setValue(value);
599 |                 }
600 |               });
601 |             }
602 |           }
603 |         }
604 |       }
605 |     ).then((watch) => (stopWatching = watch));
606 |     // registerAllcommand();
607 |     return () => {
608 |       stopWatching();
609 |       // unregisterAll();
610 |     };
611 |   }, [currentFileIndex, openedFiles]);
612 | 
613 |   useEffect(() => {
614 |     onkeydown = (e) => {
615 |       if (
616 |         e.ctrlKey &&
617 |         e.key !== "F5" &&
618 |         !(
619 |           e.key.toLowerCase() === "c" ||
620 |           e.key.toLowerCase() === "v" ||
621 |           e.key.toLowerCase() === "x"
622 |         )
623 |       ) {
624 |         e.preventDefault();
625 |         for (let key in command) {
626 |           if (
627 |             command[key].shortcut &&
628 |             e.key !== "Control" &&
629 |             e.key !== "Shift"
630 |           ) {
631 |             const buttons: string[] = [];
632 |             if (e.ctrlKey) {
633 |               buttons.push("CommandOrControl");
634 |             }
635 |             if (e.shiftKey) {
636 |               buttons.push("Shift");
637 |             }
638 |             if (e.key) {
639 |               buttons.push(e.key.toUpperCase());
640 |             }
641 |             if (buttons.join("+") === command[key].shortcut) {
642 |               if (!command[key].disabled) {
643 |                 command[key].action();
644 |               }
645 |               break;
646 |             }
647 |           }
648 |         }
649 |       }
650 |     };
651 |     return () => {
652 |       onkeydown = null;
653 |     };
654 |   }, [currentFileIndex, openedFiles, currentProjectConfig]);
655 | 
656 |   return (
657 |     <ColorContext.Provider value={{ color, setColor }}>
658 |       <ThemeContext.Provider
659 |         value={{ theme, setTheme, darkTheme, darkThemeMediaQueryList }}
660 |       >
661 |         <CommandContext.Provider value={command}>
662 |           <FileContext.Provider
663 |             value={{
664 |               currentFolderPath,
665 |               openedFiles,
666 |               setOpenedFiles,
667 |               currentFileIndex,
668 |               setCurrentFileIndex,
669 |             }}
670 |           >
671 |             <div className="flex flex-col h-screen bg-surface1">
672 |               <TitleBar
673 |                 menu={[
674 |                   command.new,
675 |                   command.open,
676 |                   command.save,
677 |                   command.build,
678 |                   command.run,
679 |                   command.log,
680 |                   command.about,
681 |                 ]}
682 |               />
683 |               <div className="grow relative">
684 |                 <Allotment
685 |                   proportionalLayout={false}
686 |                   separator={false}
687 |                   onChange={(sizes) => {
688 |                     if (sizes[0]) {
689 |                       localStorage.setItem("sideBarWidth", sizes[0].toString());
690 |                     }
691 |                   }}
692 |                 >
693 |                   <Allotment.Pane
694 |                     preferredSize={localStorage.getItem("sideBarWidth") || 200}
695 |                     priority={LayoutPriority.Low}
696 |                   >
697 |                     <div className="flex flex-col h-full">
698 |                       <header>{t("explorer.title")}</header>
699 |                       <div className="flex flex-col grow overflow-y-auto">
700 |                         {entries.map((entry) => (
701 |                           <Folder
702 |                             key={entry.path}
703 |                             path={entry.path}
704 |                             name={entry.name}
705 |                             open={true}
706 |                           />
707 |                         ))}
708 |                       </div>
709 |                     </div>
710 |                   </Allotment.Pane>
711 |                   <Allotment proportionalLayout={false} vertical>
712 |                     <div className="h-full flex flex-col bg-surface">
713 |                       <div
714 |                         className={`flex gap-1 h-10 shrink-0 ${
715 |                           openedFiles.length > 0 && "bg-surface1"
716 |                         }`}
717 |                       >
718 |                         <span className="flex grow overflow-x-auto overflow-y-clip [&>*]:shrink-0">
719 |                           {openedFiles.map((file, i) => (
720 |                             <Fragment key={i}>
721 |                               {i === 0 && (
722 |                                 <span
723 |                                   className={`w-[1px] h-6 self-center ${
724 |                                     i !== currentFileIndex &&
725 |                                     "bg-outline-variant"
726 |                                   }`}
727 |                                 ></span>
728 |                               )}
729 |                               <span
730 |                                 className={`button px-3 flex items-center gap-2 bg-surface1 min-w-[128px] max-w-xs rounded-t-lg ${
731 |                                   i === currentFileIndex &&
732 |                                   "!bg-none !bg-surface"
733 |                                 }`}
734 |                                 style={{
735 |                                   width: `calc(${
736 |                                     (1 / openedFiles.length) * 100
737 |                                   }% - 2px`,
738 |                                 }}
739 |                                 onClick={() => setCurrentFileIndex(i)}
740 |                                 title={file.path}
741 |                               >
742 |                                 <FileIcon name={file.name} />
743 |                                 <span className="grow whitespace-nowrap overflow-ellipsis overflow-hidden">
744 |                                   {file.name}
745 |                                 </span>
746 |                                 <button
747 |                                   className="w-6 h-6 rounded-full flex justify-center text-xl -mr-1"
748 |                                   onClick={() =>
749 |                                     setOpenedFiles(
750 |                                       openedFiles.filter(
751 |                                         (f) => f.path !== file.path
752 |                                       )
753 |                                     )
754 |                                   }
755 |                                 >
756 |                                   <VscClose />
757 |                                 </button>
758 |                               </span>
759 |                               <span
760 |                                 className={`w-[1px] h-6 self-center ${
761 |                                   i !== currentFileIndex &&
762 |                                   i !== currentFileIndex - 1 &&
763 |                                   "bg-outline-variant"
764 |                                 }`}
765 |                               ></span>
766 |                             </Fragment>
767 |                           ))}
768 |                         </span>
769 |                         <span className="flex justify-end w-40 shrink-0">
770 |                           {!command.runFile.disabled &&
771 |                             (isBuilding || debuggingChild !== undefined ? (
772 |                               <button
773 |                                 className="flex gap-2 px-4 text-primary"
774 |                                 onClick={command.stop.action}
775 |                               >
776 |                                 <VscDebugStop />
777 |                                 {t("command.stop")}
778 |                               </button>
779 |                             ) : (
780 |                               <button
781 |                                 className="flex gap-2 px-4 text-primary"
782 |                                 onClick={command.runFile.action}
783 |                                 title={command.runFile.shortcut?.replace(
784 |                                   "CommandOrControl",
785 |                                   "Ctrl"
786 |                                 )}
787 |                               >
788 |                                 <VscPlay />
789 |                                 {t("command.runFile")}
790 |                               </button>
791 |                             ))}
792 |                         </span>
793 |                       </div>
794 |                       {currentFileIndex < openedFiles.length && (
795 |                         <Editor
796 |                           path={`file:///${openedFiles[currentFileIndex].path}`}
797 |                           defaultLanguage={
798 |                             openedFiles[currentFileIndex].language
799 |                           }
800 |                           defaultValue={openedFiles[currentFileIndex].value}
801 |                           theme={darkTheme ? "vs-dark" : "vs"}
802 |                           loading={`${t("loading")}...`}
803 |                           onMount={(editor) => {
804 |                             editor.onDidChangeCursorPosition((e) =>
805 |                               setPosition(e.position)
806 |                             );
807 |                             editor.onDidChangeModelContent(async (e) => {
808 |                               if (!e.isFlush) {
809 |                                 await save();
810 |                               }
811 |                             });
812 |                             editorRef.current = editor;
813 |                           }}
814 |                         />
815 |                       )}
816 |                     </div>
817 |                     <Allotment.Pane
818 |                       preferredSize={200}
819 |                       priority={LayoutPriority.Low}
820 |                       visible={isLogOpen}
821 |                     >
822 |                       <div className="flex flex-col h-full bg-surface">
823 |                         <header>
824 |                           Log
825 |                           <button
826 |                             className="w-6 h-6 rounded-full flex justify-center text-xl -mr-2"
827 |                             onClick={() => setIsLogOpen(false)}
828 |                           >
829 |                             <VscClose />
830 |                           </button>
831 |                         </header>
832 |                         <textarea
833 |                           readOnly
834 |                           spellCheck="false"
835 |                           className="bg-transparent outline-none grow font-mono resize-none px-6"
836 |                           ref={logRef}
837 |                         />
838 |                       </div>
839 |                     </Allotment.Pane>
840 |                   </Allotment>
841 |                 </Allotment>
842 |                 <Splash isOpen={isSplashOpen} setOpen={setIsSplashOpen} />
843 |                 <NewProject
844 |                   isOpen={isNewProjectOpen}
845 |                   setIsOpen={setIsNewProjectOpen}
846 |                   onCreate={async (location: string) => {
847 |                     await openFolder(location, true);
848 |                     setIsSplashOpen(false);
849 |                     setCurrentFolderPath(location);
850 |                   }}
851 |                 />
852 |                 <About isOpen={isAboutOpen} setIsOpen={setIsAboutOpen} />
853 |               </div>
854 |               <div className="bg-surface5 h-8 flex items-center px-4 justify-between">
855 |                 <span>{status}</span>
856 |                 {position && (
857 |                   <span>
858 |                     {t("status.line")} {position.lineNumber},{" "}
859 |                     {t("status.column")} {position.column}
860 |                   </span>
861 |                 )}
862 |               </div>
863 |             </div>
864 |           </FileContext.Provider>
865 |         </CommandContext.Provider>
866 |       </ThemeContext.Provider>
867 |     </ColorContext.Provider>
868 |   );
869 | }
870 | 
871 | export default App;
872 | 


--------------------------------------------------------------------------------
/pnpm-lock.yaml:
--------------------------------------------------------------------------------
   1 | lockfileVersion: 5.4
   2 | 
   3 | specifiers:
   4 |   '@monaco-editor/react': ^4.4.6
   5 |   '@tauri-apps/api': ^1.2.0
   6 |   '@tauri-apps/cli': ^1.2.2
   7 |   '@types/node': ^18.7.10
   8 |   '@types/react': ^18.0.15
   9 |   '@types/react-dom': ^18.0.6
  10 |   '@vitejs/plugin-react': ^3.0.0
  11 |   allotment: ^1.17.1
  12 |   autoprefixer: ^10.4.13
  13 |   i18next: ^22.4.5
  14 |   i18next-browser-languagedetector: ^7.0.1
  15 |   monaco-editor: ^0.34.1
  16 |   postcss: ^8.4.20
  17 |   react: ^18.2.0
  18 |   react-dom: ^18.2.0
  19 |   react-i18next: ^12.1.1
  20 |   react-icons: ^4.7.1
  21 |   tailwind-material-colors: ^1.0.0
  22 |   tailwindcss: ^3.2.4
  23 |   tauri-plugin-fs-watch-api: github:tauri-apps/tauri-plugin-fs-watch
  24 |   typescript: ^4.6.4
  25 |   vite: ^4.0.0
  26 |   wastyle: ^0.0.5
  27 | 
  28 | dependencies:
  29 |   '@monaco-editor/react': 4.4.6_6vrjaj6ridxbohi43n7zt4gn7q
  30 |   '@tauri-apps/api': 1.2.0
  31 |   allotment: 1.17.1_biqbaboplfbrettd7655fr4n2y
  32 |   i18next: 22.4.5
  33 |   i18next-browser-languagedetector: 7.0.1
  34 |   monaco-editor: 0.34.1
  35 |   react: 18.2.0
  36 |   react-dom: 18.2.0_react@18.2.0
  37 |   react-i18next: 12.1.1_ewanii43wbrufvukcu3uzq3hsy
  38 |   react-icons: 4.7.1_react@18.2.0
  39 |   tauri-plugin-fs-watch-api: github.com/tauri-apps/tauri-plugin-fs-watch/1f460724c82cc7e0ab38cf05443fe00e07321459
  40 |   wastyle: 0.0.5
  41 | 
  42 | devDependencies:
  43 |   '@tauri-apps/cli': 1.2.2
  44 |   '@types/node': 18.11.13
  45 |   '@types/react': 18.0.26
  46 |   '@types/react-dom': 18.0.9
  47 |   '@vitejs/plugin-react': 3.0.0_vite@4.0.0
  48 |   autoprefixer: 10.4.13_postcss@8.4.20
  49 |   postcss: 8.4.20
  50 |   tailwind-material-colors: 1.0.0_tailwindcss@3.2.4
  51 |   tailwindcss: 3.2.4_postcss@8.4.20
  52 |   typescript: 4.9.4
  53 |   vite: 4.0.0_@types+node@18.11.13
  54 | 
  55 | packages:
  56 | 
  57 |   /@ampproject/remapping/2.2.0:
  58 |     resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
  59 |     engines: {node: '>=6.0.0'}
  60 |     dependencies:
  61 |       '@jridgewell/gen-mapping': 0.1.1
  62 |       '@jridgewell/trace-mapping': 0.3.17
  63 |     dev: true
  64 | 
  65 |   /@babel/code-frame/7.18.6:
  66 |     resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
  67 |     engines: {node: '>=6.9.0'}
  68 |     dependencies:
  69 |       '@babel/highlight': 7.18.6
  70 |     dev: true
  71 | 
  72 |   /@babel/compat-data/7.20.5:
  73 |     resolution: {integrity: sha512-KZXo2t10+/jxmkhNXc7pZTqRvSOIvVv/+lJwHS+B2rErwOyjuVRh60yVpb7liQ1U5t7lLJ1bz+t8tSypUZdm0g==}
  74 |     engines: {node: '>=6.9.0'}
  75 |     dev: true
  76 | 
  77 |   /@babel/core/7.20.5:
  78 |     resolution: {integrity: sha512-UdOWmk4pNWTm/4DlPUl/Pt4Gz4rcEMb7CY0Y3eJl5Yz1vI8ZJGmHWaVE55LoxRjdpx0z259GE9U5STA9atUinQ==}
  79 |     engines: {node: '>=6.9.0'}
  80 |     dependencies:
  81 |       '@ampproject/remapping': 2.2.0
  82 |       '@babel/code-frame': 7.18.6
  83 |       '@babel/generator': 7.20.5
  84 |       '@babel/helper-compilation-targets': 7.20.0_@babel+core@7.20.5
  85 |       '@babel/helper-module-transforms': 7.20.2
  86 |       '@babel/helpers': 7.20.6
  87 |       '@babel/parser': 7.20.5
  88 |       '@babel/template': 7.18.10
  89 |       '@babel/traverse': 7.20.5
  90 |       '@babel/types': 7.20.5
  91 |       convert-source-map: 1.9.0
  92 |       debug: 4.3.4
  93 |       gensync: 1.0.0-beta.2
  94 |       json5: 2.2.1
  95 |       semver: 6.3.0
  96 |     transitivePeerDependencies:
  97 |       - supports-color
  98 |     dev: true
  99 | 
 100 |   /@babel/generator/7.20.5:
 101 |     resolution: {integrity: sha512-jl7JY2Ykn9S0yj4DQP82sYvPU+T3g0HFcWTqDLqiuA9tGRNIj9VfbtXGAYTTkyNEnQk1jkMGOdYka8aG/lulCA==}
 102 |     engines: {node: '>=6.9.0'}
 103 |     dependencies:
 104 |       '@babel/types': 7.20.5
 105 |       '@jridgewell/gen-mapping': 0.3.2
 106 |       jsesc: 2.5.2
 107 |     dev: true
 108 | 
 109 |   /@babel/helper-compilation-targets/7.20.0_@babel+core@7.20.5:
 110 |     resolution: {integrity: sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==}
 111 |     engines: {node: '>=6.9.0'}
 112 |     peerDependencies:
 113 |       '@babel/core': ^7.0.0
 114 |     dependencies:
 115 |       '@babel/compat-data': 7.20.5
 116 |       '@babel/core': 7.20.5
 117 |       '@babel/helper-validator-option': 7.18.6
 118 |       browserslist: 4.21.4
 119 |       semver: 6.3.0
 120 |     dev: true
 121 | 
 122 |   /@babel/helper-environment-visitor/7.18.9:
 123 |     resolution: {integrity: sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==}
 124 |     engines: {node: '>=6.9.0'}
 125 |     dev: true
 126 | 
 127 |   /@babel/helper-function-name/7.19.0:
 128 |     resolution: {integrity: sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==}
 129 |     engines: {node: '>=6.9.0'}
 130 |     dependencies:
 131 |       '@babel/template': 7.18.10
 132 |       '@babel/types': 7.20.5
 133 |     dev: true
 134 | 
 135 |   /@babel/helper-hoist-variables/7.18.6:
 136 |     resolution: {integrity: sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==}
 137 |     engines: {node: '>=6.9.0'}
 138 |     dependencies:
 139 |       '@babel/types': 7.20.5
 140 |     dev: true
 141 | 
 142 |   /@babel/helper-module-imports/7.18.6:
 143 |     resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==}
 144 |     engines: {node: '>=6.9.0'}
 145 |     dependencies:
 146 |       '@babel/types': 7.20.5
 147 |     dev: true
 148 | 
 149 |   /@babel/helper-module-transforms/7.20.2:
 150 |     resolution: {integrity: sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA==}
 151 |     engines: {node: '>=6.9.0'}
 152 |     dependencies:
 153 |       '@babel/helper-environment-visitor': 7.18.9
 154 |       '@babel/helper-module-imports': 7.18.6
 155 |       '@babel/helper-simple-access': 7.20.2
 156 |       '@babel/helper-split-export-declaration': 7.18.6
 157 |       '@babel/helper-validator-identifier': 7.19.1
 158 |       '@babel/template': 7.18.10
 159 |       '@babel/traverse': 7.20.5
 160 |       '@babel/types': 7.20.5
 161 |     transitivePeerDependencies:
 162 |       - supports-color
 163 |     dev: true
 164 | 
 165 |   /@babel/helper-plugin-utils/7.20.2:
 166 |     resolution: {integrity: sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==}
 167 |     engines: {node: '>=6.9.0'}
 168 |     dev: true
 169 | 
 170 |   /@babel/helper-simple-access/7.20.2:
 171 |     resolution: {integrity: sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==}
 172 |     engines: {node: '>=6.9.0'}
 173 |     dependencies:
 174 |       '@babel/types': 7.20.5
 175 |     dev: true
 176 | 
 177 |   /@babel/helper-split-export-declaration/7.18.6:
 178 |     resolution: {integrity: sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==}
 179 |     engines: {node: '>=6.9.0'}
 180 |     dependencies:
 181 |       '@babel/types': 7.20.5
 182 |     dev: true
 183 | 
 184 |   /@babel/helper-string-parser/7.19.4:
 185 |     resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==}
 186 |     engines: {node: '>=6.9.0'}
 187 |     dev: true
 188 | 
 189 |   /@babel/helper-validator-identifier/7.19.1:
 190 |     resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==}
 191 |     engines: {node: '>=6.9.0'}
 192 |     dev: true
 193 | 
 194 |   /@babel/helper-validator-option/7.18.6:
 195 |     resolution: {integrity: sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==}
 196 |     engines: {node: '>=6.9.0'}
 197 |     dev: true
 198 | 
 199 |   /@babel/helpers/7.20.6:
 200 |     resolution: {integrity: sha512-Pf/OjgfgFRW5bApskEz5pvidpim7tEDPlFtKcNRXWmfHGn9IEI2W2flqRQXTFb7gIPTyK++N6rVHuwKut4XK6w==}
 201 |     engines: {node: '>=6.9.0'}
 202 |     dependencies:
 203 |       '@babel/template': 7.18.10
 204 |       '@babel/traverse': 7.20.5
 205 |       '@babel/types': 7.20.5
 206 |     transitivePeerDependencies:
 207 |       - supports-color
 208 |     dev: true
 209 | 
 210 |   /@babel/highlight/7.18.6:
 211 |     resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
 212 |     engines: {node: '>=6.9.0'}
 213 |     dependencies:
 214 |       '@babel/helper-validator-identifier': 7.19.1
 215 |       chalk: 2.4.2
 216 |       js-tokens: 4.0.0
 217 |     dev: true
 218 | 
 219 |   /@babel/parser/7.20.5:
 220 |     resolution: {integrity: sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==}
 221 |     engines: {node: '>=6.0.0'}
 222 |     hasBin: true
 223 |     dependencies:
 224 |       '@babel/types': 7.20.5
 225 |     dev: true
 226 | 
 227 |   /@babel/plugin-transform-react-jsx-self/7.18.6_@babel+core@7.20.5:
 228 |     resolution: {integrity: sha512-A0LQGx4+4Jv7u/tWzoJF7alZwnBDQd6cGLh9P+Ttk4dpiL+J5p7NSNv/9tlEFFJDq3kjxOavWmbm6t0Gk+A3Ig==}
 229 |     engines: {node: '>=6.9.0'}
 230 |     peerDependencies:
 231 |       '@babel/core': ^7.0.0-0
 232 |     dependencies:
 233 |       '@babel/core': 7.20.5
 234 |       '@babel/helper-plugin-utils': 7.20.2
 235 |     dev: true
 236 | 
 237 |   /@babel/plugin-transform-react-jsx-source/7.19.6_@babel+core@7.20.5:
 238 |     resolution: {integrity: sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==}
 239 |     engines: {node: '>=6.9.0'}
 240 |     peerDependencies:
 241 |       '@babel/core': ^7.0.0-0
 242 |     dependencies:
 243 |       '@babel/core': 7.20.5
 244 |       '@babel/helper-plugin-utils': 7.20.2
 245 |     dev: true
 246 | 
 247 |   /@babel/runtime/7.20.6:
 248 |     resolution: {integrity: sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==}
 249 |     engines: {node: '>=6.9.0'}
 250 |     dependencies:
 251 |       regenerator-runtime: 0.13.11
 252 |     dev: false
 253 | 
 254 |   /@babel/template/7.18.10:
 255 |     resolution: {integrity: sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==}
 256 |     engines: {node: '>=6.9.0'}
 257 |     dependencies:
 258 |       '@babel/code-frame': 7.18.6
 259 |       '@babel/parser': 7.20.5
 260 |       '@babel/types': 7.20.5
 261 |     dev: true
 262 | 
 263 |   /@babel/traverse/7.20.5:
 264 |     resolution: {integrity: sha512-WM5ZNN3JITQIq9tFZaw1ojLU3WgWdtkxnhM1AegMS+PvHjkM5IXjmYEGY7yukz5XS4sJyEf2VzWjI8uAavhxBQ==}
 265 |     engines: {node: '>=6.9.0'}
 266 |     dependencies:
 267 |       '@babel/code-frame': 7.18.6
 268 |       '@babel/generator': 7.20.5
 269 |       '@babel/helper-environment-visitor': 7.18.9
 270 |       '@babel/helper-function-name': 7.19.0
 271 |       '@babel/helper-hoist-variables': 7.18.6
 272 |       '@babel/helper-split-export-declaration': 7.18.6
 273 |       '@babel/parser': 7.20.5
 274 |       '@babel/types': 7.20.5
 275 |       debug: 4.3.4
 276 |       globals: 11.12.0
 277 |     transitivePeerDependencies:
 278 |       - supports-color
 279 |     dev: true
 280 | 
 281 |   /@babel/types/7.20.5:
 282 |     resolution: {integrity: sha512-c9fst/h2/dcF7H+MJKZ2T0KjEQ8hY/BNnDk/H3XY8C4Aw/eWQXWn/lWntHF9ooUBnGmEvbfGrTgLWc+um0YDUg==}
 283 |     engines: {node: '>=6.9.0'}
 284 |     dependencies:
 285 |       '@babel/helper-string-parser': 7.19.4
 286 |       '@babel/helper-validator-identifier': 7.19.1
 287 |       to-fast-properties: 2.0.0
 288 |     dev: true
 289 | 
 290 |   /@esbuild/android-arm/0.16.4:
 291 |     resolution: {integrity: sha512-rZzb7r22m20S1S7ufIc6DC6W659yxoOrl7sKP1nCYhuvUlnCFHVSbATG4keGUtV8rDz11sRRDbWkvQZpzPaHiw==}
 292 |     engines: {node: '>=12'}
 293 |     cpu: [arm]
 294 |     os: [android]
 295 |     requiresBuild: true
 296 |     dev: true
 297 |     optional: true
 298 | 
 299 |   /@esbuild/android-arm64/0.16.4:
 300 |     resolution: {integrity: sha512-VPuTzXFm/m2fcGfN6CiwZTlLzxrKsWbPkG7ArRFpuxyaHUm/XFHQPD4xNwZT6uUmpIHhnSjcaCmcla8COzmZ5Q==}
 301 |     engines: {node: '>=12'}
 302 |     cpu: [arm64]
 303 |     os: [android]
 304 |     requiresBuild: true
 305 |     dev: true
 306 |     optional: true
 307 | 
 308 |   /@esbuild/android-x64/0.16.4:
 309 |     resolution: {integrity: sha512-MW+B2O++BkcOfMWmuHXB15/l1i7wXhJFqbJhp82IBOais8RBEQv2vQz/jHrDEHaY2X0QY7Wfw86SBL2PbVOr0g==}
 310 |     engines: {node: '>=12'}
 311 |     cpu: [x64]
 312 |     os: [android]
 313 |     requiresBuild: true
 314 |     dev: true
 315 |     optional: true
 316 | 
 317 |   /@esbuild/darwin-arm64/0.16.4:
 318 |     resolution: {integrity: sha512-a28X1O//aOfxwJVZVs7ZfM8Tyih2Za4nKJrBwW5Wm4yKsnwBy9aiS/xwpxiiTRttw3EaTg4Srerhcm6z0bu9Wg==}
 319 |     engines: {node: '>=12'}
 320 |     cpu: [arm64]
 321 |     os: [darwin]
 322 |     requiresBuild: true
 323 |     dev: true
 324 |     optional: true
 325 | 
 326 |   /@esbuild/darwin-x64/0.16.4:
 327 |     resolution: {integrity: sha512-e3doCr6Ecfwd7VzlaQqEPrnbvvPjE9uoTpxG5pyLzr2rI2NMjDHmvY1E5EO81O/e9TUOLLkXA5m6T8lfjK9yAA==}
 328 |     engines: {node: '>=12'}
 329 |     cpu: [x64]
 330 |     os: [darwin]
 331 |     requiresBuild: true
 332 |     dev: true
 333 |     optional: true
 334 | 
 335 |   /@esbuild/freebsd-arm64/0.16.4:
 336 |     resolution: {integrity: sha512-Oup3G/QxBgvvqnXWrBed7xxkFNwAwJVHZcklWyQt7YCAL5bfUkaa6FVWnR78rNQiM8MqqLiT6ZTZSdUFuVIg1w==}
 337 |     engines: {node: '>=12'}
 338 |     cpu: [arm64]
 339 |     os: [freebsd]
 340 |     requiresBuild: true
 341 |     dev: true
 342 |     optional: true
 343 | 
 344 |   /@esbuild/freebsd-x64/0.16.4:
 345 |     resolution: {integrity: sha512-vAP+eYOxlN/Bpo/TZmzEQapNS8W1njECrqkTpNgvXskkkJC2AwOXwZWai/Kc2vEFZUXQttx6UJbj9grqjD/+9Q==}
 346 |     engines: {node: '>=12'}
 347 |     cpu: [x64]
 348 |     os: [freebsd]
 349 |     requiresBuild: true
 350 |     dev: true
 351 |     optional: true
 352 | 
 353 |   /@esbuild/linux-arm/0.16.4:
 354 |     resolution: {integrity: sha512-A47ZmtpIPyERxkSvIv+zLd6kNIOtJH03XA0Hy7jaceRDdQaQVGSDt4mZqpWqJYgDk9rg96aglbF6kCRvPGDSUA==}
 355 |     engines: {node: '>=12'}
 356 |     cpu: [arm]
 357 |     os: [linux]
 358 |     requiresBuild: true
 359 |     dev: true
 360 |     optional: true
 361 | 
 362 |   /@esbuild/linux-arm64/0.16.4:
 363 |     resolution: {integrity: sha512-2zXoBhv4r5pZiyjBKrOdFP4CXOChxXiYD50LRUU+65DkdS5niPFHbboKZd/c81l0ezpw7AQnHeoCy5hFrzzs4g==}
 364 |     engines: {node: '>=12'}
 365 |     cpu: [arm64]
 366 |     os: [linux]
 367 |     requiresBuild: true
 368 |     dev: true
 369 |     optional: true
 370 | 
 371 |   /@esbuild/linux-ia32/0.16.4:
 372 |     resolution: {integrity: sha512-uxdSrpe9wFhz4yBwt2kl2TxS/NWEINYBUFIxQtaEVtglm1eECvsj1vEKI0KX2k2wCe17zDdQ3v+jVxfwVfvvjw==}
 373 |     engines: {node: '>=12'}
 374 |     cpu: [ia32]
 375 |     os: [linux]
 376 |     requiresBuild: true
 377 |     dev: true
 378 |     optional: true
 379 | 
 380 |   /@esbuild/linux-loong64/0.16.4:
 381 |     resolution: {integrity: sha512-peDrrUuxbZ9Jw+DwLCh/9xmZAk0p0K1iY5d2IcwmnN+B87xw7kujOkig6ZRcZqgrXgeRGurRHn0ENMAjjD5DEg==}
 382 |     engines: {node: '>=12'}
 383 |     cpu: [loong64]
 384 |     os: [linux]
 385 |     requiresBuild: true
 386 |     dev: true
 387 |     optional: true
 388 | 
 389 |   /@esbuild/linux-mips64el/0.16.4:
 390 |     resolution: {integrity: sha512-sD9EEUoGtVhFjjsauWjflZklTNr57KdQ6xfloO4yH1u7vNQlOfAlhEzbyBKfgbJlW7rwXYBdl5/NcZ+Mg2XhQA==}
 391 |     engines: {node: '>=12'}
 392 |     cpu: [mips64el]
 393 |     os: [linux]
 394 |     requiresBuild: true
 395 |     dev: true
 396 |     optional: true
 397 | 
 398 |   /@esbuild/linux-ppc64/0.16.4:
 399 |     resolution: {integrity: sha512-X1HSqHUX9D+d0l6/nIh4ZZJ94eQky8d8z6yxAptpZE3FxCWYWvTDd9X9ST84MGZEJx04VYUD/AGgciddwO0b8g==}
 400 |     engines: {node: '>=12'}
 401 |     cpu: [ppc64]
 402 |     os: [linux]
 403 |     requiresBuild: true
 404 |     dev: true
 405 |     optional: true
 406 | 
 407 |   /@esbuild/linux-riscv64/0.16.4:
 408 |     resolution: {integrity: sha512-97ANpzyNp0GTXCt6SRdIx1ngwncpkV/z453ZuxbnBROCJ5p/55UjhbaG23UdHj88fGWLKPFtMoU4CBacz4j9FA==}
 409 |     engines: {node: '>=12'}
 410 |     cpu: [riscv64]
 411 |     os: [linux]
 412 |     requiresBuild: true
 413 |     dev: true
 414 |     optional: true
 415 | 
 416 |   /@esbuild/linux-s390x/0.16.4:
 417 |     resolution: {integrity: sha512-pUvPQLPmbEeJRPjP0DYTC1vjHyhrnCklQmCGYbipkep+oyfTn7GTBJXoPodR7ZS5upmEyc8lzAkn2o29wD786A==}
 418 |     engines: {node: '>=12'}
 419 |     cpu: [s390x]
 420 |     os: [linux]
 421 |     requiresBuild: true
 422 |     dev: true
 423 |     optional: true
 424 | 
 425 |   /@esbuild/linux-x64/0.16.4:
 426 |     resolution: {integrity: sha512-N55Q0mJs3Sl8+utPRPBrL6NLYZKBCLLx0bme/+RbjvMforTGGzFvsRl4xLTZMUBFC1poDzBEPTEu5nxizQ9Nlw==}
 427 |     engines: {node: '>=12'}
 428 |     cpu: [x64]
 429 |     os: [linux]
 430 |     requiresBuild: true
 431 |     dev: true
 432 |     optional: true
 433 | 
 434 |   /@esbuild/netbsd-x64/0.16.4:
 435 |     resolution: {integrity: sha512-LHSJLit8jCObEQNYkgsDYBh2JrJT53oJO2HVdkSYLa6+zuLJh0lAr06brXIkljrlI+N7NNW1IAXGn/6IZPi3YQ==}
 436 |     engines: {node: '>=12'}
 437 |     cpu: [x64]
 438 |     os: [netbsd]
 439 |     requiresBuild: true
 440 |     dev: true
 441 |     optional: true
 442 | 
 443 |   /@esbuild/openbsd-x64/0.16.4:
 444 |     resolution: {integrity: sha512-nLgdc6tWEhcCFg/WVFaUxHcPK3AP/bh+KEwKtl69Ay5IBqUwKDaq/6Xk0E+fh/FGjnLwqFSsarsbPHeKM8t8Sw==}
 445 |     engines: {node: '>=12'}
 446 |     cpu: [x64]
 447 |     os: [openbsd]
 448 |     requiresBuild: true
 449 |     dev: true
 450 |     optional: true
 451 | 
 452 |   /@esbuild/sunos-x64/0.16.4:
 453 |     resolution: {integrity: sha512-08SluG24GjPO3tXKk95/85n9kpyZtXCVwURR2i4myhrOfi3jspClV0xQQ0W0PYWHioJj+LejFMt41q+PG3mlAQ==}
 454 |     engines: {node: '>=12'}
 455 |     cpu: [x64]
 456 |     os: [sunos]
 457 |     requiresBuild: true
 458 |     dev: true
 459 |     optional: true
 460 | 
 461 |   /@esbuild/win32-arm64/0.16.4:
 462 |     resolution: {integrity: sha512-yYiRDQcqLYQSvNQcBKN7XogbrSvBE45FEQdH8fuXPl7cngzkCvpsG2H9Uey39IjQ6gqqc+Q4VXYHsQcKW0OMjQ==}
 463 |     engines: {node: '>=12'}
 464 |     cpu: [arm64]
 465 |     os: [win32]
 466 |     requiresBuild: true
 467 |     dev: true
 468 |     optional: true
 469 | 
 470 |   /@esbuild/win32-ia32/0.16.4:
 471 |     resolution: {integrity: sha512-5rabnGIqexekYkh9zXG5waotq8mrdlRoBqAktjx2W3kb0zsI83mdCwrcAeKYirnUaTGztR5TxXcXmQrEzny83w==}
 472 |     engines: {node: '>=12'}
 473 |     cpu: [ia32]
 474 |     os: [win32]
 475 |     requiresBuild: true
 476 |     dev: true
 477 |     optional: true
 478 | 
 479 |   /@esbuild/win32-x64/0.16.4:
 480 |     resolution: {integrity: sha512-sN/I8FMPtmtT2Yw+Dly8Ur5vQ5a/RmC8hW7jO9PtPSQUPkowxWpcUZnqOggU7VwyT3Xkj6vcXWd3V/qTXwultQ==}
 481 |     engines: {node: '>=12'}
 482 |     cpu: [x64]
 483 |     os: [win32]
 484 |     requiresBuild: true
 485 |     dev: true
 486 |     optional: true
 487 | 
 488 |   /@jridgewell/gen-mapping/0.1.1:
 489 |     resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==}
 490 |     engines: {node: '>=6.0.0'}
 491 |     dependencies:
 492 |       '@jridgewell/set-array': 1.1.2
 493 |       '@jridgewell/sourcemap-codec': 1.4.14
 494 |     dev: true
 495 | 
 496 |   /@jridgewell/gen-mapping/0.3.2:
 497 |     resolution: {integrity: sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==}
 498 |     engines: {node: '>=6.0.0'}
 499 |     dependencies:
 500 |       '@jridgewell/set-array': 1.1.2
 501 |       '@jridgewell/sourcemap-codec': 1.4.14
 502 |       '@jridgewell/trace-mapping': 0.3.17
 503 |     dev: true
 504 | 
 505 |   /@jridgewell/resolve-uri/3.1.0:
 506 |     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
 507 |     engines: {node: '>=6.0.0'}
 508 |     dev: true
 509 | 
 510 |   /@jridgewell/set-array/1.1.2:
 511 |     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
 512 |     engines: {node: '>=6.0.0'}
 513 |     dev: true
 514 | 
 515 |   /@jridgewell/sourcemap-codec/1.4.14:
 516 |     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
 517 |     dev: true
 518 | 
 519 |   /@jridgewell/trace-mapping/0.3.17:
 520 |     resolution: {integrity: sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==}
 521 |     dependencies:
 522 |       '@jridgewell/resolve-uri': 3.1.0
 523 |       '@jridgewell/sourcemap-codec': 1.4.14
 524 |     dev: true
 525 | 
 526 |   /@juggle/resize-observer/3.4.0:
 527 |     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
 528 |     dev: false
 529 | 
 530 |   /@material/material-color-utilities/0.2.0:
 531 |     resolution: {integrity: sha512-Wux17VAe27abfUyA+yPq/xN7+e6xkj1UFKd9g02KD0HhpM+GRqXLfytJ6nJKhFtliZouQfTcBcOg2cGrt/XbKA==}
 532 |     dev: true
 533 | 
 534 |   /@monaco-editor/loader/1.3.2_monaco-editor@0.34.1:
 535 |     resolution: {integrity: sha512-BTDbpHl3e47r3AAtpfVFTlAi7WXv4UQ/xZmz8atKl4q7epQV5e7+JbigFDViWF71VBi4IIBdcWP57Hj+OWuc9g==}
 536 |     peerDependencies:
 537 |       monaco-editor: '>= 0.21.0 < 1'
 538 |     dependencies:
 539 |       monaco-editor: 0.34.1
 540 |       state-local: 1.0.7
 541 |     dev: false
 542 | 
 543 |   /@monaco-editor/react/4.4.6_6vrjaj6ridxbohi43n7zt4gn7q:
 544 |     resolution: {integrity: sha512-Gr3uz3LYf33wlFE3eRnta4RxP5FSNxiIV9ENn2D2/rN8KgGAD8ecvcITRtsbbyuOuNkwbuHYxfeaz2Vr+CtyFA==}
 545 |     peerDependencies:
 546 |       monaco-editor: '>= 0.25.0 < 1'
 547 |       react: ^16.8.0 || ^17.0.0 || ^18.0.0
 548 |       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 549 |     dependencies:
 550 |       '@monaco-editor/loader': 1.3.2_monaco-editor@0.34.1
 551 |       monaco-editor: 0.34.1
 552 |       prop-types: 15.8.1
 553 |       react: 18.2.0
 554 |       react-dom: 18.2.0_react@18.2.0
 555 |     dev: false
 556 | 
 557 |   /@nodelib/fs.scandir/2.1.5:
 558 |     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
 559 |     engines: {node: '>= 8'}
 560 |     dependencies:
 561 |       '@nodelib/fs.stat': 2.0.5
 562 |       run-parallel: 1.2.0
 563 |     dev: true
 564 | 
 565 |   /@nodelib/fs.stat/2.0.5:
 566 |     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
 567 |     engines: {node: '>= 8'}
 568 |     dev: true
 569 | 
 570 |   /@nodelib/fs.walk/1.2.8:
 571 |     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
 572 |     engines: {node: '>= 8'}
 573 |     dependencies:
 574 |       '@nodelib/fs.scandir': 2.1.5
 575 |       fastq: 1.14.0
 576 |     dev: true
 577 | 
 578 |   /@tauri-apps/api/1.2.0:
 579 |     resolution: {integrity: sha512-lsI54KI6HGf7VImuf/T9pnoejfgkNoXveP14pVV7XarrQ46rOejIVJLFqHI9sRReJMGdh2YuCoI3cc/yCWCsrw==}
 580 |     engines: {node: '>= 14.6.0', npm: '>= 6.6.0', yarn: '>= 1.19.1'}
 581 |     dev: false
 582 | 
 583 |   /@tauri-apps/cli-darwin-arm64/1.2.2:
 584 |     resolution: {integrity: sha512-W+Cp2weUMlvmGkRJeUjypbz9Lpl6o98xkgKAtobZSum5SNwpsBQfawJTESakNoD+FXyVg/snIk5sRdHge+tAaA==}
 585 |     engines: {node: '>= 10'}
 586 |     cpu: [arm64]
 587 |     os: [darwin]
 588 |     requiresBuild: true
 589 |     dev: true
 590 |     optional: true
 591 | 
 592 |   /@tauri-apps/cli-darwin-x64/1.2.2:
 593 |     resolution: {integrity: sha512-vmVAqt+ECH2d6cbcGJ7ddcCAZgmKe5xmxlL5r4xoaphu7OqU4gnv4VFURYkVltOfwzIFQVOPVSqwYyIDToCYNQ==}
 594 |     engines: {node: '>= 10'}
 595 |     cpu: [x64]
 596 |     os: [darwin]
 597 |     requiresBuild: true
 598 |     dev: true
 599 |     optional: true
 600 | 
 601 |   /@tauri-apps/cli-linux-arm-gnueabihf/1.2.2:
 602 |     resolution: {integrity: sha512-yYTdQurgi4QZR8z+fANjl522jdQz/VtesFpw+C/A0+zXg7tiRjicsywBDdPsvNzCqFeGKKkmTR+Lny5qxhGaeQ==}
 603 |     engines: {node: '>= 10'}
 604 |     cpu: [arm]
 605 |     os: [linux]
 606 |     requiresBuild: true
 607 |     dev: true
 608 |     optional: true
 609 | 
 610 |   /@tauri-apps/cli-linux-arm64-gnu/1.2.2:
 611 |     resolution: {integrity: sha512-ZSOVT6Eq1ay2+27B8KfA0MnpO7KYzONU6TjenH7DNcQki6eWGG5JoNu8QQ9Mdn3dAzY0XBP9i1ZHQOFu4iPtEg==}
 612 |     engines: {node: '>= 10'}
 613 |     cpu: [arm64]
 614 |     os: [linux]
 615 |     requiresBuild: true
 616 |     dev: true
 617 |     optional: true
 618 | 
 619 |   /@tauri-apps/cli-linux-arm64-musl/1.2.2:
 620 |     resolution: {integrity: sha512-/NHSkqNQ+Pr4PshvyD1CeNFaPCaCpe1OeuAQgVi0rboSecC9fXN96G5dQbSBoxOUcCo6f8aTVE7zkZ4WchFVog==}
 621 |     engines: {node: '>= 10'}
 622 |     cpu: [arm64]
 623 |     os: [linux]
 624 |     requiresBuild: true
 625 |     dev: true
 626 |     optional: true
 627 | 
 628 |   /@tauri-apps/cli-linux-x64-gnu/1.2.2:
 629 |     resolution: {integrity: sha512-4YTmfPuyvlHsvCkATDMwhklfuQm3HKxYXv/IOW9H0ra6pS9efVhrFYIC9Vfv6XaKN85Vnn/FYTEGMJLwCxZw2Q==}
 630 |     engines: {node: '>= 10'}
 631 |     cpu: [x64]
 632 |     os: [linux]
 633 |     requiresBuild: true
 634 |     dev: true
 635 |     optional: true
 636 | 
 637 |   /@tauri-apps/cli-linux-x64-musl/1.2.2:
 638 |     resolution: {integrity: sha512-wr46tbscwFuCcA931R+ItOiUTT0djMmgKLd1HFCmFF82V9BKE2reIjr6O9l0NCXCo2WeD4pe3jA/Pt1dxDu+JA==}
 639 |     engines: {node: '>= 10'}
 640 |     cpu: [x64]
 641 |     os: [linux]
 642 |     requiresBuild: true
 643 |     dev: true
 644 |     optional: true
 645 | 
 646 |   /@tauri-apps/cli-win32-ia32-msvc/1.2.2:
 647 |     resolution: {integrity: sha512-6VmbVJOWUZJK5/JKhb3mNFKrKGfq0KV7lJGumfN95WJgkHeyL61p8bZit+o6ZgUGUhrOabkAawhDkrRY+ZQhIw==}
 648 |     engines: {node: '>= 10'}
 649 |     cpu: [ia32]
 650 |     os: [win32]
 651 |     requiresBuild: true
 652 |     dev: true
 653 |     optional: true
 654 | 
 655 |   /@tauri-apps/cli-win32-x64-msvc/1.2.2:
 656 |     resolution: {integrity: sha512-YRPJguJma+zSuRZpFoSZqls6+laggG1vqG0FPQWQTi+ywATgMpai2b2RZnffDlpHKp9mt4V/s2dtqOy6bpGZHg==}
 657 |     engines: {node: '>= 10'}
 658 |     cpu: [x64]
 659 |     os: [win32]
 660 |     requiresBuild: true
 661 |     dev: true
 662 |     optional: true
 663 | 
 664 |   /@tauri-apps/cli/1.2.2:
 665 |     resolution: {integrity: sha512-D8zib3A0vWCvPPSyYLxww/OdDlVcY7fpcDVBH6qUvheOjj2aCyU7H9AYMRBwpgCfz8zY5+vomee+laLeB0H13w==}
 666 |     engines: {node: '>= 10'}
 667 |     hasBin: true
 668 |     optionalDependencies:
 669 |       '@tauri-apps/cli-darwin-arm64': 1.2.2
 670 |       '@tauri-apps/cli-darwin-x64': 1.2.2
 671 |       '@tauri-apps/cli-linux-arm-gnueabihf': 1.2.2
 672 |       '@tauri-apps/cli-linux-arm64-gnu': 1.2.2
 673 |       '@tauri-apps/cli-linux-arm64-musl': 1.2.2
 674 |       '@tauri-apps/cli-linux-x64-gnu': 1.2.2
 675 |       '@tauri-apps/cli-linux-x64-musl': 1.2.2
 676 |       '@tauri-apps/cli-win32-ia32-msvc': 1.2.2
 677 |       '@tauri-apps/cli-win32-x64-msvc': 1.2.2
 678 |     dev: true
 679 | 
 680 |   /@types/node/18.11.13:
 681 |     resolution: {integrity: sha512-IASpMGVcWpUsx5xBOrxMj7Bl8lqfuTY7FKAnPmu5cHkfQVWF8GulWS1jbRqA934qZL35xh5xN/+Xe/i26Bod4w==}
 682 |     dev: true
 683 | 
 684 |   /@types/prop-types/15.7.5:
 685 |     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
 686 |     dev: true
 687 | 
 688 |   /@types/react-dom/18.0.9:
 689 |     resolution: {integrity: sha512-qnVvHxASt/H7i+XG1U1xMiY5t+IHcPGUK7TDMDzom08xa7e86eCeKOiLZezwCKVxJn6NEiiy2ekgX8aQssjIKg==}
 690 |     dependencies:
 691 |       '@types/react': 18.0.26
 692 |     dev: true
 693 | 
 694 |   /@types/react/18.0.26:
 695 |     resolution: {integrity: sha512-hCR3PJQsAIXyxhTNSiDFY//LhnMZWpNNr5etoCqx/iUfGc5gXWtQR2Phl908jVR6uPXacojQWTg4qRpkxTuGug==}
 696 |     dependencies:
 697 |       '@types/prop-types': 15.7.5
 698 |       '@types/scheduler': 0.16.2
 699 |       csstype: 3.1.1
 700 |     dev: true
 701 | 
 702 |   /@types/scheduler/0.16.2:
 703 |     resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==}
 704 |     dev: true
 705 | 
 706 |   /@vitejs/plugin-react/3.0.0_vite@4.0.0:
 707 |     resolution: {integrity: sha512-1mvyPc0xYW5G8CHQvJIJXLoMjl5Ct3q2g5Y2s6Ccfgwm45y48LBvsla7az+GkkAtYikWQ4Lxqcsq5RHLcZgtNQ==}
 708 |     engines: {node: ^14.18.0 || >=16.0.0}
 709 |     peerDependencies:
 710 |       vite: ^4.0.0
 711 |     dependencies:
 712 |       '@babel/core': 7.20.5
 713 |       '@babel/plugin-transform-react-jsx-self': 7.18.6_@babel+core@7.20.5
 714 |       '@babel/plugin-transform-react-jsx-source': 7.19.6_@babel+core@7.20.5
 715 |       magic-string: 0.27.0
 716 |       react-refresh: 0.14.0
 717 |       vite: 4.0.0_@types+node@18.11.13
 718 |     transitivePeerDependencies:
 719 |       - supports-color
 720 |     dev: true
 721 | 
 722 |   /@wasmer/wasi/0.12.0:
 723 |     resolution: {integrity: sha512-FJhLZKAfLWm/yjQI7eCRHNbA8ezmb7LSpUYFkHruZXs2mXk2+DaQtSElEtOoNrVQ4vApTyVaAd5/b7uEu8w6wQ==}
 724 |     dependencies:
 725 |       browser-process-hrtime: 1.0.0
 726 |       buffer-es6: 4.9.3
 727 |       path-browserify: 1.0.1
 728 |       randomfill: 1.0.4
 729 |     dev: false
 730 | 
 731 |   /acorn-node/1.8.2:
 732 |     resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
 733 |     dependencies:
 734 |       acorn: 7.4.1
 735 |       acorn-walk: 7.2.0
 736 |       xtend: 4.0.2
 737 |     dev: true
 738 | 
 739 |   /acorn-walk/7.2.0:
 740 |     resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
 741 |     engines: {node: '>=0.4.0'}
 742 |     dev: true
 743 | 
 744 |   /acorn/7.4.1:
 745 |     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
 746 |     engines: {node: '>=0.4.0'}
 747 |     hasBin: true
 748 |     dev: true
 749 | 
 750 |   /allotment/1.17.1_biqbaboplfbrettd7655fr4n2y:
 751 |     resolution: {integrity: sha512-3/blHxKZfP441IZRwoOJaaNfDOx9XtvQQaeRYYrn7xjQWF7ZhYZCfR7oNxudwx2ga21tIskvfytbZF2P/ydE3A==}
 752 |     peerDependencies:
 753 |       react: ^17.0.0 || ^18.0.0
 754 |       react-dom: ^17.0.0 || ^18.0.0
 755 |     dependencies:
 756 |       classnames: 2.3.2
 757 |       eventemitter3: 4.0.7
 758 |       lodash.clamp: 4.0.3
 759 |       lodash.debounce: 4.0.8
 760 |       lodash.isequal: 4.5.0
 761 |       react: 18.2.0
 762 |       react-dom: 18.2.0_react@18.2.0
 763 |       use-resize-observer: 9.1.0_biqbaboplfbrettd7655fr4n2y
 764 |     dev: false
 765 | 
 766 |   /ansi-styles/3.2.1:
 767 |     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
 768 |     engines: {node: '>=4'}
 769 |     dependencies:
 770 |       color-convert: 1.9.3
 771 |     dev: true
 772 | 
 773 |   /anymatch/3.1.3:
 774 |     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
 775 |     engines: {node: '>= 8'}
 776 |     dependencies:
 777 |       normalize-path: 3.0.0
 778 |       picomatch: 2.3.1
 779 |     dev: true
 780 | 
 781 |   /arg/5.0.2:
 782 |     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
 783 |     dev: true
 784 | 
 785 |   /autoprefixer/10.4.13_postcss@8.4.20:
 786 |     resolution: {integrity: sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==}
 787 |     engines: {node: ^10 || ^12 || >=14}
 788 |     hasBin: true
 789 |     peerDependencies:
 790 |       postcss: ^8.1.0
 791 |     dependencies:
 792 |       browserslist: 4.21.4
 793 |       caniuse-lite: 1.0.30001439
 794 |       fraction.js: 4.2.0
 795 |       normalize-range: 0.1.2
 796 |       picocolors: 1.0.0
 797 |       postcss: 8.4.20
 798 |       postcss-value-parser: 4.2.0
 799 |     dev: true
 800 | 
 801 |   /binary-extensions/2.2.0:
 802 |     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
 803 |     engines: {node: '>=8'}
 804 |     dev: true
 805 | 
 806 |   /braces/3.0.2:
 807 |     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
 808 |     engines: {node: '>=8'}
 809 |     dependencies:
 810 |       fill-range: 7.0.1
 811 |     dev: true
 812 | 
 813 |   /browser-process-hrtime/1.0.0:
 814 |     resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
 815 |     dev: false
 816 | 
 817 |   /browserslist/4.21.4:
 818 |     resolution: {integrity: sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==}
 819 |     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
 820 |     hasBin: true
 821 |     dependencies:
 822 |       caniuse-lite: 1.0.30001439
 823 |       electron-to-chromium: 1.4.284
 824 |       node-releases: 2.0.6
 825 |       update-browserslist-db: 1.0.10_browserslist@4.21.4
 826 |     dev: true
 827 | 
 828 |   /buffer-es6/4.9.3:
 829 |     resolution: {integrity: sha512-Ibt+oXxhmeYJSsCkODPqNpPmyegefiD8rfutH1NYGhMZQhSp95Rz7haemgnJ6dxa6LT+JLLbtgOMORRluwKktw==}
 830 |     dev: false
 831 | 
 832 |   /camelcase-css/2.0.1:
 833 |     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
 834 |     engines: {node: '>= 6'}
 835 |     dev: true
 836 | 
 837 |   /caniuse-lite/1.0.30001439:
 838 |     resolution: {integrity: sha512-1MgUzEkoMO6gKfXflStpYgZDlFM7M/ck/bgfVCACO5vnAf0fXoNVHdWtqGU+MYca+4bL9Z5bpOVmR33cWW9G2A==}
 839 |     dev: true
 840 | 
 841 |   /chalk/2.4.2:
 842 |     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
 843 |     engines: {node: '>=4'}
 844 |     dependencies:
 845 |       ansi-styles: 3.2.1
 846 |       escape-string-regexp: 1.0.5
 847 |       supports-color: 5.5.0
 848 |     dev: true
 849 | 
 850 |   /chokidar/3.5.3:
 851 |     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
 852 |     engines: {node: '>= 8.10.0'}
 853 |     dependencies:
 854 |       anymatch: 3.1.3
 855 |       braces: 3.0.2
 856 |       glob-parent: 5.1.2
 857 |       is-binary-path: 2.1.0
 858 |       is-glob: 4.0.3
 859 |       normalize-path: 3.0.0
 860 |       readdirp: 3.6.0
 861 |     optionalDependencies:
 862 |       fsevents: 2.3.2
 863 |     dev: true
 864 | 
 865 |   /chroma-js/2.4.2:
 866 |     resolution: {integrity: sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A==}
 867 |     dev: true
 868 | 
 869 |   /classnames/2.3.2:
 870 |     resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==}
 871 |     dev: false
 872 | 
 873 |   /color-composite/1.0.2:
 874 |     resolution: {integrity: sha512-ulQPtX9KKCCoHx1hsvqvGMhd3b96AeDeIs4tFwpcXpEUYGkfXTIDaOI210+HSk7SNhVqvf3qBPuvVoXPcm97sg==}
 875 |     engines: {node: '>=4'}
 876 |     dependencies:
 877 |       color-parse: 1.4.2
 878 |     dev: true
 879 | 
 880 |   /color-convert/1.9.3:
 881 |     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 882 |     dependencies:
 883 |       color-name: 1.1.3
 884 |     dev: true
 885 | 
 886 |   /color-convert/2.0.1:
 887 |     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
 888 |     engines: {node: '>=7.0.0'}
 889 |     dependencies:
 890 |       color-name: 1.1.4
 891 |     dev: true
 892 | 
 893 |   /color-name/1.1.3:
 894 |     resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
 895 |     dev: true
 896 | 
 897 |   /color-name/1.1.4:
 898 |     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 899 |     dev: true
 900 | 
 901 |   /color-parse/1.4.2:
 902 |     resolution: {integrity: sha512-RI7s49/8yqDj3fECFZjUI1Yi0z/Gq1py43oNJivAIIDSyJiOZLfYCRQEgn8HEVAj++PcRe8AnL2XF0fRJ3BTnA==}
 903 |     dependencies:
 904 |       color-name: 1.1.4
 905 |     dev: true
 906 | 
 907 |   /color-string/1.9.1:
 908 |     resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
 909 |     dependencies:
 910 |       color-name: 1.1.4
 911 |       simple-swizzle: 0.2.2
 912 |     dev: true
 913 | 
 914 |   /color/4.2.3:
 915 |     resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
 916 |     engines: {node: '>=12.5.0'}
 917 |     dependencies:
 918 |       color-convert: 2.0.1
 919 |       color-string: 1.9.1
 920 |     dev: true
 921 | 
 922 |   /convert-source-map/1.9.0:
 923 |     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
 924 |     dev: true
 925 | 
 926 |   /cssesc/3.0.0:
 927 |     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
 928 |     engines: {node: '>=4'}
 929 |     hasBin: true
 930 |     dev: true
 931 | 
 932 |   /csstype/3.1.1:
 933 |     resolution: {integrity: sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==}
 934 |     dev: true
 935 | 
 936 |   /debug/4.3.4:
 937 |     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
 938 |     engines: {node: '>=6.0'}
 939 |     peerDependencies:
 940 |       supports-color: '*'
 941 |     peerDependenciesMeta:
 942 |       supports-color:
 943 |         optional: true
 944 |     dependencies:
 945 |       ms: 2.1.2
 946 |     dev: true
 947 | 
 948 |   /defined/1.0.1:
 949 |     resolution: {integrity: sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==}
 950 |     dev: true
 951 | 
 952 |   /detective/5.2.1:
 953 |     resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
 954 |     engines: {node: '>=0.8.0'}
 955 |     hasBin: true
 956 |     dependencies:
 957 |       acorn-node: 1.8.2
 958 |       defined: 1.0.1
 959 |       minimist: 1.2.7
 960 |     dev: true
 961 | 
 962 |   /didyoumean/1.2.2:
 963 |     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
 964 |     dev: true
 965 | 
 966 |   /dlv/1.1.3:
 967 |     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 968 |     dev: true
 969 | 
 970 |   /electron-to-chromium/1.4.284:
 971 |     resolution: {integrity: sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==}
 972 |     dev: true
 973 | 
 974 |   /esbuild/0.16.4:
 975 |     resolution: {integrity: sha512-qQrPMQpPTWf8jHugLWHoGqZjApyx3OEm76dlTXobHwh/EBbavbRdjXdYi/GWr43GyN0sfpap14GPkb05NH3ROA==}
 976 |     engines: {node: '>=12'}
 977 |     hasBin: true
 978 |     requiresBuild: true
 979 |     optionalDependencies:
 980 |       '@esbuild/android-arm': 0.16.4
 981 |       '@esbuild/android-arm64': 0.16.4
 982 |       '@esbuild/android-x64': 0.16.4
 983 |       '@esbuild/darwin-arm64': 0.16.4
 984 |       '@esbuild/darwin-x64': 0.16.4
 985 |       '@esbuild/freebsd-arm64': 0.16.4
 986 |       '@esbuild/freebsd-x64': 0.16.4
 987 |       '@esbuild/linux-arm': 0.16.4
 988 |       '@esbuild/linux-arm64': 0.16.4
 989 |       '@esbuild/linux-ia32': 0.16.4
 990 |       '@esbuild/linux-loong64': 0.16.4
 991 |       '@esbuild/linux-mips64el': 0.16.4
 992 |       '@esbuild/linux-ppc64': 0.16.4
 993 |       '@esbuild/linux-riscv64': 0.16.4
 994 |       '@esbuild/linux-s390x': 0.16.4
 995 |       '@esbuild/linux-x64': 0.16.4
 996 |       '@esbuild/netbsd-x64': 0.16.4
 997 |       '@esbuild/openbsd-x64': 0.16.4
 998 |       '@esbuild/sunos-x64': 0.16.4
 999 |       '@esbuild/win32-arm64': 0.16.4
1000 |       '@esbuild/win32-ia32': 0.16.4
1001 |       '@esbuild/win32-x64': 0.16.4
1002 |     dev: true
1003 | 
1004 |   /escalade/3.1.1:
1005 |     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
1006 |     engines: {node: '>=6'}
1007 |     dev: true
1008 | 
1009 |   /escape-string-regexp/1.0.5:
1010 |     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
1011 |     engines: {node: '>=0.8.0'}
1012 |     dev: true
1013 | 
1014 |   /eventemitter3/4.0.7:
1015 |     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
1016 |     dev: false
1017 | 
1018 |   /fast-glob/3.2.12:
1019 |     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
1020 |     engines: {node: '>=8.6.0'}
1021 |     dependencies:
1022 |       '@nodelib/fs.stat': 2.0.5
1023 |       '@nodelib/fs.walk': 1.2.8
1024 |       glob-parent: 5.1.2
1025 |       merge2: 1.4.1
1026 |       micromatch: 4.0.5
1027 |     dev: true
1028 | 
1029 |   /fastq/1.14.0:
1030 |     resolution: {integrity: sha512-eR2D+V9/ExcbF9ls441yIuN6TI2ED1Y2ZcA5BmMtJsOkWOFRJQ0Jt0g1UwqXJJVAb+V+umH5Dfr8oh4EVP7VVg==}
1031 |     dependencies:
1032 |       reusify: 1.0.4
1033 |     dev: true
1034 | 
1035 |   /fill-range/7.0.1:
1036 |     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
1037 |     engines: {node: '>=8'}
1038 |     dependencies:
1039 |       to-regex-range: 5.0.1
1040 |     dev: true
1041 | 
1042 |   /fraction.js/4.2.0:
1043 |     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
1044 |     dev: true
1045 | 
1046 |   /fsevents/2.3.2:
1047 |     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
1048 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
1049 |     os: [darwin]
1050 |     requiresBuild: true
1051 |     dev: true
1052 |     optional: true
1053 | 
1054 |   /function-bind/1.1.1:
1055 |     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
1056 |     dev: true
1057 | 
1058 |   /gensync/1.0.0-beta.2:
1059 |     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
1060 |     engines: {node: '>=6.9.0'}
1061 |     dev: true
1062 | 
1063 |   /glob-parent/5.1.2:
1064 |     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
1065 |     engines: {node: '>= 6'}
1066 |     dependencies:
1067 |       is-glob: 4.0.3
1068 |     dev: true
1069 | 
1070 |   /glob-parent/6.0.2:
1071 |     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
1072 |     engines: {node: '>=10.13.0'}
1073 |     dependencies:
1074 |       is-glob: 4.0.3
1075 |     dev: true
1076 | 
1077 |   /globals/11.12.0:
1078 |     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
1079 |     engines: {node: '>=4'}
1080 |     dev: true
1081 | 
1082 |   /has-flag/3.0.0:
1083 |     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
1084 |     engines: {node: '>=4'}
1085 |     dev: true
1086 | 
1087 |   /has/1.0.3:
1088 |     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
1089 |     engines: {node: '>= 0.4.0'}
1090 |     dependencies:
1091 |       function-bind: 1.1.1
1092 |     dev: true
1093 | 
1094 |   /html-parse-stringify/3.0.1:
1095 |     resolution: {integrity: sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==}
1096 |     dependencies:
1097 |       void-elements: 3.1.0
1098 |     dev: false
1099 | 
1100 |   /i18next-browser-languagedetector/7.0.1:
1101 |     resolution: {integrity: sha512-Pa5kFwaczXJAeHE56CHG2aWzFBMJNUNghf0Pm4SwSrEMps/PTKqW90EYWlIvhuYStf3Sn1K0vw+gH3+TLdkH1g==}
1102 |     dependencies:
1103 |       '@babel/runtime': 7.20.6
1104 |     dev: false
1105 | 
1106 |   /i18next/22.4.5:
1107 |     resolution: {integrity: sha512-Kc+Ow0guRetUq+kv02tj0Yof9zveROPBAmJ8UxxNODLVBRSwsM4iD0Gw3BEieOmkWemF6clU3K1fbnCuTqiN2Q==}
1108 |     dependencies:
1109 |       '@babel/runtime': 7.20.6
1110 |     dev: false
1111 | 
1112 |   /is-arrayish/0.3.2:
1113 |     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
1114 |     dev: true
1115 | 
1116 |   /is-binary-path/2.1.0:
1117 |     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
1118 |     engines: {node: '>=8'}
1119 |     dependencies:
1120 |       binary-extensions: 2.2.0
1121 |     dev: true
1122 | 
1123 |   /is-core-module/2.11.0:
1124 |     resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
1125 |     dependencies:
1126 |       has: 1.0.3
1127 |     dev: true
1128 | 
1129 |   /is-extglob/2.1.1:
1130 |     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
1131 |     engines: {node: '>=0.10.0'}
1132 |     dev: true
1133 | 
1134 |   /is-glob/4.0.3:
1135 |     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
1136 |     engines: {node: '>=0.10.0'}
1137 |     dependencies:
1138 |       is-extglob: 2.1.1
1139 |     dev: true
1140 | 
1141 |   /is-number/7.0.0:
1142 |     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
1143 |     engines: {node: '>=0.12.0'}
1144 |     dev: true
1145 | 
1146 |   /js-tokens/4.0.0:
1147 |     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
1148 | 
1149 |   /jsesc/2.5.2:
1150 |     resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
1151 |     engines: {node: '>=4'}
1152 |     hasBin: true
1153 |     dev: true
1154 | 
1155 |   /json5/2.2.1:
1156 |     resolution: {integrity: sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==}
1157 |     engines: {node: '>=6'}
1158 |     hasBin: true
1159 |     dev: true
1160 | 
1161 |   /lilconfig/2.0.6:
1162 |     resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==}
1163 |     engines: {node: '>=10'}
1164 |     dev: true
1165 | 
1166 |   /lodash.clamp/4.0.3:
1167 |     resolution: {integrity: sha512-HvzRFWjtcguTW7yd8NJBshuNaCa8aqNFtnswdT7f/cMd/1YKy5Zzoq4W/Oxvnx9l7aeY258uSdDfM793+eLsVg==}
1168 |     dev: false
1169 | 
1170 |   /lodash.debounce/4.0.8:
1171 |     resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
1172 |     dev: false
1173 | 
1174 |   /lodash.isequal/4.5.0:
1175 |     resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
1176 |     dev: false
1177 | 
1178 |   /loose-envify/1.4.0:
1179 |     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
1180 |     hasBin: true
1181 |     dependencies:
1182 |       js-tokens: 4.0.0
1183 |     dev: false
1184 | 
1185 |   /magic-string/0.27.0:
1186 |     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
1187 |     engines: {node: '>=12'}
1188 |     dependencies:
1189 |       '@jridgewell/sourcemap-codec': 1.4.14
1190 |     dev: true
1191 | 
1192 |   /merge2/1.4.1:
1193 |     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
1194 |     engines: {node: '>= 8'}
1195 |     dev: true
1196 | 
1197 |   /micromatch/4.0.5:
1198 |     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
1199 |     engines: {node: '>=8.6'}
1200 |     dependencies:
1201 |       braces: 3.0.2
1202 |       picomatch: 2.3.1
1203 |     dev: true
1204 | 
1205 |   /minimist/1.2.7:
1206 |     resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
1207 |     dev: true
1208 | 
1209 |   /monaco-editor/0.34.1:
1210 |     resolution: {integrity: sha512-FKc80TyiMaruhJKKPz5SpJPIjL+dflGvz4CpuThaPMc94AyN7SeC9HQ8hrvaxX7EyHdJcUY5i4D0gNyJj1vSZQ==}
1211 |     dev: false
1212 | 
1213 |   /ms/2.1.2:
1214 |     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
1215 |     dev: true
1216 | 
1217 |   /nanoid/3.3.4:
1218 |     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
1219 |     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
1220 |     hasBin: true
1221 |     dev: true
1222 | 
1223 |   /node-releases/2.0.6:
1224 |     resolution: {integrity: sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==}
1225 |     dev: true
1226 | 
1227 |   /normalize-path/3.0.0:
1228 |     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
1229 |     engines: {node: '>=0.10.0'}
1230 |     dev: true
1231 | 
1232 |   /normalize-range/0.1.2:
1233 |     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
1234 |     engines: {node: '>=0.10.0'}
1235 |     dev: true
1236 | 
1237 |   /object-assign/4.1.1:
1238 |     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
1239 |     engines: {node: '>=0.10.0'}
1240 |     dev: false
1241 | 
1242 |   /object-hash/3.0.0:
1243 |     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
1244 |     engines: {node: '>= 6'}
1245 |     dev: true
1246 | 
1247 |   /path-browserify/1.0.1:
1248 |     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
1249 |     dev: false
1250 | 
1251 |   /path-parse/1.0.7:
1252 |     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
1253 |     dev: true
1254 | 
1255 |   /picocolors/1.0.0:
1256 |     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
1257 |     dev: true
1258 | 
1259 |   /picomatch/2.3.1:
1260 |     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
1261 |     engines: {node: '>=8.6'}
1262 |     dev: true
1263 | 
1264 |   /pify/2.3.0:
1265 |     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
1266 |     engines: {node: '>=0.10.0'}
1267 |     dev: true
1268 | 
1269 |   /postcss-import/14.1.0_postcss@8.4.20:
1270 |     resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
1271 |     engines: {node: '>=10.0.0'}
1272 |     peerDependencies:
1273 |       postcss: ^8.0.0
1274 |     dependencies:
1275 |       postcss: 8.4.20
1276 |       postcss-value-parser: 4.2.0
1277 |       read-cache: 1.0.0
1278 |       resolve: 1.22.1
1279 |     dev: true
1280 | 
1281 |   /postcss-js/4.0.0_postcss@8.4.20:
1282 |     resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==}
1283 |     engines: {node: ^12 || ^14 || >= 16}
1284 |     peerDependencies:
1285 |       postcss: ^8.3.3
1286 |     dependencies:
1287 |       camelcase-css: 2.0.1
1288 |       postcss: 8.4.20
1289 |     dev: true
1290 | 
1291 |   /postcss-load-config/3.1.4_postcss@8.4.20:
1292 |     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
1293 |     engines: {node: '>= 10'}
1294 |     peerDependencies:
1295 |       postcss: '>=8.0.9'
1296 |       ts-node: '>=9.0.0'
1297 |     peerDependenciesMeta:
1298 |       postcss:
1299 |         optional: true
1300 |       ts-node:
1301 |         optional: true
1302 |     dependencies:
1303 |       lilconfig: 2.0.6
1304 |       postcss: 8.4.20
1305 |       yaml: 1.10.2
1306 |     dev: true
1307 | 
1308 |   /postcss-nested/6.0.0_postcss@8.4.20:
1309 |     resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
1310 |     engines: {node: '>=12.0'}
1311 |     peerDependencies:
1312 |       postcss: ^8.2.14
1313 |     dependencies:
1314 |       postcss: 8.4.20
1315 |       postcss-selector-parser: 6.0.11
1316 |     dev: true
1317 | 
1318 |   /postcss-selector-parser/6.0.11:
1319 |     resolution: {integrity: sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==}
1320 |     engines: {node: '>=4'}
1321 |     dependencies:
1322 |       cssesc: 3.0.0
1323 |       util-deprecate: 1.0.2
1324 |     dev: true
1325 | 
1326 |   /postcss-value-parser/4.2.0:
1327 |     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
1328 |     dev: true
1329 | 
1330 |   /postcss/8.4.20:
1331 |     resolution: {integrity: sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==}
1332 |     engines: {node: ^10 || ^12 || >=14}
1333 |     dependencies:
1334 |       nanoid: 3.3.4
1335 |       picocolors: 1.0.0
1336 |       source-map-js: 1.0.2
1337 |     dev: true
1338 | 
1339 |   /prop-types/15.8.1:
1340 |     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
1341 |     dependencies:
1342 |       loose-envify: 1.4.0
1343 |       object-assign: 4.1.1
1344 |       react-is: 16.13.1
1345 |     dev: false
1346 | 
1347 |   /queue-microtask/1.2.3:
1348 |     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
1349 |     dev: true
1350 | 
1351 |   /quick-lru/5.1.1:
1352 |     resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
1353 |     engines: {node: '>=10'}
1354 |     dev: true
1355 | 
1356 |   /randombytes/2.1.0:
1357 |     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
1358 |     dependencies:
1359 |       safe-buffer: 5.2.1
1360 |     dev: false
1361 | 
1362 |   /randomfill/1.0.4:
1363 |     resolution: {integrity: sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==}
1364 |     dependencies:
1365 |       randombytes: 2.1.0
1366 |       safe-buffer: 5.2.1
1367 |     dev: false
1368 | 
1369 |   /react-dom/18.2.0_react@18.2.0:
1370 |     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
1371 |     peerDependencies:
1372 |       react: ^18.2.0
1373 |     dependencies:
1374 |       loose-envify: 1.4.0
1375 |       react: 18.2.0
1376 |       scheduler: 0.23.0
1377 |     dev: false
1378 | 
1379 |   /react-i18next/12.1.1_ewanii43wbrufvukcu3uzq3hsy:
1380 |     resolution: {integrity: sha512-mFdieOI0LDy84q3JuZU6Aou1DoWW2fhapcTGeBS8+vWSJuViuoCLQAMYSb0QoHhXS8B0WKUOPpx4cffAP7r/aA==}
1381 |     peerDependencies:
1382 |       i18next: '>= 19.0.0'
1383 |       react: '>= 16.8.0'
1384 |       react-dom: '*'
1385 |       react-native: '*'
1386 |     peerDependenciesMeta:
1387 |       react-dom:
1388 |         optional: true
1389 |       react-native:
1390 |         optional: true
1391 |     dependencies:
1392 |       '@babel/runtime': 7.20.6
1393 |       html-parse-stringify: 3.0.1
1394 |       i18next: 22.4.5
1395 |       react: 18.2.0
1396 |       react-dom: 18.2.0_react@18.2.0
1397 |     dev: false
1398 | 
1399 |   /react-icons/4.7.1_react@18.2.0:
1400 |     resolution: {integrity: sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw==}
1401 |     peerDependencies:
1402 |       react: '*'
1403 |     dependencies:
1404 |       react: 18.2.0
1405 |     dev: false
1406 | 
1407 |   /react-is/16.13.1:
1408 |     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
1409 |     dev: false
1410 | 
1411 |   /react-refresh/0.14.0:
1412 |     resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
1413 |     engines: {node: '>=0.10.0'}
1414 |     dev: true
1415 | 
1416 |   /react/18.2.0:
1417 |     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
1418 |     engines: {node: '>=0.10.0'}
1419 |     dependencies:
1420 |       loose-envify: 1.4.0
1421 |     dev: false
1422 | 
1423 |   /read-cache/1.0.0:
1424 |     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
1425 |     dependencies:
1426 |       pify: 2.3.0
1427 |     dev: true
1428 | 
1429 |   /readdirp/3.6.0:
1430 |     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
1431 |     engines: {node: '>=8.10.0'}
1432 |     dependencies:
1433 |       picomatch: 2.3.1
1434 |     dev: true
1435 | 
1436 |   /regenerator-runtime/0.13.11:
1437 |     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
1438 |     dev: false
1439 | 
1440 |   /resolve/1.22.1:
1441 |     resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
1442 |     hasBin: true
1443 |     dependencies:
1444 |       is-core-module: 2.11.0
1445 |       path-parse: 1.0.7
1446 |       supports-preserve-symlinks-flag: 1.0.0
1447 |     dev: true
1448 | 
1449 |   /reusify/1.0.4:
1450 |     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
1451 |     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
1452 |     dev: true
1453 | 
1454 |   /rollup/3.7.3:
1455 |     resolution: {integrity: sha512-7e68MQbAWCX6mI4/0lG1WHd+NdNAlVamg0Zkd+8LZ/oXojligdGnCNyHlzXqXCZObyjs5FRc3AH0b17iJESGIQ==}
1456 |     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
1457 |     hasBin: true
1458 |     optionalDependencies:
1459 |       fsevents: 2.3.2
1460 |     dev: true
1461 | 
1462 |   /run-parallel/1.2.0:
1463 |     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
1464 |     dependencies:
1465 |       queue-microtask: 1.2.3
1466 |     dev: true
1467 | 
1468 |   /safe-buffer/5.2.1:
1469 |     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
1470 |     dev: false
1471 | 
1472 |   /scheduler/0.23.0:
1473 |     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
1474 |     dependencies:
1475 |       loose-envify: 1.4.0
1476 |     dev: false
1477 | 
1478 |   /semver/6.3.0:
1479 |     resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
1480 |     hasBin: true
1481 |     dev: true
1482 | 
1483 |   /simple-swizzle/0.2.2:
1484 |     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
1485 |     dependencies:
1486 |       is-arrayish: 0.3.2
1487 |     dev: true
1488 | 
1489 |   /source-map-js/1.0.2:
1490 |     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
1491 |     engines: {node: '>=0.10.0'}
1492 |     dev: true
1493 | 
1494 |   /state-local/1.0.7:
1495 |     resolution: {integrity: sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==}
1496 |     dev: false
1497 | 
1498 |   /supports-color/5.5.0:
1499 |     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
1500 |     engines: {node: '>=4'}
1501 |     dependencies:
1502 |       has-flag: 3.0.0
1503 |     dev: true
1504 | 
1505 |   /supports-preserve-symlinks-flag/1.0.0:
1506 |     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
1507 |     engines: {node: '>= 0.4'}
1508 |     dev: true
1509 | 
1510 |   /tailwind-material-colors/1.0.0_tailwindcss@3.2.4:
1511 |     resolution: {integrity: sha512-y+pnayji0s2RVGur6UE3QlRLrCBRHANE7zKLhp9W3O9np2XBwSjC7rJUUi+OMC88c1CmEfvuRY1tjOl+rHinXg==}
1512 |     peerDependencies:
1513 |       tailwindcss: ^3.0.0
1514 |     dependencies:
1515 |       '@material/material-color-utilities': 0.2.0
1516 |       tailwind-material-surfaces: 1.2.0_tailwindcss@3.2.4
1517 |       tailwind-mode-aware-colors: 1.2.2_tailwindcss@3.2.4
1518 |       tailwindcss: 3.2.4_postcss@8.4.20
1519 |     dev: true
1520 | 
1521 |   /tailwind-material-surfaces/1.2.0_tailwindcss@3.2.4:
1522 |     resolution: {integrity: sha512-IWo9Aact7cT2po4d5VPbDhNXx0L6N2ene+DIupj6i6OrOQA/D2dr3FHVnhcH8U4ERru4aUkIanXbb42xiv053g==}
1523 |     peerDependencies:
1524 |       tailwindcss: ^3.0.0
1525 |     dependencies:
1526 |       chroma-js: 2.4.2
1527 |       color-composite: 1.0.2
1528 |       tailwindcss: 3.2.4_postcss@8.4.20
1529 |     dev: true
1530 | 
1531 |   /tailwind-mode-aware-colors/1.2.2_tailwindcss@3.2.4:
1532 |     resolution: {integrity: sha512-q0PzCl/s7VWaonOI9FpJN/M1G3xA8sYBxxmuogAG07ZnnhKYccCmYtJYCYpTGISI3PccgwwOthM2POCUJC1O+Q==}
1533 |     peerDependencies:
1534 |       tailwindcss: ^3.0.0
1535 |     dependencies:
1536 |       color: 4.2.3
1537 |       tailwindcss: 3.2.4_postcss@8.4.20
1538 |     dev: true
1539 | 
1540 |   /tailwindcss/3.2.4_postcss@8.4.20:
1541 |     resolution: {integrity: sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==}
1542 |     engines: {node: '>=12.13.0'}
1543 |     hasBin: true
1544 |     peerDependencies:
1545 |       postcss: ^8.0.9
1546 |     dependencies:
1547 |       arg: 5.0.2
1548 |       chokidar: 3.5.3
1549 |       color-name: 1.1.4
1550 |       detective: 5.2.1
1551 |       didyoumean: 1.2.2
1552 |       dlv: 1.1.3
1553 |       fast-glob: 3.2.12
1554 |       glob-parent: 6.0.2
1555 |       is-glob: 4.0.3
1556 |       lilconfig: 2.0.6
1557 |       micromatch: 4.0.5
1558 |       normalize-path: 3.0.0
1559 |       object-hash: 3.0.0
1560 |       picocolors: 1.0.0
1561 |       postcss: 8.4.20
1562 |       postcss-import: 14.1.0_postcss@8.4.20
1563 |       postcss-js: 4.0.0_postcss@8.4.20
1564 |       postcss-load-config: 3.1.4_postcss@8.4.20
1565 |       postcss-nested: 6.0.0_postcss@8.4.20
1566 |       postcss-selector-parser: 6.0.11
1567 |       postcss-value-parser: 4.2.0
1568 |       quick-lru: 5.1.1
1569 |       resolve: 1.22.1
1570 |     transitivePeerDependencies:
1571 |       - ts-node
1572 |     dev: true
1573 | 
1574 |   /to-fast-properties/2.0.0:
1575 |     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
1576 |     engines: {node: '>=4'}
1577 |     dev: true
1578 | 
1579 |   /to-regex-range/5.0.1:
1580 |     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
1581 |     engines: {node: '>=8.0'}
1582 |     dependencies:
1583 |       is-number: 7.0.0
1584 |     dev: true
1585 | 
1586 |   /tslib/2.4.1:
1587 |     resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==}
1588 |     dev: false
1589 | 
1590 |   /typescript/4.9.4:
1591 |     resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==}
1592 |     engines: {node: '>=4.2.0'}
1593 |     hasBin: true
1594 |     dev: true
1595 | 
1596 |   /update-browserslist-db/1.0.10_browserslist@4.21.4:
1597 |     resolution: {integrity: sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==}
1598 |     hasBin: true
1599 |     peerDependencies:
1600 |       browserslist: '>= 4.21.0'
1601 |     dependencies:
1602 |       browserslist: 4.21.4
1603 |       escalade: 3.1.1
1604 |       picocolors: 1.0.0
1605 |     dev: true
1606 | 
1607 |   /use-resize-observer/9.1.0_biqbaboplfbrettd7655fr4n2y:
1608 |     resolution: {integrity: sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==}
1609 |     peerDependencies:
1610 |       react: 16.8.0 - 18
1611 |       react-dom: 16.8.0 - 18
1612 |     dependencies:
1613 |       '@juggle/resize-observer': 3.4.0
1614 |       react: 18.2.0
1615 |       react-dom: 18.2.0_react@18.2.0
1616 |     dev: false
1617 | 
1618 |   /util-deprecate/1.0.2:
1619 |     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
1620 |     dev: true
1621 | 
1622 |   /vite/4.0.0_@types+node@18.11.13:
1623 |     resolution: {integrity: sha512-ynad+4kYs8Jcnn8J7SacS9vAbk7eMy0xWg6E7bAhS1s79TK+D7tVFGXVZ55S7RNLRROU1rxoKlvZ/qjaB41DGA==}
1624 |     engines: {node: ^14.18.0 || >=16.0.0}
1625 |     hasBin: true
1626 |     peerDependencies:
1627 |       '@types/node': '>= 14'
1628 |       less: '*'
1629 |       sass: '*'
1630 |       stylus: '*'
1631 |       sugarss: '*'
1632 |       terser: ^5.4.0
1633 |     peerDependenciesMeta:
1634 |       '@types/node':
1635 |         optional: true
1636 |       less:
1637 |         optional: true
1638 |       sass:
1639 |         optional: true
1640 |       stylus:
1641 |         optional: true
1642 |       sugarss:
1643 |         optional: true
1644 |       terser:
1645 |         optional: true
1646 |     dependencies:
1647 |       '@types/node': 18.11.13
1648 |       esbuild: 0.16.4
1649 |       postcss: 8.4.20
1650 |       resolve: 1.22.1
1651 |       rollup: 3.7.3
1652 |     optionalDependencies:
1653 |       fsevents: 2.3.2
1654 |     dev: true
1655 | 
1656 |   /void-elements/3.1.0:
1657 |     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
1658 |     engines: {node: '>=0.10.0'}
1659 |     dev: false
1660 | 
1661 |   /wastyle/0.0.5:
1662 |     resolution: {integrity: sha512-29bQqGO3Oxa8bOXU4ARMJl6kDk9/RJahysVeJXo7TPVpIZEpSdEDAuGVrvJJMDOV1mbefsgpxVJa8rd+h/X6DQ==}
1663 |     dependencies:
1664 |       '@wasmer/wasi': 0.12.0
1665 |     dev: false
1666 | 
1667 |   /xtend/4.0.2:
1668 |     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
1669 |     engines: {node: '>=0.4'}
1670 |     dev: true
1671 | 
1672 |   /yaml/1.10.2:
1673 |     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
1674 |     engines: {node: '>= 6'}
1675 |     dev: true
1676 | 
1677 |   github.com/tauri-apps/tauri-plugin-fs-watch/1f460724c82cc7e0ab38cf05443fe00e07321459:
1678 |     resolution: {tarball: https://codeload.github.com/tauri-apps/tauri-plugin-fs-watch/tar.gz/1f460724c82cc7e0ab38cf05443fe00e07321459}
1679 |     name: tauri-plugin-fs-watch-api
1680 |     version: 0.0.0
1681 |     dependencies:
1682 |       '@tauri-apps/api': 1.2.0
1683 |       tslib: 2.4.1
1684 |     dev: false
1685 | 


--------------------------------------------------------------------------------