chore(README): Add screenshots

README.md

@@ -1,9 +1,11 @@
-# PlayOS
+# ![PlayOS](./screenshots/logo.png)
 
- PlayOS gives users an easy way to access their apps, games, storage, data, notifications and more. It is accessible from any device that has an internet browser. This allows you to pick up from any app where you left off. This is done by synchronizing the state between devices. Giving users a seamless experience.
+PlayOS gives users an easy way to access their apps, games, storage, data, notifications and more. It is accessible from any device that has an internet browser. This allows you to pick up from any app where you left off. This is done by synchronizing the state between devices. Giving users a seamless experience.
 
 PlayOS allows applications to communicate with each other in a sandboxed environment. This way apps can be integrated with each other, without building the infrastructure for it. Take for example the files app. It allows users to click on the file and choose which app to give access to that specific file/folder.
 
 PlayOS can be integrated with any blockchain that supports some sort of programmable interface.
 
 We are still porting code over to a decentralised manner, any help is greatly appreciated.
+
+![](./screenshots/window.png)

src/js/Configuration.ts

@@ -12,6 +12,7 @@ const config = {
         host: DEV_HOST,
         homeUrl: DEV_HOST + 'home/',
         provider: new RutileProvider('http://localhost:8545/', 101),
+        coreAddress: '0x776269e69e8fbee4746895ac4fb929139db828c7',
     },
     production: {
         appName: 'Authentication',
@@ -21,6 +22,7 @@ const config = {
         host: '/',
         homeUrl: '#/home',
         provider: new RutileProvider('http://localhost:8545/', 101),
+        coreAddress: '0x776269e69e8fbee4746895ac4fb929139db828c7',
     },
 };
 

src/js/components/organims/AppWindow/AppWindow.scss

@@ -47,4 +47,6 @@ $appbar-height: 35px;
     width: 100%;
     height: 100%;
     border: none;
+    border-bottom-left-radius: $window-border-radius;
+    border-bottom-right-radius: $window-border-radius;
 }

src/js/components/organims/AppWindow/AppWindow.tsx

@@ -41,7 +41,6 @@ function AppWindow(props: Props) {
     }
 
     function handleWindowMouseDown() {
-        console.log('[] props.appProcessesState.heighestZIndex, windowZIndex -> ', props.appProcessesState.heighestZIndex, windowZIndex);
         if (windowZIndex < props.appProcessesState.heighestZIndex) {
             const newHeighestZIndex = props.appProcessesState.heighestZIndex + 1;
 
@@ -76,10 +75,10 @@ function AppWindow(props: Props) {
                     <span>{props.process.app.title}</span>
                 </header>
                 <div className={styles.appBody}>
-                    My new app
-                    {/* <iframe src={props.process.app.main} className={styles.iframe}>
+                    {/* My new app */}
+                    <iframe src={props.process.app.main} className={styles.iframe}>
                         Content could not be loaded
-                    </iframe> */}
+                    </iframe>
                 </div>
             </div>
         </Rnd>

src/js/services/providers/IProvider.ts

@@ -28,4 +28,6 @@ export default interface IProvider {
     decrypt(content: Buffer): Promise<Buffer>;
     isLoggedIn(): Promise<boolean>;
     getPrivateKeyForApp(appId: string, nonce: number, userKeys: PrivateKey): PrivateKey;
+    storageSet(key: string, value: string): Promise<void>;
+    storageGet(key: string): Promise<string>;
 }

src/js/services/providers/RutileProvider.ts

@@ -15,38 +15,6 @@ class RutileProvider implements IProvider {
             chainId,
             name: 'rutile',
         });
-        // this.web3Loaded = new Promise((resolve) => {
-        //     window.addEventListener("load", async () => {
-        //         // @ts-ignore
-        //         const windowEthereum = window.ethereum;
-        //         // @ts-ignore
-        //         const windowWeb3 = window.web3;
-
-        //         // Modern dapp browsers...
-        //         if (windowEthereum) {
-        //             this.web3 = new Web3(windowEthereum);
-
-        //             try {
-        //                 // Request account access if needed
-        //                 await windowEthereum.enable();
-        //                 resolve();
-        //             } catch (error) {
-        //                 // User denied account access...
-        //             }
-        //         }
-        //         // Legacy dapp browsers...
-        //         else if (windowWeb3) {
-        //             this.web3 = new Web3(windowWeb3.currentProvider);
-        //             resolve();
-        //         }
-        //         // Non-dapp browsers...
-        //         else {
-        //             console.log(
-        //                 "Non-Ethereum browser detected. You should consider trying MetaMask!"
-        //             );
-        //         }
-        //     });
-        // });
     }
 
     setupWeb3WithKeys(privateKey: PrivateKey) {
@@ -164,7 +132,7 @@ class RutileProvider implements IProvider {
         for (let index = 0; index < 97; index++) {
             const newApp = JSON.parse(JSON.stringify(app));
             newApp.id = Math.random().toString();
-            newApp.main = `https://example.com/?token=${this.getPrivateKeyForApp(newApp.id, 0, key).privateKey}`,
+            newApp.main = `https://airhorner.com/?token=${this.getPrivateKeyForApp(newApp.id, 0, key).privateKey}`,
             newApp.icon = newApp.icon +=
                 "?cachecBuster=" + Math.random().toString();
             arr.push(newApp);
@@ -185,6 +153,14 @@ class RutileProvider implements IProvider {
             mnemonic: wallet.mnemonic,
         };
     }
+
+    async storageSet(key: string, value: string) {
+
+    }
+
+    async storageGet(key: string) {
+        return '';
+    }
 }
 
 export default RutileProvider;