Trys with mobile wde

apps/sunboard/sunboard.go

@@ -0,0 +1,35 @@
+package sunboard
+
+import (
+	"net/http"
+	"personalwebsite/webfilesystem"
+
+	"github.com/gin-gonic/gin"
+)
+
+type SunboardApp struct {
+	fs    *webfilesystem.WebFileSystem
+	appID string
+}
+
+func NewSunboardApp(webFs *webfilesystem.WebFileSystem) *SunboardApp {
+	newApp := SunboardApp{
+		fs:    webFs,
+		appID: "Sunboard",
+	}
+	return &newApp
+}
+
+func (a *SunboardApp) GetAppID() string {
+	return a.appID
+}
+
+func (a *SunboardApp) PublicRoutes(route *gin.RouterGroup) {
+}
+
+func (a *SunboardApp) PrivateRoutes(router *gin.RouterGroup) {
+
+	router.POST("render", func(ctx *gin.Context) {
+		ctx.HTML(http.StatusOK, "sunboard/sunboard.html", gin.H{})
+	})
+}

front/package-lock.json

@@ -7,6 +7,9 @@
     "": {
       "name": "my-webpack-project",
       "version": "1.0.0",
+      "dependencies": {
+        "request": "^2.79.0"
+      },
       "devDependencies": {
         "@babel/core": "^7.20.2",
         "@babel/preset-env": "^7.20.2",
@@ -3094,12 +3097,46 @@
       "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
       "dev": true
     },
+    "node_modules/asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+      "dependencies": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "node_modules/assert-plus": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz",
+      "integrity": "sha512-u1L0ZLywRziOVjUhRxI0Qg9G+4RnFB9H/Rq40YWn0dieDgO7vAYeJz6jKAO6t/aruzlDFLAPkQTT87e+f8Imaw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/async": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
       "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
       "dev": true
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/aws-sign2": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz",
+      "integrity": "sha512-JnJpAS0p9RmixkOvW2XwDxxzs1bd4/VAGIl6Q0EC5YOo+p+hqIhtDhn/nmFnB/xUNXbLkpE2mOjgVIBRKD4xYw==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/aws4": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg=="
+    },
     "node_modules/babel-loader": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.0.tgz",
@@ -3250,6 +3287,14 @@
       "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
       "dev": true
     },
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
     "node_modules/before-after-hook": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-2.2.3.tgz",
@@ -3388,6 +3433,18 @@
         "multicast-dns": "^7.2.5"
       }
     },
+    "node_modules/boom": {
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz",
+      "integrity": "sha512-KbiZEa9/vofNcVJXGwdWWn25reQ3V3dHBWbS07FTF3/TOehLnm9GEhJV4T6ZvGPkShRpmUqYwnaCrkj0mRnP6Q==",
+      "deprecated": "This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).",
+      "dependencies": {
+        "hoek": "2.x.x"
+      },
+      "engines": {
+        "node": ">=0.10.40"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -3569,6 +3626,11 @@
         }
       ]
     },
+    "node_modules/caseless": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.11.0.tgz",
+      "integrity": "sha512-ODLXH644w9C2fMPAm7bMDQ3GRvipZWZfKc+8As6hIadRIelE0n0xZuN38NS6kiK3KPEVrpymmQD8bvncAHWQkQ=="
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -3835,11 +3897,21 @@
         "node": ">=0.1.90"
       }
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
-      "dev": true
     },
     "node_modules/common-ancestor-path": {
       "version": "1.0.1",
@@ -4012,6 +4084,18 @@
         "node": ">= 8"
       }
     },
+    "node_modules/cryptiles": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz",
+      "integrity": "sha512-FFN5KwpvvQTTS5hWPxrU8/QE4kQUc6uwZcrnlMBN82t1MgAtq8mnoDwINBly9Tdr02seeIIhtdF+UH1feBYGog==",
+      "deprecated": "This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).",
+      "dependencies": {
+        "boom": "2.x.x"
+      },
+      "engines": {
+        "node": ">=0.10.40"
+      }
+    },
     "node_modules/css-loader": {
       "version": "6.7.2",
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.2.tgz",
@@ -4059,6 +4143,25 @@
         "node": ">=8"
       }
     },
+    "node_modules/dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dashdash/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/dateformat": {
       "version": "4.6.3",
       "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-4.6.3.tgz",
@@ -4146,6 +4249,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/delegates": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
@@ -4238,6 +4349,15 @@
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
       "dev": true
     },
+    "node_modules/ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
+      "dependencies": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -4594,6 +4714,11 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
     "node_modules/external-editor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
@@ -4608,6 +4733,14 @@
         "node": ">=4"
       }
     },
+    "node_modules/extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
+      "engines": [
+        "node >=0.6.0"
+      ]
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -4895,6 +5028,27 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz",
+      "integrity": "sha512-8HWGSLAPr+AG0hBpsqi5Ob8HrLStN/LWeqhpFl14d7FJgHK48TmgLoALPz69XSUR65YJzDfLUX/BM8+MLJLghQ==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.5",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -4977,6 +5131,22 @@
         "node": ">=10"
       }
     },
+    "node_modules/generate-function": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
+      "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==",
+      "dependencies": {
+        "is-property": "^1.0.2"
+      }
+    },
+    "node_modules/generate-object-property": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/generate-object-property/-/generate-object-property-1.2.0.tgz",
+      "integrity": "sha512-TuOwZWgJ2VAMEGJvAyPWvpqxSANF0LDpmyHauMjFYzaACvn+QTT/AZomvPCzVBV7yDN3OmwHQ5OvHaeLKre3JQ==",
+      "dependencies": {
+        "is-property": "^1.0.0"
+      }
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -5013,6 +5183,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "node_modules/getpass/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/github-username": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/github-username/-/github-username-6.0.0.tgz",
@@ -5136,6 +5322,82 @@
       "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
       "dev": true
     },
+    "node_modules/har-validator": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-2.0.6.tgz",
+      "integrity": "sha512-P6tFV+wCcUL3nbyTDAvveDySfbhy0XkDtAIfZP6HITjM2WUsiPna/Eg1Yy93SFXvahqoX+kt0n+6xlXKDXYowA==",
+      "deprecated": "this library is no longer supported",
+      "dependencies": {
+        "chalk": "^1.1.1",
+        "commander": "^2.9.0",
+        "is-my-json-valid": "^2.12.4",
+        "pinkie-promise": "^2.0.0"
+      },
+      "bin": {
+        "har-validator": "bin/har-validator"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/har-validator/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/har-validator/node_modules/ansi-styles": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+      "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/har-validator/node_modules/chalk": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+      "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+      "dependencies": {
+        "ansi-styles": "^2.2.1",
+        "escape-string-regexp": "^1.0.2",
+        "has-ansi": "^2.0.0",
+        "strip-ansi": "^3.0.0",
+        "supports-color": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/har-validator/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/har-validator/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/har-validator/node_modules/supports-color": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+      "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/has": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@@ -5148,6 +5410,25 @@
         "node": ">= 0.4.0"
       }
     },
+    "node_modules/has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -5187,6 +5468,30 @@
       "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
       "dev": true
     },
+    "node_modules/hawk": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz",
+      "integrity": "sha512-X8xbmTc1cbPXcQV4WkLcRMALuyoxhfpFATmyuCxJPOAvrDS4DNnsTAOmKUxMTOWU6TzrTOkxPKwIx5ZOpJVSrg==",
+      "deprecated": "This module moved to @hapi/hawk. Please make sure to switch over as this distribution is no longer supported and may contain bugs and critical security issues.",
+      "dependencies": {
+        "boom": "2.x.x",
+        "cryptiles": "2.x.x",
+        "hoek": "2.x.x",
+        "sntp": "1.x.x"
+      },
+      "engines": {
+        "node": ">=0.10.32"
+      }
+    },
+    "node_modules/hoek": {
+      "version": "2.16.3",
+      "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz",
+      "integrity": "sha512-V6Yw1rIcYV/4JsnggjBU0l4Kr+EXhpwqXRusENU1Xx6ro00IHPHYNynCuBTOZAPlr3AAmLvchH9I7N/VUdvOwQ==",
+      "deprecated": "This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).",
+      "engines": {
+        "node": ">=0.10.40"
+      }
+    },
     "node_modules/hosted-git-info": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
@@ -5345,6 +5650,20 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/http-signature": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz",
+      "integrity": "sha512-iUn0NcRULlDGtqNLN1Jxmzayk8ogm7NToldASyZBpM2qggbphjXzNOiw3piN8tgz+e/DRs6X5gAzFwTI6BCRcg==",
+      "dependencies": {
+        "assert-plus": "^0.2.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.8",
+        "npm": ">=1.3.7"
+      }
+    },
     "node_modules/https-proxy-agent": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -5653,6 +5972,23 @@
       "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
       "dev": true
     },
+    "node_modules/is-my-ip-valid": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-my-ip-valid/-/is-my-ip-valid-1.0.1.tgz",
+      "integrity": "sha512-jxc8cBcOWbNK2i2aTkCZP6i7wkHF1bqKFrwEHuN5Jtg5BSaZHUZQ/JTOJwoV41YvHnOaRyWWh72T/KvfNz9DJg=="
+    },
+    "node_modules/is-my-json-valid": {
+      "version": "2.20.6",
+      "resolved": "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.20.6.tgz",
+      "integrity": "sha512-1JQwulVNjx8UqkPE/bqDaxtH4PXCe/2VRh/y3p99heOV87HG4Id5/VfDswd+YiAfHcRTfDlWgISycnHuhZq1aw==",
+      "dependencies": {
+        "generate-function": "^2.0.0",
+        "generate-object-property": "^1.1.0",
+        "is-my-ip-valid": "^1.0.0",
+        "jsonpointer": "^5.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -5683,6 +6019,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g=="
+    },
     "node_modules/is-scoped": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-scoped/-/is-scoped-2.1.0.tgz",
@@ -5707,6 +6048,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
+    },
     "node_modules/is-unicode-supported": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
