Fixed typos

Roll back file paths for now

README.md

@@ -26,6 +26,75 @@ You can start editing the page by modifying `pages/index.tsx`. The page auto-upd
 
 The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
 
+## Github Login
+
+If you want to use your Github app to provide login, here's the guide to do that.
+
+- First go to https://github.com/settings/profile -> Developer Settings -> OAuth Apps
+- Click "New OAuth App" button
+- Give application some name eg. Xrpl Hooks Development
+- Give some homepage url eg. localhost:3000
+- Give some optional description (these values will show up on the popup when you login)
+- Authorization callback URL should be http://localhost:3000/api/auth/callback (if you're creating the app for local development)
+- Click register application
+- Then a page should open up where you can get client id and client secret values. Copy paste those to .env.local to use them:
+
+```
+GITHUB_SECRET="client-secret-here"
+GITHUB_ID="client-id-here"
+```
+
+Login should now work through your own Github OAuth app.
+
+## Styling and Theming
+
+This project uses Stitches (https://stitches.dev) for theming and styling the components. You should be quite familiar with the API if you have used for example styled-components earlier. Stitches should provide better performance, near zero runtime.
+
+For components we try to use Radix-UI (https://www.radix-ui.com/) as much as possible. It may not provide all the necessary components so you're free to use other components/libraries if those makes sense. For colors we're using Radix-UI Colors (https://radix-ui.com/colors).
+
+Theme file can be found under `./stitches.config.ts` file. When you're creating new components remeber to import `styled` from that file and not `@stitches` directly. That way it will provide the correct theme for you automatically.
+
+Example:
+
+```tsx
+// Use our stitches.config instead of @stitches/react
+import { styled } from "../stitches.config";
+
+const Box = styled("div", {
+  boxSizing: "border-box",
+});
+
+export default Box;
+```
+
+Custom components can be found from `./components` folder.
+
+## Monaco Editor
+
+Project is relying on Monaco editor heavily. Instead of using Monaco editor directly we're using `@monaco-editor/react` which provides little helpers to use Monaco editor.
+
+On the Develop page we're using following loader for Monaco editor:
+
+```js
+loader.config({
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.30.1/min/vs",
+  },
+});
+```
+
+By default `@monaco-editor/react` was using 0.29.? version of Monaco editor. @codingame/monaco-languageclient library (connects to clangd language server) was using API methods that were introduced in Monaco Editor 0.30 so that's why we're loading certain version of it.
+
+Monaco Languageclient related stuff is found from `./utils/languageClient.ts`. Basically we're connecting the editor to clangd language server which lives on separate backend. That project can be found from https://github.com/eqlabs/xrpl-hooks-compiler/. If you need access to that project ask permissions from @vbar (Vaclav Barta) on GitHub.
+
+## Global state management
+
+Global state management is handled with library called Valtio (https://github.com/pmndrs/valtio). Initial state can be found from `./state/index.ts` file. All the actions which updates the state is found under `./state/actions/` folder.
+
+## Special notes
+
+Since we are dealing with greenfield tech and one of the dependencies (ripple-binary-codec) doesn't yet support signing `SetHook` transactions we had to monkey patch the library with patch-package (https://www.npmjs.com/package/patch-package). We modified the definitions.json file of the ripple-binary-codec library and then ran `yarn patch-package ripple-binary-codec` which created `patches/ripple-binary-codec+1.2.0.patch` file to this project. This file contains the modifications to `ripple-binary-codec` library. package.json contains postinstall hook which runs patch-package, and it will add the patch on the file mentioned earlier. This happens automatically after running patch package.
+
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:
@@ -34,9 +103,3 @@ To learn more about Next.js, take a look at the following resources:
 - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

components/HooksEditor.tsx

@@ -56,7 +56,7 @@ const HooksEditor = () => {
           keepCurrentModel
           defaultLanguage={snap.files?.[snap.active]?.language}
           language={snap.files?.[snap.active]?.language}
-          path={`file://tmp/c/${snap.files?.[snap.active]?.name}`}
+          path={`file://work/c/${snap.files?.[snap.active]?.name}`}
           defaultValue={snap.files?.[snap.active]?.content}
           beforeMount={(monaco) => {
             if (!snap.editorCtx) {
@@ -64,12 +64,11 @@ const HooksEditor = () => {
                 monaco.editor.createModel(
                   file.content,
                   file.language,
-                  monaco.Uri.parse(`file://tmp/c/${file.name}`)
+                  monaco.Uri.parse(`file://work/c/${file.name}`)
                 )
               );
             }
 
-            // monaco.editor.createModel(value, 'c', monaco.Uri.parse('file:///tmp/c/file.c'))
             // create the web socket
             if (!subscriptionRef.current) {
               monaco.languages.register({

patches/ripple-binary-codec+1.2.0.patch

@@ -1,5 +1,5 @@
 diff --git a/node_modules/ripple-binary-codec/dist/enums/definitions.json b/node_modules/ripple-binary-codec/dist/enums/definitions.json
-index 2333c42..99557cb 100644
+index 2333c42..b8f8eab 100644
 --- a/node_modules/ripple-binary-codec/dist/enums/definitions.json
 +++ b/node_modules/ripple-binary-codec/dist/enums/definitions.json
 @@ -1,3 +1,4 @@
@@ -7,17 +7,18 @@ index 2333c42..99557cb 100644
  {
    "TYPES": {
      "Validation": 10003,
-@@ -40,8 +41,7 @@
+@@ -40,9 +41,7 @@
      "Check": 67,
      "Nickname": 110,
      "Contract": 99,
 -    "NFTokenPage": 80,
 -    "NFTokenOffer": 55,
-+    "GeneratorMap": 103,
-     "NegativeUNL": 78
+-    "NegativeUNL": 78
++    "GeneratorMap": 103
    },
    "FIELDS": [
-@@ -95,16 +95,6 @@
+     [
+@@ -95,16 +94,6 @@
          "type": "UInt16"
        }
      ],
@@ -34,7 +35,7 @@ index 2333c42..99557cb 100644
      [
        "Flags",
        {
-@@ -455,6 +445,16 @@
+@@ -455,6 +444,16 @@
          "type": "UInt32"
        }
      ],
@@ -51,7 +52,7 @@ index 2333c42..99557cb 100644
      [
        "IndexNext",
        {
-@@ -635,16 +635,6 @@
+@@ -635,16 +634,6 @@
          "type": "Hash256"
        }
      ],
@@ -68,7 +69,7 @@ index 2333c42..99557cb 100644
      [
        "BookDirectory",
        {
-@@ -916,7 +906,7 @@
+@@ -916,7 +905,7 @@
        }
      ],
      [
@@ -77,7 +78,44 @@ index 2333c42..99557cb 100644
        {
          "nth": 5,
          "isVLEncoded": true,
-@@ -1156,7 +1146,7 @@
+@@ -1045,36 +1034,6 @@
+         "type": "Blob"
+       }
+     ],
+-    [
+-      "UNLModifyValidator",
+-      {
+-        "nth": 19,
+-        "isVLEncoded": true,
+-        "isSerialized": true,
+-        "isSigningField": true,
+-        "type": "Blob"
+-      }
+-    ],
+-    [
+-      "ValidatorToDisable",
+-      {
+-        "nth": 20,
+-        "isVLEncoded": true,
+-        "isSerialized": true,
+-        "isSigningField": true,
+-        "type": "Blob"
+-      }
+-    ],
+-    [
+-      "ValidatorToReEnable",
+-      {
+-        "nth": 21,
+-        "isVLEncoded": true,
+-        "isSerialized": true,
+-        "isSigningField": true,
+-        "type": "Blob"
+-      }
+-    ],
+     [
+       "Account",
+       {
+@@ -1156,7 +1115,7 @@
        }
      ],
      [
@@ -86,7 +124,7 @@ index 2333c42..99557cb 100644
        {
          "nth": 9,
          "isVLEncoded": true,
-@@ -1276,9 +1266,9 @@
+@@ -1276,9 +1235,9 @@
        }
      ],
      [
@@ -98,7 +136,7 @@ index 2333c42..99557cb 100644
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
-@@ -1286,9 +1276,9 @@
+@@ -1286,9 +1245,9 @@
        }
      ],
      [
@@ -110,7 +148,7 @@ index 2333c42..99557cb 100644
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
-@@ -1296,9 +1286,9 @@
+@@ -1296,9 +1255,9 @@
        }
      ],
      [
@@ -122,7 +160,7 @@ index 2333c42..99557cb 100644
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
-@@ -1306,9 +1296,9 @@
+@@ -1306,9 +1265,9 @@
        }
      ],
      [
@@ -134,7 +172,7 @@ index 2333c42..99557cb 100644
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
-@@ -1395,16 +1385,6 @@
+@@ -1395,16 +1354,6 @@
          "type": "STArray"
        }
      ],
@@ -151,7 +189,24 @@ index 2333c42..99557cb 100644
      [
        "Majorities",
        {
-@@ -1535,16 +1515,6 @@
+@@ -1415,16 +1364,6 @@
+         "type": "STArray"
+       }
+     ],
+-    [
+-      "DisabledValidators",
+-      {
+-        "nth": 17,
+-        "isVLEncoded": false,
+-        "isSerialized": true,
+-        "isSigningField": true,
+-        "type": "STArray"
+-      }
+-    ],
+     [
+       "CloseResolution",
+       {
+@@ -1535,16 +1474,6 @@
          "type": "Vector256"
        }
      ],
@@ -168,129 +223,96 @@ index 2333c42..99557cb 100644
      [
        "Transaction",
        {
-@@ -1616,9 +1586,9 @@
+@@ -1596,7 +1525,7 @@
+       }
+     ],
+     [
+-      "TicketCount",
++      "HookStateCount",
+       {
+         "nth": 40,
+         "isVLEncoded": false,
+@@ -1606,7 +1535,7 @@
+       }
+     ],
+     [
+-      "TicketSequence",
++      "HookReserveCount",
+       {
+         "nth": 41,
+         "isVLEncoded": false,
+@@ -1616,7 +1545,7 @@
        }
      ],
      [
 -      "TokenTaxon",
-+      "HookStateCount",
++      "HookDataMaxSize",
        {
--        "nth": 42,
-+        "nth": 40,
+         "nth": 42,
          "isVLEncoded": false,
-         "isSerialized": true,
-         "isSigningField": true,
-@@ -1626,9 +1596,9 @@
+@@ -1626,23 +1555,23 @@
        }
      ],
      [
 -      "MintedTokens",
-+      "HookReserveCount",
-       {
--        "nth": 43,
-+        "nth": 41,
-         "isVLEncoded": false,
-         "isSerialized": true,
-         "isSigningField": true,
-@@ -1636,9 +1606,9 @@
-       }
-     ],
-     [
--      "BurnedTokens",
-+      "HookDataMaxSize",
-       {
--        "nth": 44,
-+        "nth": 42,
-         "isVLEncoded": false,
-         "isSerialized": true,
-         "isSigningField": true,
-@@ -1646,29 +1616,29 @@
-       }
-     ],
-     [
--      "Channel",
 +      "HookOn",
        {
--        "nth": 22,
+-        "nth": 43,
 +        "nth": 16,
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
--        "type": "Hash256"
+-        "type": "UInt32"
 +        "type": "UInt64"
        }
      ],
      [
--      "ConsensusHash",
+-      "BurnedTokens",
 +      "EmitBurden",
        {
--        "nth": 23,
+-        "nth": 44,
 +        "nth": 12,
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
--        "type": "Hash256"
+-        "type": "UInt32"
 +        "type": "UInt64"
        }
      ],
      [
--      "CheckID",
-+      "Channel",
-       {
--        "nth": 24,
-+        "nth": 22,
-         "isVLEncoded": false,
-         "isSerialized": true,
-         "isSigningField": true,
-@@ -1676,9 +1646,9 @@
-       }
-     ],
-     [
--      "ValidatedHash",
-+      "ConsensusHash",
-       {
--        "nth": 25,
-+        "nth": 23,
-         "isVLEncoded": false,
-         "isSerialized": true,
-         "isSigningField": true,
-@@ -1686,9 +1656,9 @@
+@@ -1686,29 +1615,9 @@
        }
      ],
      [
 -      "PreviousPageMin",
-+      "CheckID",
-       {
--        "nth": 26,
-+        "nth": 24,
-         "isVLEncoded": false,
-         "isSerialized": true,
-         "isSigningField": true,
-@@ -1696,9 +1666,9 @@
-       }
-     ],
-     [
--      "NextPageMin",
-+      "ValidatedHash",
-       {
--        "nth": 27,
-+        "nth": 25,
-         "isVLEncoded": false,
-         "isSerialized": true,
-         "isSigningField": true,
-@@ -1706,9 +1676,9 @@
-       }
-     ],
-     [
--      "BuyOffer",
 +      "EmitParentTxnID",
        {
+-        "nth": 26,
+-        "isVLEncoded": false,
+-        "isSerialized": true,
+-        "isSigningField": true,
+-        "type": "Hash256"
+-      }
+-    ],
+-    [
+-      "NextPageMin",
+-      {
+-        "nth": 27,
+-        "isVLEncoded": false,
+-        "isSerialized": true,
+-        "isSigningField": true,
+-        "type": "Hash256"
+-      }
+-    ],
+-    [
+-      "BuyOffer",
+-      {
 -        "nth": 28,
 +        "nth": 10,
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
-@@ -1716,9 +1686,9 @@
+@@ -1716,9 +1625,9 @@
        }
      ],
      [
@@ -302,7 +324,24 @@ index 2333c42..99557cb 100644
          "isVLEncoded": false,
          "isSerialized": true,
          "isSigningField": true,
-@@ -1754,36 +1724,6 @@
+@@ -1735,16 +1644,6 @@
+         "type": "UInt8"
+       }
+     ],
+-    [
+-      "UNLModifyDisabling",
+-      {
+-        "nth": 17,
+-        "isVLEncoded": false,
+-        "isSerialized": true,
+-        "isSigningField": true,
+-        "type": "UInt8"
+-      }
+-    ],
+     [
+       "DestinationNode",
+       {
+@@ -1754,36 +1653,6 @@
          "isSigningField": true,
          "type": "UInt64"
        }
@@ -339,7 +378,7 @@ index 2333c42..99557cb 100644
      ]
    ],
    "TRANSACTION_RESULTS": {
-@@ -1908,18 +1848,7 @@
+@@ -1908,18 +1777,7 @@
      "tecDUPLICATE": 149,
      "tecKILLED": 150,
      "tecHAS_OBLIGATIONS": 151,
@@ -359,7 +398,7 @@ index 2333c42..99557cb 100644
    },
    "TRANSACTION_TYPES": {
      "Invalid": -1,
-@@ -1946,11 +1875,10 @@
+@@ -1946,13 +1804,11 @@
      "DepositPreauth": 19,
      "TrustSet": 20,
      "AccountDelete": 21,
@@ -373,5 +412,8 @@ index 2333c42..99557cb 100644
 +    "Batch": 24,
 +
      "EnableAmendment": 100,
-     "SetFee": 101,
-     "UNLModify": 102
+-    "SetFee": 101,
+-    "UNLModify": 102
++    "SetFee": 101
+   }
+ }

state/actions/addFaucetAccount.ts

@@ -1,4 +1,4 @@
-import Router from "next/router";
+
 import toast from "react-hot-toast";
 import state, { FaucetAccountRes } from '../index';
 
@@ -36,7 +36,6 @@ export const addFaucetAccount = async (showToast: boolean = false) => {
 
 
     const toastId = showToast ? toast.loading("Creating account") : "";
-    console.log(Router)
     const res = await fetch(`${window.location.origin}/api/faucet`, {
       method: "POST",
     });

state/index.ts

@@ -62,7 +62,9 @@ export interface IState {
 // let localStorageState: null | string = null;
 let initialState: IState = {
   files: [],
+  // active file index on the Develop page editor
   active: 0,
+  // Active file index on the Deploy page editor
   activeWat: 0,
   loading: false,
   compiling: false,