Add our own apps

[blgoreuxe]

can you make a feature where you can select an app icon from your computer, a title and a link and on the home screen it will show up a shortcut and when you click it, it will act like an app from the Microsoft store. exept it only shows on your computer and not anyone else, nor does it need to be accepted. I want this because i want to add in a VSCode server i have (because it better than the one in the microsoft store) and if i was to just suggest that then people can see my files which i really dont want. so in conclusion can you make a feature where you can make your own apps on the desktop.

[win11bot]

Hey, thank you for creating an issue. We will normally respond within 24 hours.

[luni-moon]

I think this is a great idea. Maybe we should add a local cache (if we don't already have one), for features like this.

[blueedgetechno]

Actually you can add your own app locally

open the console and run these lines

var installed = localStorage.getItem('installed') || '[]'
installed = JSON.parse(installed)
installed.push({
  "name": "Smash karts",
  "icon": "https://api.web.gamepix.com/assets/img/250/250/icon/smash-karts.png",
  "type": "app",
  "data": {
    "type": "IFrame",
    "url": "https://smashkarts.io"
  },
  "pwa": true
})

localStorage.setItem('installed', JSON.stringify(installed))

Here I added an App called SmashKart, you can add your own by changing the name, icon and url.

After running the script and refresh. Then head over to start menu and all apps and scroll to the app.

[luni-moon]

Actually you can add your own app locally

open the console and run these lines

var installed = localStorage.getItem('installed') || '[]'
installed = JSON.parse(installed)
installed.push({
  "name": "Smash karts",
  "icon": "https://api.web.gamepix.com/assets/img/250/250/icon/smash-karts.png",
  "type": "app",
  "data": {
    "type": "IFrame",
    "url": "https://smashkarts.io"
  },
  "pwa": true
})

localStorage.setItem('installed', JSON.stringify(installed))

Here I added an App called SmashKart, you can add your own by changing the name, icon and url.

After running the script and refresh. Then head over to start menu and all apps and scroll to the app.

Wouldn't be nice to have this as a feature to make it easier for non-programmers?

[blueedgetechno]

yes, write this one in the feature request of discord. I will get to it later.

[blgoreuxe]

yes, write this one in the feature request of discord. I will get to it later.

Alrighty, Thanks but can u do it for me @Lukas-Batema i dont use discore

[luni-moon]

yes, write this one in the feature request of discord. I will get to it later.

Alrighty, Thanks but can u do it for me @Lukas-Batema i dont use discore

Ye, I can.

[blgoreuxe]

yes, write this one in the feature request of discord. I will get to it later.

Alrighty, Thanks but can u do it for me @Lukas-Batema i dont use discore

Ye, I can.

thanks

[blgoreuxe]

Actually you can add your own app locally open the console and run these lines

var installed = localStorage.getItem('installed') || '[]'
installed = JSON.parse(installed)
installed.push({
  "name": "Smash karts",
  "icon": "https://api.web.gamepix.com/assets/img/250/250/icon/smash-karts.png",
  "type": "app",
  "data": {
    "type": "IFrame",
    "url": "https://smashkarts.io"
  },
  "pwa": true
})

localStorage.setItem('installed', JSON.stringify(installed))

Here I added an App called SmashKart, you can add your own by changing the name, icon and url. After running the script and refresh. Then head over to start menu and all apps and scroll to the app.

Wouldn't be nice to have this as a feature to make it easier for non-programmers?

and btw if i use this how do i delete an app

[blueedgetechno]

@blgoreuxe

localStorage.setItem('installed', '[]')

ps: it will remove all your installed apps

[blgoreuxe]

@blgoreuxe

localStorage.setItem('installed', '[]')

ps: it will remove all your installed apps

ok, btw how did you learn react?

[blueedgetechno]

head over to discussion and make it a question. We can be little organised :p

[blgoreuxe]

head over to discussion and make it a question. We can be little organised :p

k lol

[yashash-pugalia]

[glitch128]

var installed = localStorage.getItem('installed') || '[]'
installed = JSON.parse(installed)
installed.push({
  "name": "Smash karts",
  "icon": "https://api.web.gamepix.com/assets/img/250/250/icon/smash-karts.png",
  "type": "app",
  "data": {
    "type": "IFrame",
    "url": "https://smashkarts.io"
  },
  "pwa": true
})

localStorage.setItem('installed', JSON.stringify(installed))

is this in the developer window or the simulated terminal?

[andrewstech]

var installed = localStorage.getItem('installed') || '[]'
installed = JSON.parse(installed)
installed.push({
  "name": "Smash karts",
  "icon": "https://api.web.gamepix.com/assets/img/250/250/icon/smash-karts.png",
  "type": "app",
  "data": {
    "type": "IFrame",
    "url": "https://smashkarts.io"
  },
  "pwa": true
})

localStorage.setItem('installed', JSON.stringify(installed))

is this in the developer window or the simulated terminal?

Developer tools in your Web browser.

[glitch128]

Could you add a way to do this in the simulated terminal?

[blgoreuxe]

Could you add a way to do this in the simulated terminal?

yea that would be cool kinda like how linux is like sudo apt install appname

[notAperson535]

you can now do this with the win11react/store repository

[franck403]

in the pull request #845 you can install or uninstall app using the terminal. Live preview of this is here #845 preview

[gabrieljemail]

You could have native JavaScript or TypeScript for React run this for you.