@@ -5776,6 +6122,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
+    },
     "node_modules/jackspeak": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.1.tgz",
@@ -5845,6 +6196,11 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
+    },
     "node_modules/jsesc": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
@@ -5863,6 +6219,11 @@
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
       "dev": true
     },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -5878,6 +6239,11 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA=="
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -5899,6 +6265,36 @@
         "node >= 0.2.0"
       ]
     },
+    "node_modules/jsonpointer": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz",
+      "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/jsprim": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+      "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/jsprim/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/just-diff": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/just-diff/-/just-diff-5.2.0.tgz",
@@ -6326,7 +6722,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -6335,7 +6730,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -7200,6 +7594,14 @@
         "set-blocking": "^2.0.0"
       }
     },
+    "node_modules/oauth-sign": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz",
+      "integrity": "sha512-VlF07iu3VV3+BTXj43Nmp6Irt/G7j/NgEctUS6IweH1RGhURjjCc2NWtzXFPXXWWfc7hgbXQdtiQu2LGp6MxUg==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -7633,6 +8035,25 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
+      "dependencies": {
+        "pinkie": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pkg-dir": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
@@ -8377,6 +8798,54 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/request": {
+      "version": "2.79.0",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.79.0.tgz",
+      "integrity": "sha512-e7MIJshe1eZAmRqg4ryaO0N9G0fs+/gpDe5FlbnIFy6zZznRSwdRFrLp63if0Yt43vrI5wowOqHv1qJdVocdOQ==",
+      "deprecated": "request has been deprecated, see https://github.com/request/request/issues/3142",
+      "dependencies": {
+        "aws-sign2": "~0.6.0",
+        "aws4": "^1.2.1",
+        "caseless": "~0.11.0",
+        "combined-stream": "~1.0.5",
+        "extend": "~3.0.0",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.1.1",
+        "har-validator": "~2.0.6",
+        "hawk": "~3.1.3",
+        "http-signature": "~1.1.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.7",
+        "oauth-sign": "~0.8.1",
+        "qs": "~6.3.0",
+        "stringstream": "~0.0.4",
+        "tough-cookie": "~2.3.0",
+        "tunnel-agent": "~0.4.1",
+        "uuid": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/request/node_modules/qs": {
+      "version": "6.3.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.3.3.tgz",
+      "integrity": "sha512-f8CQ/sKJBr9vfNJBdGiPzTSPUufuWyvOFkCYJKN9voqPWuBuhdlSZM78dOHKigtZ0BwuktYGrRFW2DXXc/f2Fg==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/request/node_modules/uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
+      "bin": {
+        "uuid": "bin/uuid"
+      }
+    },
     "node_modules/require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
@@ -8561,8 +9030,7 @@
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-      "dev": true
     },
     "node_modules/sax": {
       "version": "1.2.4",
@@ -9164,6 +9632,18 @@
         "npm": ">= 3.0.0"
       }
     },
+    "node_modules/sntp": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz",
+      "integrity": "sha512-7bgVOAnPj3XjrKY577S+puCKGCRlUrcrEdsMeRXlg9Ghf5df/xNi6sONUa43WrHUd3TjJBF7O04jYoiY0FVa0A==",
+      "deprecated": "This module moved to @hapi/sntp. Please make sure to switch over as this distribution is no longer supported and may contain bugs and critical security issues.",
+      "dependencies": {
+        "hoek": "2.x.x"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/sockjs": {
       "version": "0.3.24",
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
@@ -9328,6 +9808,38 @@
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
       "dev": true
     },
+    "node_modules/sshpk": {
+      "version": "1.17.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
+      "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
+      "dependencies": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sshpk/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/ssri": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
@@ -9387,6 +9899,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/stringstream": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.6.tgz",
+      "integrity": "sha512-87GEBAkegbBcweToUrdzf3eLhWNg06FJTebl4BVJz/JgWy8CvEr9dRtX5qWphiynMSQlxxi+QqN0z5T32SLlhA=="
+    },
     "node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
@@ -9660,6 +10177,22 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.4.tgz",
+      "integrity": "sha512-TZ6TTfI5NtZnuyy/Kecv+CnoROnyXn2DN97LontgQpCwsX2XyLYCC0ENhYkehSOwAp8rTQKc/NUIF7BkQ5rKLA==",
+      "dependencies": {
+        "punycode": "^1.4.1"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ=="
+    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
@@ -9919,6 +10452,19 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
+    "node_modules/tunnel-agent": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.3.tgz",
+      "integrity": "sha512-e0IoVDWx8SDHc/hwFTqJDQ7CCDTEeGhmcT9jkWJjoGQSpgBz20nAMr80E3Tpk7PatJ1b37DQDgJR3CNSzcMOZQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+    },
     "node_modules/type-fest": {
       "version": "0.21.3",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
@@ -10117,6 +10663,32 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "node_modules/verror/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/verror/node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
+    },
     "node_modules/vinyl": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.1.tgz",
@@ -10651,6 +11223,14 @@
         }
       }
     },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",

front/package.json

@@ -13,6 +13,7 @@
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.11.1"
   },
+  "type": "module",
   "version": "1.0.0",
   "description": "My webpack project",
   "name": "my-webpack-project",
@@ -23,5 +24,8 @@
     "watch": "webpack --watch",
     "watch:prod": "webpack --watch --mode=production --node-env=production",
     "serve": "webpack serve"
+  },
+  "dependencies": {
+    "request": "^2.79.0"
   }
 }

front/src/apps/finder/finder-window.js

