win11React icon indicating copy to clipboard operation
win11React copied to clipboard

Add our own apps

Open blgoreuxe opened this issue 3 years ago • 21 comments

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.

blgoreuxe avatar Jan 19 '22 17:01 blgoreuxe

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

win11bot avatar Jan 19 '22 17:01 win11bot

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.

luni-moon avatar Jan 19 '22 18:01 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.

blueedgetechno avatar Jan 19 '22 18:01 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.

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

luni-moon avatar Jan 19 '22 18:01 luni-moon

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

blueedgetechno avatar Jan 19 '22 19:01 blueedgetechno

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

blgoreuxe avatar Jan 19 '22 19:01 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.

luni-moon avatar Jan 19 '22 20:01 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.

thanks

blgoreuxe avatar Jan 19 '22 21:01 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

blgoreuxe avatar Jan 19 '22 21:01 blgoreuxe

@blgoreuxe

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

ps: it will remove all your installed apps

blueedgetechno avatar Jan 20 '22 06:01 blueedgetechno

@blgoreuxe

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

ps: it will remove all your installed apps

ok, btw how did you learn react?

blgoreuxe avatar Jan 20 '22 17:01 blgoreuxe

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

blueedgetechno avatar Jan 20 '22 18:01 blueedgetechno

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

k lol

blgoreuxe avatar Jan 20 '22 22:01 blgoreuxe

164748562-56c837cd-2444-4df1-a238-96883f1e487c

yashash-pugalia avatar Apr 23 '22 12:04 yashash-pugalia

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?

glitch128 avatar Apr 24 '22 17:04 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?

Developer tools in your Web browser.

andrewstech avatar Apr 24 '22 19:04 andrewstech

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

glitch128 avatar Apr 25 '22 14:04 glitch128

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

blgoreuxe avatar Apr 25 '22 15:04 blgoreuxe

you can now do this with the win11react/store repository

notAperson535 avatar Apr 28 '22 21:04 notAperson535

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

franck403 avatar Jan 01 '24 23:01 franck403

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

gabrieljemail avatar Mar 24 '24 07:03 gabrieljemail