@@ -1,34 +1,51 @@
+// import WebDesktopEnvironment from "../../wde/wde-desktop"
+
+// import Finder from "./finder"
+
+// import WebDesktopEnvironment from "../../wde/wde-desktop"
 
 export default class FinderWindow{
+    #appId = "Finder" //FIXME
     curPath = ""
     fileView = undefined
     windowElem = undefined
+    /** @type {WebDesktopEnvironment} */
+    #wde
+    #finder
     
-    async Init(args, appContext){
+    /**
+     * @param {Finder} finder
+     * @param {*} args 
+     * @param {import("../../wde/wde-desktop").runContext} runContext 
+     * @returns 
+     */
+    async Init(finder, args, runContext){
+        this.#finder = finder
+        this.#wde = runContext.WDE
         if (args[1] == "--desktop"){
             let desktopNode = document.body.querySelector(`#${args[2]}`)
             if (desktopNode == null){
-                WebDesktopEnvironment.Alert("Desktop node not found")
+               this.#wde.Alert("Desktop node not found")
                 return
             }
 
             const params = new URLSearchParams({
                 path: args[0]
             })
-            const response = await fetch(`/app/${Finder.AppId}/renderDesktop?` + params,
+            const response = await fetch(`/app/${this.#appId}/renderDesktop?` + params,
             {
                 method: "POST",
-                body: JSON.stringify(appContext)
+                body: JSON.stringify(runContext)
             })
             if (response.status != 200){
                 console.log(response.status)
-                WebDesktopEnvironment.Alert("Error in render desktop") //TODO
+               this.#wde.Alert("Error in render desktop") //TODO
                 return
             }
             const html = await response.text()
             desktopNode.innerHTML = html
 
-            this.fileView = new FileView(
+            this.fileView = new runContext.WDE.FileView(
                 desktopNode.querySelector(".FileTileView"), (event) =>{this.Click(event)},
                 (event) => { this.RightClick(event) },
                 (event, draggedElem) => { this.DropEvent(event, draggedElem)},
@@ -37,23 +54,25 @@ export default class FinderWindow{
                 this.RenderDir(args[0])
                 return
         }
-        const params = new URLSearchParams({isMobile: WebDesktopEnvironment.isMobile})
+        const params = new URLSearchParams({isMobile: false}) //FIXME
-        const response = await fetch(`/app/${Finder.AppId}/render?` + params,  
+        const response = await fetch(`/app/${this.#appId}/render?` + params,  
         {
             method: "POST",
-            body: JSON.stringify(appContext)
+            body: JSON.stringify(runContext)
         })
         if (response.status != 200){
             const error = await response.json()
-            WebDesktopEnvironment.Alert(error.message)
+           this.#wde.Alert(error.message)
             return
         }
         const html = await response.text()
         
-        let newWindow = WebDesktopEnvironment.CreateNewWindow(Finder.AppId, 500, 350 )    
+        let newWindow = this.#wde.Decorat.CreateNewWindow(this.#appId, 500, 350 )
         newWindow.innerHTML = html
         
-        this.fileView = new FileView(
+        // console.log(this.#wde)
+        
+        this.fileView = new runContext.WDE.FileView(
             newWindow.querySelector(".FileTileView"),
             (event) => { this.Click(event) },
             (event) => { this.RightClick(event) },
@@ -61,10 +80,8 @@ export default class FinderWindow{
             () => { this.ReRenderDir() }
             )
             
-            newWindow.querySelector("#closeWindowButton").addEventListener('click', function (params) {
+            newWindow.querySelector("#closeWindowButton").addEventListener('click', () => {
-                
+                this.#wde.Decorat.CloseWindow(newWindow)
-                WebDesktopEnvironment.CloseWindow(newWindow)
-                
             })
             
             newWindow.querySelector("#RootButton").addEventListener('click', () =>{
@@ -75,7 +92,7 @@ export default class FinderWindow{
                 this.RenderDir('/home/user')
             })
             
-            let scrollBar = new WdeScrollBar(newWindow.querySelector(".ScrollbarPlace"), newWindow.querySelector(".FileTileView"))
+            let scrollBar = new this.#wde.ScrollBar(newWindow.querySelector(".ScrollbarPlace"), newWindow.querySelector(".FileTileView"))
             
             this.windowElem = newWindow
             this.RenderDir(args[0])
@@ -106,7 +123,7 @@ export default class FinderWindow{
             if (res){
                 this.ReRenderDir()
             } else {
-                WebDesktopEnvironment.Alert("UWAGA TODO MOVE FILE ERROR") //TODO
+               this.#wde.Alert("UWAGA TODO MOVE FILE ERROR") //TODO
             }
         } else {
             console.log(event, this.curPath)
@@ -120,7 +137,7 @@ export default class FinderWindow{
                     this.ReRenderDir()
                 }
             }
-            return
+
             const params = new URLSearchParams({
                 parentPath: this.curPath,
             })
@@ -130,7 +147,7 @@ export default class FinderWindow{
                 body: formData
             })
             if (response.status != 200){
-                WebDesktopEnvironment.Alert("ERROR IN UPLOADING FILE")//TODO
+               this.#wde.Alert("ERROR IN UPLOADING FILE")//TODO
             } else {
                 this.ReRenderDir()
             }
@@ -156,7 +173,7 @@ export default class FinderWindow{
 
         switch (true) {
             case fileType == "objectlink":
-                WebDesktopEnvironment.Alert("Links not supported yet")
+               this.#wde.Alert("Links not supported yet")
                 break
             case fileType == "pathlink":
                 let res = await WebFS.ReadPathLink(`${parentPath}/${fileName}`)
@@ -164,22 +181,22 @@ export default class FinderWindow{
                 this.OpenFile(res.parentPath, res.name, res.filetype)
                 break
             case fileExtension == "app":
-                WebDesktopEnvironment.Open(`${parentPath}/${fileName}`, [])
+                this.#wde.Open(`${parentPath}/${fileName}`, [])
                 break
             case fileExtension == "blog":
-                WebDesktopEnvironment.Open(`/Applications/BlogViewer.app`, [`${parentPath}/${fileName}`])
+                this.#wde.Open(`/Applications/BlogViewer.app`, [`${parentPath}/${fileName}`])
                 break
             case fileType == "directory":
-                WebDesktopEnvironment.Open(`/Applications/Finder.app`, [`${parentPath}/${fileName}`])
+                this.#wde.Open(`/Applications/Finder.app`, [`${parentPath}/${fileName}`])
                 break
             case fileExtension == "blog":
-                WebDesktopEnvironment.Open("/Applications/BlogViewer.app", [`${parentPath}/${fileName}`])
+                this.#wde.Open("/Applications/BlogViewer.app", [`${parentPath}/${fileName}`])
                 break
             case fileExtension == "jpeg" | fileExtension == "png":
-                WebDesktopEnvironment.Open("img-viewer", [`${parentPath}/${fileName}`])
+                this.#wde.Open("img-viewer", [`${parentPath}/${fileName}`])
                 break;
             default:
-                WebDesktopEnvironment.Alert("Unsupported file type")
+               this.#wde.Alert("Unsupported file type")
                 break;
         }
     }
@@ -212,9 +229,9 @@ export default class FinderWindow{
             path = `${this.curPath}/${fileName}`
         }
         const params = new URLSearchParams({context: context, path: path})
-        const response = await fetch(`/app/${Finder.AppId}/contextMenu?` + params) 
+        const response = await fetch(`/app/${this.#appId}/contextMenu?` + params) 
         if (response.status != 200){
-            WebDesktopEnvironment.Alert("ERROR in Context menu TODO"); //TODO
+           this.#wde.Alert("ERROR in Context menu TODO"); //TODO
             return
         }
         const html = await response.text()
@@ -265,7 +282,7 @@ export default class FinderWindow{
                         Finder.RenderProperites(path)
                         break
                     case "openAsDir":
-                        WebDesktopEnvironment.Open(`/Applications/${Finder.AppId}.app`,[`${this.curPath}/${fileName}`])
+                        this.#wde.Open(`/Applications/${this.#appId}.app`,[`${this.curPath}/${fileName}`])
                         break
                     default:
                         break;

front/src/apps/finder/finder.js

@@ -1,23 +1,38 @@
-require("./finder.less")
+// require("./finder.less")
 
-import FinderWindow from "./finder-window"
+import WDEApplication from "../../wde/application.js"
+import WebDesktopEnvironment from "../../wde/wde-desktop.js"
+import FinderWindow from "./finder-window.js"
 
-class Finder{
+export default class Finder extends WDEApplication{
     static AppId = "Finder"
 
+    /**
+     * @constructor
+     * @param {WebDesktopEnvironment} wde 
+     */
+    constructor(wde){
+        /** @type {WDEApplication} */
+        super(wde)
+    }
+
     /**
     * @param {string[]} args
+    * @param {import("../../wde/wde-desktop.js").runContext}
     */
     async NewWindow(args, runContext){
         let newFinder = new FinderWindow()
-        await newFinder.Init(args, runContext)
+        await newFinder.Init(this, args, runContext)
+        
     }
     
     /**
      * @param {string} path
      * @returns {boolean}
     */
-    static async RenderProperites(path){
+    async RenderProperites(path){
+
+        // return
         if (path == null || path ==""){
             return
         }
@@ -26,15 +41,15 @@ class Finder{
         })
         const response = await fetch(`/app/${Finder.AppId}/renderProps?` + params)
         if (response.status != 200){
-            WebDesktopEnvironment.Alert("Error in properties render") //TODO
+            // WebDesktopEnvironment.Alert("Error in properties render") //TODO
             return false
         }
         const html = await response.text()
-        let newWindow = WebDesktopEnvironment.CreateNewWindow(Finder.AppId, 350, 500 )    
+        
+        let newWindow = super.getWde().Decorat.CreateNewWindow(Finder.AppId, 350, 500 )
         newWindow.innerHTML = html
         newWindow.querySelector("#closeWindowButton").addEventListener('click', function (params) {
-            WebDesktopEnvironment.CloseWindow(newWindow)
+            // WebDesktopEnvironment.CloseWindow(newWindow)
         })
     }
 }
-

front/src/desktop.js

@@ -1,4 +1,4 @@
-import WebDesktopEnvironment from "./wde/wde-desktop";
+import WebDesktopEnvironment from "./wde/wde-desktop.js";
 document.addEventListener('DOMContentLoaded', function() {
     let wde = new WebDesktopEnvironment()
 }, false);

front/src/desktop.less

@@ -1 +1,79 @@
-@import "./wde/sunboard/sunboard-desktop.less";
+@import "./wde/primitives.less";
+@import "./wde/widgets/file-view/file-view.less";
+@import "./wde/legacy-ui.less";
+@import "./wde/widgets/basic-widgets.less";
+@import "./theme.less";
+
+// @font-face{
+//     font-family: "Virtue";
+//     src:url("/res/dev-fs/fonts/virtue.ttf");
+// }
+
+/* @font-face{
+    font-family: "Virtue";
+    src:url("/res/dev-fs/fonts/virtue.ttf")
+} */
+
+/* @media screen and (max-device-width: 2048px) and (max-device-height: 2048px) {
+    html {
+      zoom: 3
+    }
+  } */
+
+.NoClick {
+    pointer-events: none;
+}
+.Click {
+    pointer-events: all;
+}
+*{
+    font-family: Verdana, Geneva, sans-serif;
+    font-size: 11px;
+    font-style: normal;
+    font-weight:initial;
+}
+
+*::-webkit-scrollbar { /* WebKit */
+    width: 0;
+    height: 0;
+}
+
+body{
+    zoom: var(--zoom);
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+
+    /* font: normal 14px Summer Pixel 22, "res/SummerPixel22Regular.ttf"; */
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+     -khtml-user-select: none; /* Konqueror HTML */
+       -moz-user-select: none; /* Old versions of Firefox */
+        -ms-user-select: none; /* Internet Explorer/Edge */
+            user-select: none; /* Non-prefixed version, currently
+                                  supported by Chrome, Edge, Opera and Firefox */
+    touch-action: manipulation;
+}
+
+#applications{
+    position: static;
+    width: 0px;
+    height: 0px;
+    visibility: hidden;
+}
+
+#windows-layer {
+    width: 0px;
+    height: 0px;
+    /* position: fixed; */
+    position: static;
+}
+
+#desktop-layer{
+    position: fixed;
+    /* margin: 0px; */
+    width: 100%;
+    height: 100%;
+    background-color: @col-ceil;
+}

front/src/init.js

@@ -1,6 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    console.log("init")
-    
-}, false);
-
-

front/src/init.mjs

@@ -0,0 +1,3 @@
+export default class Kek{
+    
+}

front/src/wde/application.js

@@ -0,0 +1,18 @@
+import WebDesktopEnvironment from "./wde-desktop.js"
+
+export default class WDEApplication{
+    /** @type {WebDesktopEnvironment} */
+    #wde
+
+    /**
+     * @constructor
+     * @param {WebDesktopEnvironment} wde 
+     */
+    constructor(wde){
+        this.#wde = wde
+    }
+
+    getWde(){
+        return this.#wde
+    }
+}

front/src/wde/decorat/desktop-decorat.js

@@ -6,9 +6,9 @@ export default class DesktopDecorat{
         this.windowLayer = document.body.querySelector('#windows-layer')
         // this.#windowsLayer = document.body.querySelector('#windows-layer')
         this.#windowsLayer = document.body.querySelector('#windows-layer')
-        let startDrag = function(event) {
+        let startDrag = (event) => {
             let window = event.target.closest('.WindowFrame')
-            DesktopDecorat.bringWindowToFront(window)
+            this.bringWindowToFront(window)
             if (event.target.classList.contains("DragArea")){
                 let xPosInit = event.offsetX
                 let yPosInit = event.offsetY
@@ -28,10 +28,11 @@ export default class DesktopDecorat{
         this.#windowsLayer.addEventListener('mousedown', startDrag)
     }
     
+    
     /**
      * @param {HTMLElement} window
     */
-    static bringWindowToFront(window){ //FIXME
+    bringWindowToFront(window){ //FIXME
         let previousWindow = this.#windowsLayer.lastChild
         if (window == null || window == undefined){
             return
@@ -46,9 +47,58 @@ export default class DesktopDecorat{
         return
     }
 
+     /**
+    * @param {string} appId
+    * @param {number} width
+    * @param {number} height
+    * @returns {HTMLElement}
+    */
+    CreateNewWindow(appId, width, height) {    
+        let newWindow = document.createElement("div")
+        newWindow.setAttribute('appid', appId)
+
+        newWindow.setAttribute("class", "WindowFrame ConvexElement")
+        newWindow.setAttribute("windowId", this.#makeid(4)) //TODO:
+
+        newWindow.style.width = width.toString() + "px"
+        newWindow.style.height = height.toString() + "px"
+
+        document.body.querySelector('#windows-layer').appendChild(newWindow)
+        return newWindow
+        
+    }
+
+    /**
+    * @param {HTMLElement} window
+    */
+    CloseWindow(window) {
+        window.remove()
+    }
+
+    CloseFocusedWindow() {
+        if (document.body.querySelector('#windows-layer').childElementCount > 1){
+            document.body.querySelector('#windows-layer').lastElementChild.remove()
+        }
+    }
+
 
     static ChangeURL(appWindow){
         let appId = appWindow.getAttribute('appid')
         window.history.replaceState(null, "", `/${appId}/`);
     }
+
+    /**
+    * @param {num} length
+    */
+    #makeid(length) {
+        let result = '';
+        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        const charactersLength = characters.length;
+        let counter = 0;
+        while (counter < length) {
+          result += characters.charAt(Math.floor(Math.random() * charactersLength));
+          counter += 1;
+        }
+        return result;
+    }
 }

front/src/wde/legacy-ui.less

@@ -0,0 +1,232 @@
+.WindowFrame {
+    /* Auto layout */
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 4px;
+    padding-top: 2px;
+    padding-right: 6px;
+    gap: 4px;
+
+    position: absolute;
+
+    background: #DDDDDD;
+    border: 1px solid #555555;
+    
+
+    /* Inside auto layout */
+    flex: none;
+    order: 1;
+    align-self: stretch;
+    flex-grow: 1;
+}
+
+/* TODO Add shadows to windows */
+.WindowFrame.Focused{
+    border: 1px solid #000000;
+    background-color: #CCCCCC;
+}
+
+.WindowFrameShadow {
+    box-shadow: 2px 2px 0px #555555;
+}
+
+/* FIXME Not work on context menu  */
+.WindowFrameShadow.Focused  { 
+    box-shadow: 2px 2px 0px #000000;
+}
+
+.ConvexElement.Focused  {
+    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25),
+                inset -1px -1px 0px rgba(0, 0, 0, 0.27),
+                inset 1px 1px 0px #FFFFFF;
+}
+
+.AdjectiveElement {
+    border: 1px solid #555555;
+}
+
+.Focused .AdjectiveElement  {
+    border: 1px solid #000000;
+    box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25),
+                1px 1px 0px #FFFFFF;
+                /* inset -1px -1px 0px rgba(0, 0, 0, 0.27), */
+                /* inset 1px 1px 0px #FFFFFF;*/
+}
+
+.AdjectiveHorizontalLine {
+    border-top: 1px solid rgba(0, 0, 0, 0.25);
+    border-bottom: 1px solid #FFFFFF;
+    width: 100%;
+    height: 0px;
+}
+
+.AdjectiveHorizontalLine:last-child {
+    height: 0%;
+    visibility: hidden;
+}
+
+
+.WindowFrame .TitleBar {
+    width: 100%;
+    height: 13px;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 5px;
+    padding: 0px;
+
+
+    /* Inside auto layout */
+    flex: none;
+    order: 0;
+    align-self: stretch;
+    flex-grow: 0;
+}
+
+.WindowFrame .TitleBar .Lable {
+    position: relative;
+    top: 1px;
+    /* font-size: 13px; */
+    color:#777777;
+    pointer-events: none;
+    white-space: nowrap;
+
+    font-family: "Virtue";
+    letter-spacing: 0.35px;
+}
+
+.WindowFrame.Focused .TitleBar .Lable {
+    color:#000000;
+}
+
+
+.WindowFrame .TitleBar .Button {
+    width: 11px;
+    height: 11px;
+    padding: 0%;
+    position: relative;
+    top: 1px;
+    visibility: hidden;
+    
+    background: linear-gradient(135deg, #999999 18.18%, #FFFFFF 81.82%);
+    border: 1px solid #222222;
+    box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF,
+        -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25),
+        inset 1px 1px 0px rgba(255, 255, 255, 0.5),
+        inset -1px -1px 0px rgba(0, 0, 0, 0.27);
+    /* Inside auto layout */
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+}
+
+.WindowFrame.Focused .TitleBar .Button {
+    visibility: visible;
+}
+
+.WindowFrame .TitleBar .Button:active {
+    background-color: rgba(0, 0, 0, 0.4);
+    /* Green */
+    box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF,
+        -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25);
+}
+
+.Focused .VisualDragArea {
+    pointer-events: none;
+    width: 100%;
+    height: 11px;
+    background: linear-gradient(transparent 0%, white 0%, white 50%, transparent 50%);
+    background-size: 2px 2px;
+    filter: drop-shadow(1px 1px 0px #777777);
+}
+
+.MobileContentBorder {
+    width: 100%;
+    height: 100%;
+    background-color: #DDDDDD;
+    /* border: 1px solid #000000; */
+
+    /* box-shadow:   -1px -1px 0px rgba(0, 0, 0, 0.25),
+                1px 1px 0px #FFFFFF,
+                inset -1px -1px 0px rgba(0, 0, 0, 0.27),
+                inset 1px 1px 0px #FFFFFF; */
+
+    overflow: hidden;
+    overflow-x: hidden;
+
+    /* Auto layout */
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 0px;
+}
+
+.MobileApplicationWindow {
+    width: 100%;
+    height: 100%;
+    /* Auto layout */
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 4px;
+
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+
+.MobileWindowFrameBottomBar {
+    width: 100%;
+    height: 20px;
+    /* 
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: 5px;
+    padding: 0px; */
+
+    /* Inside auto layout */
+    flex: none;
+    order: 0;
+    align-self: stretch;
+    flex-grow: 0;
+}
+
+.MobileWindowFrameBottomBarButton {
+    min-width: 11px;
+    width: auto;
+    height: 15px;
+    padding: 0px 4px 0px 4px;
+    position: absolute;
+    right: 4px;
+
+    background: linear-gradient(135deg, #999999 18.18%, #FFFFFF 81.82%);
+    border: 1px solid #222222;
+    box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF,
+        -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25),
+        inset 1px 1px 0px rgba(255, 255, 255, 0.5),
+        inset -1px -1px 0px rgba(0, 0, 0, 0.27);
+
+    /* Inside auto layout */
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+}
+
+.MobileWindowFrameBottomBar .MobileLable {
+    position: absolute;
+    /* top:1px; */
+    /* font-size: 13px; */
+    left: 50%;
+    pointer-events: none;
+    white-space: nowrap;
+
+    font-family: "Virtue";
+    letter-spacing: 0.35px;
+
+}

front/src/wde/sunboard/sunboard-mobile.js

@@ -1,7 +1,59 @@
+import MobileWebDesktopEnvironment from "../wde-mobile.js"
+
 export default class MobileDesktop{
     /**@type {Element} */
     #icons
-    constructor(){
+    /** @type {MobileWebDesktopEnvironment} */
-        this.#icons = document.body.querySelector("")
+    #wde
+    constructor(wde){
+        this.#wde = wde
+        this.load()
+    }
+    
+    async load(){
+        this.createMainDivs()
+    }
+    
+    async createMainDivs(){
+        let sunboardNode = document.body.querySelector("#mobile-sunboard")
+        if (sunboardNode == null){
+            // this.#wde.Alert("Desktop node not found")
+            return
+        }
+
+        const params = new URLSearchParams({
+            // path: args[0] //FIXME
+            path: "/"
+        })
+        const response = await fetch(`/app/Sunboard/render?` + params,
+        {
+            method: "POST",
+            // body: JSON.stringify(runContext)
+        })
+        if (response.status != 200){
+            console.log(response.status)
+            // this.#wde.Alert("Error in render desktop") //TODO
+            return
+        }
+        const html = await response.text()
+        sunboardNode.innerHTML = html
+
+        console.log(this.#wde.FileView)
+
+        let iconsNode = document.body.querySelector("#icons")
+
+        this.fileView = new this.#wde.FileView(
+            iconsNode, 
+            (event) =>{},
+            (event) => {  },
+            (event, draggedElem) => {},
+            () => {  }
+            )
+            // this.RenderDir(args[0])
+            return
+    }
+
+    async createFileView(){
+        
     }
 }

front/src/wde/wde-desktop.js

@@ -1,28 +1,37 @@
-import DesktopDecorat from "../decorat/desktop-decorat";
+import DesktopDecorat from "./decorat/desktop-decorat.js";
-import WdeScrollBar from "./scrollbar/scrollbar";
+import WDEScrollBar from "./scrollbar/scrollbar.js";
-import WebFS from "../web-fs/web-fs";
+import WebFS from "../web-fs/web-fs.js";
-// import DesktopSunBoard from "./sunboard/sunboard-desktop";
+import WDEApplication from "./application.js";
+import WDEFileView from "./widgets/file-view/file-view.js";
+
+// import DesktopSunBoard from "./sunboard/sunboard-desktop.js";
 export default class WebDesktopEnvironment{
+    /** @type {string} */
+    test = ""
+    /** @type {WDEFileView} */
+    FileView = WDEFileView
+    /** @type {WDEScrollBar} */
+    ScrollBar = WDEScrollBar
     /**@type {DesktopDecorat} */
-    #decorat
+    Decorat
+    /** @type {Object<string, WDEApplication>} */
     static Applications = {};
+    /** Deprecated */
     static isMobile = false
     // static decorat
     static webFs
     constructor(){
         document.body.style.setProperty('--zoom', 1)
-        this.#decorat = new DesktopDecorat()
+        this.Decorat = new DesktopDecorat()
 
         WebDesktopEnvironment.webFs = new WebFS()
-        // this.loadWDE()
+        this.FileView = WDEFileView
-        this.#devLoadSunboard()
+        this.loadWDE()
-    }
+        // this.#devLoadSunboard()
-
-    async #devLoadSunboard(){
-        // let sunBoard = new DesktopSunBoard()
     }
 
     async loadWDE(){
+        
         let autoStart = document.body.querySelector("wde-autostart")
         if (autoStart == null){
             WebDesktopEnvironment.Alert("Error in loading DE")
@@ -44,7 +53,7 @@ export default class WebDesktopEnvironment{
             }
             
             // console.log(appPath, args)
-            await WebDesktopEnvironment.Open(appPath, args)
+            await this.Open(appPath, args)
         }
         autoStart.remove()
     }
@@ -54,15 +63,19 @@ export default class WebDesktopEnvironment{
     * @param {string[]} args
     * @param {string} runPath
     */
-    static async Open(appPath, args, runPath){
+    async Open(appPath, args, runPath){
         const appManifest = await WebDesktopEnvironment.fetchApp(appPath)
         
+        
         if (appManifest === undefined) return //TODO return err
+        /**@type {runContext} */
         const runContext = {
+            WDE: this,
             isMobile: false,
             bundlePath: appPath,
-            runPath: runPath //TODO
+            runPath: runPath
         }
+        
         if (WebDesktopEnvironment.Applications[appManifest.appId] === undefined){
             WebDesktopEnvironment.load2(appManifest, () =>{
                 WebDesktopEnvironment.Applications[appManifest.appId].NewWindow(args, runContext)
@@ -79,22 +92,16 @@ export default class WebDesktopEnvironment{
     * @param {function} onload callback after script loading
     */
     static async load2(appManifest, onload){
-        let appElem = document.createElement("div")
+        // import(window.location.origin + appManifest.js[0]).then((app) => {
-        appElem.setAttribute("appId", appManifest.appId)
+        // console.log(window.location.origin + appManifest.js[0] == 'http://localhost:8080/res/dev-fs/wde/dist/finder.js')
-        //TODO Render scripts nodes on server
+        // let kek = 'http://localhost:8080/res/dev-fs/wde/dist/finder.js'
-        //FIXME Not support more than one js now :)
+        import('http://localhost:8080/res/dev-fs/dist/finder.js').then((app) => {
-        let script = document.createElement("script")
+            let newApp = new app.default()
-        script.setAttribute("src", appManifest.js[0]) //FIXME path by fs read
+            // if newApp //TODO Validate
-        script.setAttribute("async", "false") //TODO Possible may creates a problems??
-        appElem.appendChild(script)
-
-        document.getElementById("applications").appendChild(appElem)
-        script.addEventListener('load', (event) => {
-            let newApp = eval(`new ${appManifest.appId}()`);
-            //TODO Check if newApp undefined
             WebDesktopEnvironment.Applications[appManifest.appId] = newApp;
             onload()
         })
+
         return //TODO return result
     }
 
@@ -116,42 +123,8 @@ export default class WebDesktopEnvironment{
         return appManifest
     }
 
-    /**
-    * @param {string} appId
-    * @param {number} width
-    * @param {number} height
-    * @returns {HTMLElement}
-    */
-    static CreateNewWindow(appId, width, height) {    
-        let newWindow = document.createElement("div")
-        newWindow.setAttribute('appid', appId)
-        if (WebDesktopEnvironment.isMobile){
-            newWindow.setAttribute("class", "MobileApplicationWindow")
-            document.body.querySelector('#windows-layer').appendChild(newWindow)
-            return newWindow
-        } else {
-            newWindow.setAttribute("class", "WindowFrame ConvexElement")
-            newWindow.setAttribute("windowId", WebDesktopEnvironment.makeid(4)) //TODO:
    
-            newWindow.style.width = width.toString() + "px"
-            newWindow.style.height = height.toString() + "px"
 
-            document.body.querySelector('#windows-layer').appendChild(newWindow)
-            return newWindow
-        }
-    }
-    /**
-    * @param {HTMLElement} window
-    */
-    static CloseWindow(window) {
-        window.remove()
-    }
-
-    static CloseFocusedWindow() {
-        if (document.body.querySelector('#windows-layer').childElementCount > 1){
-            document.body.querySelector('#windows-layer').lastElementChild.remove()
-        }
-    }
 
     /**
     * @param {string} html
@@ -203,19 +176,14 @@ export default class WebDesktopEnvironment{
         document.body.querySelector('#windows-layer').appendChild(newWindow)
     }
     
-    /**
+    
-    * @param {num} length
-    */
-    static makeid(length) {
-        let result = '';
-        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        const charactersLength = characters.length;
-        let counter = 0;
-        while (counter < length) {
-          result += characters.charAt(Math.floor(Math.random() * charactersLength));
-          counter += 1;
-        }
-        return result;
-    }
     
 }
+
+/**
+ * @typedef {Object} runContext
+ * @property {WebDesktopEnvironment} WDE 
+ * @property {boolean} isMobile
+ * @property {string} appPath 
+ * @property {string} runPath //TODO
+*/

front/src/wde/wde-mobile.js

@@ -1,10 +1,22 @@
-import MobileDecorat from "../Decorat/mobile-decorat"
+import MobileDecorat from "./decorat/mobile-decorat.js"
-
+import MobileSunboard from "./sunboard/sunboard-mobile.js"
+import WDEFileView from "./widgets/file-view/file-view.js"
 export default class MobileWebDesktopEnvironment{
     /** @type {MobileDecorat} */
-    #decorat
+    Decorat
+    /** @type {WDEFileView} */
+    FileView
+    /** @type {MobileSunboard} */
+    #sunBoard
     constructor(){
         document.body.style.setProperty('--zoom', 3)
-        this.#decorat = new MobileDecorat()
+        this.Decorat = new MobileDecorat()
+        this.FileView = WDEFileView
+        this.#sunBoard = new MobileSunboard(this)
+        this.#sunBoard
+    }
+
+    loadWDE(){
+        
     }
 }

front/src/wde/widgets/basic-widgets.less

@@ -0,0 +1,60 @@
+.ContentBorder { /*TODO Delete, deprecated*/
+    width: 100%;
+    height: 100%;
+    /* background-color: #DDDDDD;
+    border: 1px solid #000000; */
+    
+    overflow: hidden;
+    overflow-x: hidden;
+}
+
+.ContextMenu {
+    position: absolute;
+    width: auto;
+    height: auto;
+
+    background-color: #DDDDDD;
+
+    border: 1px solid #000000;
+}
+
+.ContextMenu .Content{
+    position: relative;
+    width: auto;
+    height: auto;
+    
+
+    /* Auto layout */
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    /* padding: 4px;
+    padding-top: 2px;
+    padding-right: 6px;
+    gap: 4px; */
+}
+
+.ContextMenu .Row {
+    width: 100%;
+    height: 16px;
+
+}
+
+.ContextMenu .SectionBreaker {
+    
+    /* background-color: rebeccapurple; */
+
+}
+
+.ContextMenu .Row:hover{
+    background-color: #333399;
+    color: #FFFFFF;
+}
+
+.ContextMenu .Row .Lable{
+    margin-left: 20px;
+    margin-right: 12px;
+    font-family: "Virtue";
+    
+    white-space: nowrap;
+}

front/src/wde/widgets/file-view/file-view.js

@@ -0,0 +1,134 @@
+
+
+export default class WDEFileView{
+    path = ""
+    parentElem = undefined
+    selected = []
+    /**
+    * @param {HTMLElement} fileViewElem
+    * @param {Function} doubleClickCallback
+    * @param {Function} rightClickCallback
+    * @param {Function} updateFileViewCallback
+    */
+    constructor(fileViewElem, doubleClickCallback, rightClickCallback, fileUploadCallback, updateFileViewCallback){
+        //TODO check all params
+        this.parentElem = fileViewElem
+
+        fileViewElem.addEventListener('click', (event) => {
+            if (event.target.classList[0] == 'FileTileView')
+            {   
+                this.DeselectAll()
+                return
+            }
+            if (event.detail === 1){
+                this.DeselectAll()
+                this.Select([event.target])
+            } else if (event.detail === 2) {
+                doubleClickCallback(event)
+            }
+        })
+
+        fileViewElem.addEventListener('contextmenu', (event) => {
+            event.preventDefault();
+            if (event.target.classList.contains("Tile")){
+                this.DeselectAll()
+                this.Select([event.target])
+            }
+            this.Select([event.target])
+            rightClickCallback(event)
+        })
+
+        if (fileUploadCallback !== undefined) {
+            let counter = 0
+            let draggedElem = undefined
+            
+            fileViewElem.addEventListener('dragstart', (event) => {
+                // console.log(event.target)
+                // console.log(this.path)
+                //  draggedElem = event.target
+                event.dataTransfer.setData("fileName", event.target.getAttribute("name"))
+                event.dataTransfer.setData("filePath", this.path + "/" + event.target.getAttribute("name"))
+                event.dataTransfer.setData("dropType", "move")
+                // console.log(updateFileViewCallback)
+                // event.dataTransfer.setData("updateCallback", updateFileViewCallback)
+                // event.dataTransfer.setData("fileName", )
+                // console.log(draggedElem)
+            })
+
+            fileViewElem.addEventListener('dragenter', function(event) {
+                event.preventDefault();
+                counter++
+                fileViewElem.classList.add("DragDropBorder")
+            })
+            
+            fileViewElem.addEventListener('dragend', function(event) {
+                // console.log(fileViewElem)
+                event.preventDefault();
+                counter--
+                if (counter === 0){
+                    fileViewElem.classList.remove("DragDropBorder")
+                }
+                // updateFileViewCallback()
+                // draggedElem = undefined
+            })
+            
+            fileViewElem.addEventListener('dragleave', function(event) {
+                // console.log(fileViewElem)
+                event.preventDefault();
+                counter--
+                if (counter === 0){
+                    fileViewElem.classList.remove("DragDropBorder")
+                }
+                // draggedElem = undefined
+            })
+
+            fileViewElem.addEventListener('dragover', function(event) {
+                event.preventDefault();
+            })
+
+            fileViewElem.addEventListener("drop", (event) => {
+                event.preventDefault();
+                fileUploadCallback(event)
+                fileViewElem.classList.remove("DragDropBorder")
+                // updateFileViewCallback()
+                // this.OpenFolder(this.path)
+                // draggedElem = undefined
+            })
+        }
+    }
+
+    /** 
+    * @param {[]Element} elements
+    */
+    Select(elements){
+        elements.forEach(element => {
+            this.selected.push(element)
+            element.classList.add("Selected")
+        });
+    }
+
+    DeselectAll(){
+        this.selected.forEach(element => {
+            element.classList.remove("Selected")    
+        });
+        this.selected = []
+    }
+
+    /** Get html of folder by path
+    * @param {string} path
+    */
+    async OpenFolder(path){
+        this.path = path
+        const params = new URLSearchParams({
+            path: path
+        })
+        const response = await fetch(`/system/wde/widgets/file-tile-view?` + params)
+        if (response.status != 200){
+            //TODO Error text message
+            WebDesktopEnvironment.Alert("TODO") 
+            return
+        }
+        let html = await response.text()
+        this.parentElem.innerHTML = html
+    }
+}

front/src/wde/widgets/file-view/file-view.less

@@ -0,0 +1,86 @@
+.FileTileView{
+    width: 100%;
+    height: 100%;
+
+    
+    
+    /* FIXME Bug, on desktop mode top ~10 pixel are not active, like margin:10px */
+}
+
+.FileTileView.DragDropBorder{
+    box-shadow: inset 0px 0px 0px 4px #9999CC;
+    /* background-color: blue; */
+}
+
+.FileTileView .FlexContainer{
+    width: 100%;
+    height: auto;
+    /* Auto layout */
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 50px;
+    row-gap: 20px;
+    /* padding: 15px; Shit fix TODO: */
+    margin: 15px;
+    flex-wrap: wrap;
+    align-content: flex-start;
+
+    /* overflow: scroll; */
+    /* overflow-x: hidden; */
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none;  /* Internet Explorer 10+ */
+}
+
+.FileTileView::-webkit-scrollbar { /* WebKit */
+    width: 0;
+    height: 0;
+}
+
+.FileTileView .Tile{
+    width: 50px; 
+    height: 50px; 
+    /* Auto layout */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 2px;
+    padding: 0px;
+    flex-wrap: nowrap;
+}
+
+.FileTileView .Selected{
+    /* inherits: ; */
+    /* background-color: black; */
+}
+
+.FileTileView .Icon{
+    width: 32px; 
+    height: 32px; 
+    /* background-image: url("./icons/folder.png"); */
+    background-size: cover;
+
+    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
+    image-rendering: -moz-crisp-edges;          /* Firefox                        */
+    image-rendering: -o-crisp-edges;            /* Opera                          */
+    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
+    image-rendering: pixelated;                 /* Universal support since 2021   */
+    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
+    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
+}
+
+.FileTileView .Selected .Icon{
+    filter: brightness(0.4);
+}
+
+.FileTileView .Lable{
+    white-space: nowrap;
+}
+
+.FileTileView .Selected .Lable{
+    white-space: nowrap;
+    color: white;
+    background-color: black;
+}

front/webpack.config.cjs

@@ -7,21 +7,42 @@ const isProduction = process.env.NODE_ENV == 'production';
 
 const stylesHandler = 'style-loader';
 
-const MiniCssExtractPlugin = require("mini-css-extract-plugin")
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const { experiments } = require('webpack');
 
 const config = {
     // entry: [ './src/wde-mobile.js'],
     entry: {
-        init: './src/init.js',
+        desktop:[
-        mobile: './src/mobile.js',
+            './src/wde/wde-desktop.js',
-        desktop: './src/desktop.js',
+        ],
-        finder: './src/apps/finder/finder.js'
+        desktop_style: [
+            "./src/desktop.less",
+        ],
+        mobile: [
+            './src/wde/wde-mobile.js',
+        ],
+        mobile_style: [
+            "./src/mobile.less",
+        ],
+        finder : [
+            './src/apps/finder/finder.js',
+        ],
+        finder_style:[
+            './src/apps/finder/finder.less',
+        ]
     },
     output: {
         // path: path.resolve(__dirname, 'dist'),
-        path: path.resolve('../res/dev-fs/wde/dist'),
+        path: path.resolve('../res/dev-fs/dist'),
-        filename: '[name].js'
+        filename: '[name].js',
+        library: {
+            type: "module",
+          },
     },
+    experiments: {
+        outputModule: true,
+      },
     devServer: {
         open: true,
         host: 'localhost',
@@ -52,7 +73,6 @@ const config = {
         ],
     },
 };
-
 module.exports = () => {
     if (isProduction) {
         config.mode = 'production';

main.go

@@ -12,6 +12,7 @@ import (
 	"personalwebsite/apps/blogviewer"
 	"personalwebsite/apps/finder"
 	imgviewer "personalwebsite/apps/img-viewer"
+	"personalwebsite/apps/sunboard"
 	"personalwebsite/routes"
 	"personalwebsite/wde"
 	"personalwebsite/webfilesystem"
@@ -72,11 +73,13 @@ func main() {
 	imgViewerApp := imgviewer.NewImgViewerApp(webfs)
 	blogViewerApp := blogviewer.NewBlogViewerApp(webfs)
 	blogWriterApp := blogwriter.NewBlogWriterApp(webfs)
+	sunBoardApp := sunboard.NewSunboardApp(webfs)
 	appsStorage.Apps["personal-properties"] = persPropsApp
 	appsStorage.Apps["finder"] = finderApp
 	appsStorage.Apps["img-viewer"] = imgViewerApp
 	appsStorage.Apps[blogViewerApp.GetAppID()] = blogViewerApp
 	appsStorage.Apps["BlogWriter"] = blogWriterApp
+	appsStorage.Apps["Sunboard"] = sunBoardApp
 
 	go routes.PublicRoutes(publicPort, webfs, webde, appsStorage)
 	routes.PrivateRoutes(privatePort, webfs, webde, appsStorage)

res/dev-fs/dist/desktop_style.css

@@ -0,0 +1,384 @@
+/*!***********************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/desktop.less ***!
+  \***********************************************************************************************************/
+.WdePrimitives.AdjectiveElement {
+  border: 1px solid #555555;
+}
+.FileTileView {
+  width: 100%;
+  height: 100%;
+  /* FIXME Bug, on desktop mode top ~10 pixel are not active, like margin:10px */
+}
+.FileTileView.DragDropBorder {
+  box-shadow: inset 0px 0px 0px 4px #9999CC;
+  /* background-color: blue; */
+}
+.FileTileView .FlexContainer {
+  width: 100%;
+  height: auto;
+  /* Auto layout */
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: 50px;
+  row-gap: 20px;
+  /* padding: 15px; Shit fix TODO: */
+  margin: 15px;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  /* overflow: scroll; */
+  /* overflow-x: hidden; */
+  scrollbar-width: none;
+  /* Firefox */
+  -ms-overflow-style: none;
+  /* Internet Explorer 10+ */
+}
+.FileTileView::-webkit-scrollbar {
+  /* WebKit */
+  width: 0;
+  height: 0;
+}
+.FileTileView .Tile {
+  width: 50px;
+  height: 50px;
+  /* Auto layout */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 2px;
+  padding: 0px;
+  flex-wrap: nowrap;
+}
+.FileTileView .Selected {
+  /* inherits: ; */
+  /* background-color: black; */
+}
+.FileTileView .Icon {
+  width: 32px;
+  height: 32px;
+  /* background-image: url("./icons/folder.png"); */
+  background-size: cover;
+  image-rendering: optimizeSpeed;
+  /* STOP SMOOTHING, GIVE ME SPEED  */
+  image-rendering: -moz-crisp-edges;
+  /* Firefox                        */
+  image-rendering: -o-crisp-edges;
+  /* Opera                          */
+  image-rendering: -webkit-optimize-contrast;
+  /* Chrome (and eventually Safari) */
+  image-rendering: pixelated;
+  /* Universal support since 2021   */
+  image-rendering: optimize-contrast;
+  /* CSS3 Proposed                  */
+  -ms-interpolation-mode: nearest-neighbor;
+  /* IE8+                           */
+}
+.FileTileView .Selected .Icon {
+  filter: brightness(0.4);
+}
+.FileTileView .Lable {
+  white-space: nowrap;
+}
+.FileTileView .Selected .Lable {
+  white-space: nowrap;
+  color: white;
+  background-color: black;
+}
+.WindowFrame {
+  /* Auto layout */
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 4px;
+  padding-top: 2px;
+  padding-right: 6px;
+  gap: 4px;
+  position: absolute;
+  background: #DDDDDD;
+  border: 1px solid #555555;
+  /* Inside auto layout */
+  flex: none;
+  order: 1;
+  align-self: stretch;
+  flex-grow: 1;
+}
+/* TODO Add shadows to windows */
+.WindowFrame.Focused {
+  border: 1px solid #000000;
+  background-color: #CCCCCC;
+}
+.WindowFrameShadow {
+  box-shadow: 2px 2px 0px #555555;
+}
+/* FIXME Not work on context menu  */
+.WindowFrameShadow.Focused {
+  box-shadow: 2px 2px 0px #000000;
+}
+.ConvexElement.Focused {
+  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25), inset -1px -1px 0px rgba(0, 0, 0, 0.27), inset 1px 1px 0px #FFFFFF;
+}
+.AdjectiveElement {
+  border: 1px solid #555555;
+}
+.Focused .AdjectiveElement {
+  border: 1px solid #000000;
+  box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25), 1px 1px 0px #FFFFFF;
+  /* inset -1px -1px 0px rgba(0, 0, 0, 0.27), */
+  /* inset 1px 1px 0px #FFFFFF;*/
+}
+.AdjectiveHorizontalLine {
+  border-top: 1px solid rgba(0, 0, 0, 0.25);
+  border-bottom: 1px solid #FFFFFF;
+  width: 100%;
+  height: 0px;
+}
+.AdjectiveHorizontalLine:last-child {
+  height: 0%;
+  visibility: hidden;
+}
+.WindowFrame .TitleBar {
+  width: 100%;
+  height: 13px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  padding: 0px;
+  /* Inside auto layout */
+  flex: none;
+  order: 0;
+  align-self: stretch;
+  flex-grow: 0;
+}
+.WindowFrame .TitleBar .Lable {
+  position: relative;
+  top: 1px;
+  /* font-size: 13px; */
+  color: #777777;
+  pointer-events: none;
+  white-space: nowrap;
+  font-family: "Virtue";
+  letter-spacing: 0.35px;
+}
+.WindowFrame.Focused .TitleBar .Lable {
+  color: #000000;
+}
+.WindowFrame .TitleBar .Button {
+  width: 11px;
+  height: 11px;
+  padding: 0%;
+  position: relative;
+  top: 1px;
+  visibility: hidden;
+  background: linear-gradient(135deg, #999999 18.18%, #FFFFFF 81.82%);
+  border: 1px solid #222222;
+  box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF, -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25), inset 1px 1px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px rgba(0, 0, 0, 0.27);
+  /* Inside auto layout */
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+}
+.WindowFrame.Focused .TitleBar .Button {
+  visibility: visible;
+}
+.WindowFrame .TitleBar .Button:active {
+  background-color: rgba(0, 0, 0, 0.4);
+  /* Green */
+  box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF, -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25);
+}
+.Focused .VisualDragArea {
+  pointer-events: none;
+  width: 100%;
+  height: 11px;
+  background: linear-gradient(transparent 0%, white 0%, white 50%, transparent 50%);
+  background-size: 2px 2px;
+  filter: drop-shadow(1px 1px 0px #777777);
+}
+.MobileContentBorder {
+  width: 100%;
+  height: 100%;
+  background-color: #DDDDDD;
+  /* border: 1px solid #000000; */
+  /* box-shadow:   -1px -1px 0px rgba(0, 0, 0, 0.25),
+                1px 1px 0px #FFFFFF,
+                inset -1px -1px 0px rgba(0, 0, 0, 0.27),
+                inset 1px 1px 0px #FFFFFF; */
+  overflow: hidden;
+  overflow-x: hidden;
+  /* Auto layout */
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 0px;
+}
+.MobileApplicationWindow {
+  width: 100%;
+  height: 100%;
+  /* Auto layout */
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+.MobileWindowFrameBottomBar {
+  width: 100%;
+  height: 20px;
+  /* 
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: 5px;
+    padding: 0px; */
+  /* Inside auto layout */
+  flex: none;
+  order: 0;
+  align-self: stretch;
+  flex-grow: 0;
+}
+.MobileWindowFrameBottomBarButton {
+  min-width: 11px;
+  width: auto;
+  height: 15px;
+  padding: 0px 4px 0px 4px;
+  position: absolute;
+  right: 4px;
+  background: linear-gradient(135deg, #999999 18.18%, #FFFFFF 81.82%);
+  border: 1px solid #222222;
+  box-shadow: 0.5px 0.5px 0px 0.5px #FFFFFF, -0.5px -0.5px 0px 0.5px rgba(0, 0, 0, 0.25), inset 1px 1px 0px rgba(255, 255, 255, 0.5), inset -1px -1px 0px rgba(0, 0, 0, 0.27);
+  /* Inside auto layout */
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+}
+.MobileWindowFrameBottomBar .MobileLable {
+  position: absolute;
+  /* top:1px; */
+  /* font-size: 13px; */
+  left: 50%;
+  pointer-events: none;
+  white-space: nowrap;
+  font-family: "Virtue";
+  letter-spacing: 0.35px;
+}
+.ContentBorder {
+  /*TODO Delete, deprecated*/
+  width: 100%;
+  height: 100%;
+  /* background-color: #DDDDDD;
+    border: 1px solid #000000; */
+  overflow: hidden;
+  overflow-x: hidden;
+}
+.ContextMenu {
+  position: absolute;
+  width: auto;
+  height: auto;
+  background-color: #DDDDDD;
+  border: 1px solid #000000;
+}
+.ContextMenu .Content {
+  position: relative;
+  width: auto;
+  height: auto;
+  /* Auto layout */
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  /* padding: 4px;
+    padding-top: 2px;
+    padding-right: 6px;
+    gap: 4px; */
+}
+.ContextMenu .Row {
+  width: 100%;
+  height: 16px;
+}
+.ContextMenu .SectionBreaker {
+  /* background-color: rebeccapurple; */
+}
+.ContextMenu .Row:hover {
+  background-color: #333399;
+  color: #FFFFFF;
+}
+.ContextMenu .Row .Lable {
+  margin-left: 20px;
+  margin-right: 12px;
+  font-family: "Virtue";
+  white-space: nowrap;
+}
+/* @font-face{
+    font-family: "Virtue";
+    src:url("/res/dev-fs/fonts/virtue.ttf")
+} */
+/* @media screen and (max-device-width: 2048px) and (max-device-height: 2048px) {
+    html {
+      zoom: 3
+    }
+  } */
+.NoClick {
+  pointer-events: none;
+}
+.Click {
+  pointer-events: all;
+}
+* {
+  font-family: Verdana, Geneva, sans-serif;
+  font-size: 11px;
+  font-style: normal;
+  font-weight: initial;
+}
+*::-webkit-scrollbar {
+  /* WebKit */
+  width: 0;
+  height: 0;
+}
+body {
+  zoom: var(--zoom);
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  margin: 0px;
+  /* font: normal 14px Summer Pixel 22, "res/SummerPixel22Regular.ttf"; */
+  -webkit-touch-callout: none;
+  /* iOS Safari */
+  -webkit-user-select: none;
+  /* Safari */
+  -khtml-user-select: none;
+  /* Konqueror HTML */
+  -moz-user-select: none;
+  /* Old versions of Firefox */
+  -ms-user-select: none;
+  /* Internet Explorer/Edge */
+  user-select: none;
+  /* Non-prefixed version, currently
+                                  supported by Chrome, Edge, Opera and Firefox */
+  touch-action: manipulation;
+}
+#applications {
+  position: static;
+  width: 0px;
+  height: 0px;
+  visibility: hidden;
+}
+#windows-layer {
+  width: 0px;
+  height: 0px;
+  /* position: fixed; */
+  position: static;
+}
+#desktop-layer {
+  position: fixed;
+  /* margin: 0px; */
+  width: 100%;
+  height: 100%;
+  background-color: #9999CC;
+}
+

res/dev-fs/dist/desktop_style.js

@@ -0,0 +1,45 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ var __webpack_modules__ = ({
+
+/***/ "./src/desktop.less":
+/*!**************************!*\
+  !*** ./src/desktop.less ***!
+  \**************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://my-webpack-project/./src/desktop.less?");
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = (exports) => {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/ })();
+/******/ 
+/************************************************************************/
+/******/ 
+/******/ // startup
+/******/ // Load entry module and return exports
+/******/ // This entry module can't be inlined because the eval devtool is used.
+/******/ var __webpack_exports__ = {};
+/******/ __webpack_modules__["./src/desktop.less"](0, __webpack_exports__, __webpack_require__);
+/******/ 

res/dev-fs/dist/finder_style.css

@@ -0,0 +1,35 @@
+/*!**********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/apps/finder/finder.less ***!
+  \**********************************************************************************************************************/
+.FinderContent {
+  width: 100%;
+  height: 100%;
+  /* Auto layout */
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 0px;
+}
+.FinderContent .ToolBar {
+  width: 100%;
+  height: 20px;
+  border-bottom: 1px solid #555555;
+  background-color: #EEEEEE;
+}
+.Focused .FinderContent .ToolBar {
+  border-bottom: 1px solid #000000;
+  background-color: #DDDDDD;
+}
+.FinderContent .FinderFileView {
+  width: 100%;
+  height: 100%;
+  background-color: #FFFFFF;
+  /* Auto layout */
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 0px;
+}
+

res/dev-fs/dist/finder_style.js

@@ -0,0 +1,45 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ var __webpack_modules__ = ({
+
+/***/ "./src/apps/finder/finder.less":
+/*!*************************************!*\
+  !*** ./src/apps/finder/finder.less ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://my-webpack-project/./src/apps/finder/finder.less?");
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = (exports) => {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/ })();
+/******/ 
+/************************************************************************/
+/******/ 
+/******/ // startup
+/******/ // Load entry module and return exports
+/******/ // This entry module can't be inlined because the eval devtool is used.
+/******/ var __webpack_exports__ = {};
+/******/ __webpack_modules__["./src/apps/finder/finder.less"](0, __webpack_exports__, __webpack_require__);
+/******/ 

res/dev-fs/dist/mobile_style.js

@@ -0,0 +1,45 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ var __webpack_modules__ = ({
+
+/***/ "./src/mobile.less":
+/*!*************************!*\
+  !*** ./src/mobile.less ***!
+  \*************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://my-webpack-project/./src/mobile.less?");
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/make namespace object */
+/******/ (() => {
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = (exports) => {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/ })();
+/******/ 
+/************************************************************************/
+/******/ 
+/******/ // startup
+/******/ // Load entry module and return exports
+/******/ // This entry module can't be inlined because the eval devtool is used.
+/******/ var __webpack_exports__ = {};
+/******/ __webpack_modules__["./src/mobile.less"](0, __webpack_exports__, __webpack_require__);
+/******/ 

res/dev-fs/wde/dist/desktop.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

res/dev-fs/wde/dist/init.js

@@ -1,32 +0,0 @@
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-/******/ (() => { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./src/init.js":
-/*!*********************!*\
-  !*** ./src/init.js ***!
-  \*********************/
-/***/ (() => {
-
-eval("document.addEventListener('DOMContentLoaded', function () {\n  console.log(\"init\");\n}, false);\n\n//# sourceURL=webpack://my-webpack-project/./src/init.js?");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = {};
-/******/ 	__webpack_modules__["./src/init.js"]();
-/******/ 	
-/******/ })()
-;

res/dev-fs/wde/dist/mobile.js

@@ -1,116 +0,0 @@
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./src/Decorat/mobile-decorat.js":
-/*!***************************************!*\
-  !*** ./src/Decorat/mobile-decorat.js ***!
-  \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ MobileDecorat)\n/* harmony export */ });\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nvar MobileDecorat = /*#__PURE__*/_createClass(function MobileDecorat() {\n  _classCallCheck(this, MobileDecorat);\n});\n\n\n//# sourceURL=webpack://my-webpack-project/./src/Decorat/mobile-decorat.js?");
-
-/***/ }),
-
-/***/ "./src/mobile.js":
-/*!***********************!*\
-  !*** ./src/mobile.js ***!
-  \***********************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wde_wde_mobile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wde/wde-mobile */ \"./src/wde/wde-mobile.js\");\n\n__webpack_require__(/*! ./mobile.less */ \"./src/mobile.less\");\ndocument.addEventListener('DOMContentLoaded', function () {\n  var wde = new _wde_wde_mobile__WEBPACK_IMPORTED_MODULE_0__[\"default\"]();\n}, false);\n\n//# sourceURL=webpack://my-webpack-project/./src/mobile.js?");
-
-/***/ }),
-
-/***/ "./src/wde/wde-mobile.js":
-/*!*******************************!*\
-  !*** ./src/wde/wde-mobile.js ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ MobileWebDesktopEnvironment)\n/* harmony export */ });\n/* harmony import */ var _Decorat_mobile_decorat__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Decorat/mobile-decorat */ \"./src/Decorat/mobile-decorat.js\");\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }\nfunction _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError(\"Cannot initialize the same private elements twice on an object\"); } }\nfunction _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, \"set\"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }\nfunction _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError(\"attempted to \" + action + \" private field on non-instance\"); } return privateMap.get(receiver); }\nfunction _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError(\"attempted to set read only private field\"); } descriptor.value = value; } }\n\nvar _decorat = /*#__PURE__*/new WeakMap();\nvar MobileWebDesktopEnvironment = /*#__PURE__*/_createClass( /** @type {MobileDecorat} */\n\nfunction MobileWebDesktopEnvironment() {\n  _classCallCheck(this, MobileWebDesktopEnvironment);\n  _classPrivateFieldInitSpec(this, _decorat, {\n    writable: true,\n    value: void 0\n  });\n  document.body.style.setProperty('--zoom', 3);\n  _classPrivateFieldSet(this, _decorat, new _Decorat_mobile_decorat__WEBPACK_IMPORTED_MODULE_0__[\"default\"]());\n});\n\n\n//# sourceURL=webpack://my-webpack-project/./src/wde/wde-mobile.js?");
-
-/***/ }),
-
-/***/ "./src/mobile.less":
-/*!*************************!*\
-  !*** ./src/mobile.less ***!
-  \*************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://my-webpack-project/./src/mobile.less?");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/mobile.js");
-/******/ 	
-/******/ })()
-;

routes/private.go

@@ -43,25 +43,24 @@ func PrivateRoutes(port string, webfs *webfilesystem.WebFileSystem, webde *wde.W
 			AppPath: "/Applications/BlogViewer.app",
 			Args:    []string{"/home/user/Blogs/blog1.blog"},
 		}
-
+		_ = appString
 		aboutMe := AppString{
 			AppPath: "/Applications/AboutMe.app",
 			Args:    []string{},
 		}
-
+		_ = aboutMe
 		desktop := AppString{
 			AppPath: "/Applications/Finder.app",
-			Args:    []string{"/home/user/.Desktop", "--desktop", "desktop-layer"},
+			Args:    []string{"/", "--desktop", "desktop-layer"},
 		}
 
-		autostart := []AppString{desktop, appString, aboutMe}
+		autostart := []AppString{desktop}
 		d := mobile.GetDevice(ctx)
-		_ = autostart
 		switch {
 		// Hey I'm a desktop!... or laptop but not a mobile or tablet!
 		case d.Normal():
 			ctx.HTML(http.StatusOK, "index.html", gin.H{
-				// "autostart": autostart,
+				"autostart": autostart,
 			})
 		// Hey I'm a mobile device!
 		case d.Mobile():

templates/base/index.html

@@ -20,9 +20,16 @@
         <script src="res/dev-fs/wde/webfs.js"></script>
         <script src="/res/dev-fs/wde/wde-scrollbar.js"></script>
         <script src="/res/dev-fs/wde/file-view.js"></script> -->
-        <script src="res/dev-fs/wde/dist/desktop.js"></script>
+        <!-- <script src="res/dev-fs/wde/dist/desktop.js"></script> -->
+        <link rel="stylesheet" type="text/css" href="/res/dev-fs/dist/desktop_style.css">
+        <link rel="stylesheet" type="text/css" href="/res/dev-fs/dist/finder_style.css">
     </head>
     <body>
+        <script type="module">
+            import * as WebDesktopEnvironment from '/res/dev-fs/dist/desktop.js';
+            // console.log(WebDesktopEnvironment)
+            let kek = new WebDesktopEnvironment.default()
+        </script>
         <wde-autostart>
             {{ range $app := .autostart }}
                 <app app-path="{{ $app.AppPath }}">

templates/base/mobile-desktop.html

@@ -2,13 +2,16 @@
 <html lang="en" dir="ltr">
     <title>Greg Brzezinski</title>
     <head>
-        <script src="res/dev-fs/wde/dist/mobile.js"></script>
+        <!-- <script src="res/dev-fs/dist/mobile.js"></script> -->
-        <link rel="stylesheet" type="text/css" href="res/dev-fs/wde/dist/mobile.css">
+        <link rel="stylesheet" type="text/css" href="res/dev-fs/dist/mobile_style.css">
     </head>
     <body>
+        <script type="module">
+            import * as WebDesktopEnvironment from '/res/dev-fs/dist/mobile.js';
+            // console.log(WebDesktopEnvironment)
+            let kek = new WebDesktopEnvironment.default()
+        </script>
         <div id="mobile-sunboard">
-            <div id="icons"></div>
-            <div id="down-bar"></div>
         </div>
         <div id="applications"></div>
     </body>

templates/sunboard/sunboard.html

@@ -0,0 +1,6 @@
+{{ define "sunboard/sunboard.html" }}
+    <div id="icons"></div>
+    <div id="down-bar"></div>
+{{ end }}
+
+