Show HN: 3 years and 1M users later, I just open-sourced my "Internet OS"

https://github.com/HeyPuter/puter

by ent101 • 2 years ago

1274 309 2 years ago

github.com

yu3zhou4• 2 years ago

Really nice execution! Thanks for sharing

ent10110• 2 years ago

Thank you very much! Glad you liked it :)

firstbabylonian• 2 years ago

For performance reasons, Puter is built with vanilla JavaScript and jQuery.

jQuery is overdue for a comeback.

enriquec4• 2 years ago

could not disagree more. That statement alone makes me completely lose any consideration for this entire project.

noduerme3• 2 years ago

It never really went away for me. I still reach for it in every web app. Over time, I've stopped using some parts of it that used to be timesavers... e.g. shifting away from $.ajax calls to fetch, but it's a good base for rolling your own responsive frameworks if that's what you want to do. And it's what I want to do, because I dislike the paradigms for react and vue, and have no interest in relying on those projects.

jethro_tell• 2 years ago

The docs say a this can be used for remote access to servers and workstations.

How does it handle things like privilege escalation and sandboxing?

I'm assuming you mean remote access for a user account like a terminal server as opposed to server management.

Is that the case?

rkagerer• 2 years ago

Dec 2022 https://news.ycombinator.com/item?id=33838179

ent10110• 2 years ago

Welcome to my annual HN roast :')

DustinBrett7• 2 years ago

Is it that time of the year again already?

mixmastamyk• 2 years ago

Looks awesome. I'm thinking about building a niche CMS soon, could this be an interface to it? Mentions cloud applications.

Seems like it might confuse normal folks though—a desktop in a browser. What do y'all think?

mattl2• 2 years ago

Congrats on getting this out there. Looks slick. I’ll take a look tomorrow when I’m back at a computer with a larger screen.

theogravity3• 2 years ago

We also do a desktop in a browser, but some core differences are you can launch real browsers in our environment and essentially load any web-based app you want collaboratively. It also does screen sharing and has A/V for meetings (we are not open source though, and have a paid product):

https://www.switchboard.app/

Knowing how difficult it is to build something like this, Puter definitely deserves praise.

orliesaurus• 2 years ago

what's the reason you built it?

theogravity3• 2 years ago

I believe the original reason was the founder wanted a way to have his guitar teacher share tabs and give A/V feedback on his guitar playing. It was originally a product for teaching with limited sharing features, then the founder realized it could be used for many other use-cases and expanded to be much more collaborative and became essentially a multi-room collaborative virtual desktop-like experience.

We use it daily for things like standups, sprint planning, all hands, operations dashboards, product roadmap discussions, dungeons and dragons sessions, watching videos together and more.

haswell• 2 years ago

Was curious to check this out, but no Firefox support is a non-starter, unfortunately.

theogravity3• 2 years ago

Sorry about that. It should hopefully be fixed once we change our A/V stack in a few months. I unfortunately do not have specific details on why the A/V stack only works with Chrome-based browsers.

willguest2• 2 years ago

I've been looking an OS for a VR computer (i.e. simulated but functional workstation). This should work very well :)

ent10110• 2 years ago

I've tested Puter on Oculus, seems to work pretty well; however, I think very soon I'm going to do very specific optimizations for XR, it's a new, emerging form factor that deserves its own design.

willguest2• 2 years ago

I don't mean in a browser on a VR headset, I mean on a texture on a game asset in a Unity scene in a Webxr space in a browser on a headset.

This way you have the experience of sitting in front of your computer while wearing a VR headset anywhere in the world.

simon_acca• 2 years ago

The experience of making and publishing websites and apps from within puter is sobering for how simple it is. Something to aspire to

danlugo922• 2 years ago

Can you post a tldr here please...?

tambourine_man3• 2 years ago

That warms my heart:

“ - Why isn't Puter built with React, Angular, Vue, etc.?

For performance reasons, Puter is built with vanilla JavaScript and jQuery. Additionally, we'd like to avoid complex abstractions and to remain in control of the entire stack, as much as possible.

Also partly inspired by some of our favorite projects that are not built with frameworks: VSCode, Photopea, and OnlyOffice.

- Why jQuery?

Puter interacts directly with the DOM and jQuery provides an elegant yet powerful API to manipulate the DOM, handle events, and much more. It's also fast, mature, and battle-tested.”

tony_cannistra• 2 years ago

Hell Yeah.

enriquec4• 2 years ago

This just tells me they don't understand why any of those things were created and how to actually use them. It won't get traction and it'll wallow and get stale since it'll be an unmaintainable project. Also, VSCode is built on Electron while Photopea and OnlyOffice are straight up painful to use.

simondotau3• 2 years ago

That’s a lot of smack talk for someone who didn’t provide a link to their own, even more impressive project.

This kind of reaction reminds me of people who can’t fathom why anyone would use a database without an ORM. (And meanwhile I’m confused because nearly everything I do with a database would be twice as difficult and ten times slower with an ORM in the way.)

smarkov• 2 years ago

Also, VSCode is built on Electron

That's not the point. The point is that it doesn't use a framework like React, Vue, etc., it instead directly creates and manipulates DOM elements, somewhat like Puter.

gertop• 2 years ago

I don't know what's your benchmark to say those things?

OnlyOffice works better than LibreOffice, which is a native app.

Photopea works better than GIMP, which is a native app.

These devs clearly know what they're doing.

React and all the packages you champion were created to foster job security by introducing needless complexity and performance issues.

It would be a better world if we had more Photopeas and less Enriques

sgbeal2• 2 years ago

This just tells me they don't understand why any of those things were created...

Like very nearly all FOSS, they were created to scratch their own developers' personal itches.

... and how to actually use them.

Their itches are not the same as everyone else's itches.

boomskats• 2 years ago

I got carried away for ages with this. I was installing extensions in VSCode and got confused when it wouldn't open a link to a repo in a little browserception, because by that point I was fully expecting it to.

Really nicely done.

ent10110• 2 years ago

Thank you! As a side note, we're open-sourcing the VSCode integration soon. Building an integration with VSCode takes quite a bit of work so hopefully the community will benefit.

mjburgess• 2 years ago

Are you aware of Theia IDE?

I've been using this as a way of quickly putting a UI over an EC2 instance.

Could you advise on how you'd do the equivalent here? Eg., say I want to provide an EC2 machine with various packages installed (python, node,...) -- or, the equivalent docker image -- is there a way of using your UI to provide access to this?

Consider, eg., using an iPad with your UI in a browser. Could you advise a way that this could provide a complete development experience for datasci/seng? (As above, i'm using theia to do this in a quick-and-disposable way).

1attice4• 2 years ago

One of the things I find curious here is that there's no mobile story to speak of. Drag the window narrow, and all that happens is that the taskbar icons look squished.

Is there a mobile mode coming?

This would be dope af if I could get a mobile-esque UI on mobile-like devices, or opt into one on tablet-like devices.

In all honesty, this is perfect for people like me (who are rarely away from a keyboard) but less than ideal for people who live a more 21st century computing lifestyle.

If this thing had a mobile mode it would be revolutionary.

As it stands, it's still definitely revolution-friendly :)

ametrau• 2 years ago

What is a “mobile story”? Can you deliver some messaging in a comment story?

1attice4• 2 years ago

Charming.

What I mean is:

- there are strong, empirically tested usability reasons why a desktop-style UI is the pits on a mobile device

- generally, the move to mobile devices inclines to a different UI paradigm -- something finger-friendly and un-windowed (think iOS, Android, etc.)

- if there was a way that Puter could look kind of like a phone with some of the de-facto standard UI motifs and paradigms when it's on a phone, you could do cool shit like replace the Android shell with Puter, and have a pure web UI for your phone that runs web apps

- next step would be to add e.g. the ability to run Puter apps when offline, when reception is going in and out, etc. Sort of like Google Apps used to be (in Chrome)

- now you've got a cross-platform one-UI-to-rule-them-all breakout industry moment.

As it stands, Puter is already really cool, but if it turned into something that behaved a bit less like MacOS and a bit more like iOS at narrow resolutions, you'd have something that would make a lot of people very upset (and this is a good thing, they deserve to be upset)

NikolaNovak• 2 years ago

Did you try it on mobile? Seems to work fine on my iPhone.

1attice4• 2 years ago

Yes, it works, but it looks the same.

Remember Windows CE? We've been down this road -- a windowing desktop on a phone is... hard to use, actually.

anon373839• 2 years ago

I was a little surprised to see that it doesn't have the few extra tweaks necessary to work as a PWA in fullscreen mode: a manifest, some tags in the <head>, and CSS to lock down the body to prevent unwanted pinch zooming, scrolling and other gestures (which would also benefit the in-browser use case as well).

But still, really incredible work.

kerneldeimos7• 2 years ago

A proper mobile UI is something we're looking towards adding. It's been coming up in conversation more frequently lately and we'll probably announce on Discord when we start developing that.

1attice4• 2 years ago

great!

Be careful. If they're paying attention (and you just buried the needle on HN, so assume they are,) you're about to make some very powerful people very nervous. There will be offers, I predict. Not all of them wholesome.

qiqitori• 2 years ago

Love it! I liked the Solitaire implementation. The terminal seems very lacking, "ls" worked but e.g. "ls *" or the "find" command didn't work.

redbell• 2 years ago

Ah, Puter! That fascinating project surfaced on HN about a year ago, claiming the top spot for most of the day. I'm delighted to witness its transition to open source, allowing us to glean insights from the creator. Gracias for sharing!

The emergence of such front-end projects provides a profound glimpse into the maturation of front-end development and showcasing the incredible possibilities it offers today.

Another really cool project, somehow related, is DaedalOS [2].

Honorable mention, Windows 11 in Svelte [3]

1. https://news.ycombinator.com/item?id=33838179

2. https://news.ycombinator.com/item?id=38830132 & https://news.ycombinator.com/item?id=29779753

3.https://news.ycombinator.com/item?id=35896505

DustinBrett7• 2 years ago

Thanks for the mention for daedalOS! I agree that when done well these projects can help demonstrate the maturity of the web as a platform. For anyone interested in checking out mine, it's on my personal website @ https://dustinbrett.com/

mavili• 2 years ago

This is insanely cool! Looks really slick too, even in a mobile screen.

jQuery?? I cannot imagine how difficult it is to not break this when you make the slightest change, hats off for managing with vanilla Javascript and jQuery! The best thing about React for me is to not have to worry about breaking the DOM or messing up with event handlers because some jQuery line, somewhere obscure is probably doing something funky that is really difficult to track down!

Intralexical7• 2 years ago

Oh, wow. When this came up before, I don't know if I looked at the DOM, because I assumed you would do this type of thing by drawing pixels on a Canvas. It's actually made of HTML elements? That's impressive.

Aaronmacaron• 2 years ago

I too think it's very impressive but wouldn't it be even more impressive if it was made using canvas? It would mean that you would need to implement your own rendering loop and layout engine. You'd need to reimplement a lot of elements such as input fields or buttons. You get all of this for free when building on top of HTML/CSS.

tambourine_man3• 2 years ago

You can easily shoot yourself in the foot with jQuery (or direct DOM manipulation for that matter), but it's not that hard not to. It just requires some discipline, like most things. React is also far from foolproof and not worth the added complexity in most cases, IMO.

smaudet5• 2 years ago

Convention over Configuration.

That and types. The only framework that's useful to JS is a better static type check system (and none of this lets-make-the-whole-damn-runtime-slow to support X feature, looking at you TypeScript).

DustinBrett7• 2 years ago

Great to see you finally got it open sourced, congrats!

whalesalad3• 2 years ago

This is one of the cool elements of the Synology operating system. Would be neat to see this extended further into other areas, using this as a base.

I setup a TrueNAS box for my dad recently and he was yearning for some kind of very light desktop environment for simple maintenance tasks. In hindsight I should have gotten him a Synology device.

ghostly_s• 2 years ago

Are you saying Synology's DSM is based on this Puter project?

usefulcat• 2 years ago

Probably not but they have had a similar web-based interface going back at least twelve years

Renaud• 2 years ago

DSM apparently uses Ext.js, not sure exactly which version though.

whalesalad3• 2 years ago

Sorry - “this” being the concept not the literal codebase.

globular-toast• 2 years ago

What kind of maintenance tasks? I always found the Synology interface a bit of a pointless gimmick.

cushpush• 2 years ago

When I was young I dreamed on having a USB stick (not yet invented) I could take with me to different kiosks and have a standard OS load my specific instances thanks to my custom key. This approaches that functionality and I think it's pure brilliance that you've included such thorough a demo for us to enjoy that you spent so much time and enthusiastic effort into creating and making manifest. So, I applaud you there and thank you for making it open-source that's super cool, and might inspire someone to make a kiosk that, by default, loads your site.

DustinBrett7• 2 years ago

Nearly 20 years ago when I was in IT, I had something like this using a tool called BartPE which allowed you to make a custom WinPE environment that could be booted from a USB drive. As someone who went on to make one of these "web desktops", maybe things like BartPE were a partial inspiration.

mikewarot2• 2 years ago

About 30 years ago when I was a programmer and support guy all in one, I had an MS-DOS boot disk and a 300 Megabyte Backpack portable hard drive. It was awesome. I had all of the source code, backups of the customer sites data and my programming environment with me no matter where I went.

Great stuff!

anthk2• 2 years ago

20 years ago knoppix did far more.

pdntspa2• 2 years ago

BartPE was my god as a computer repair tech. I had a custom build with everything I ever needed on there!

Data recovery... virus removal... diagnostic tools... the works.

cipehr• 2 years ago

Oh man I remember BartPE and customizing the apps bundled with it… thanks for the memories.

cuSetanta• 2 years ago

For me it was Hirens BootCD. Seems like a slightly different implementation but we swore by it to fix the most awkward of issues.

petesergeant• 2 years ago

For some reason I'd assumed this was the kind of thing that the original Mac Mini would morph into, but of course I was wrong. Searching for "PC Stick" shows up some interesting options.

I would dearly love to find a use-case for this[0], which with a USB-HDMI might work almost as well

0: https://store.planetcom.co.uk/collections/gemini-pda/product...

vel0city• 2 years ago

What I'd really love is a net boot image and remote storage that can be mounted on the fly on any computer. All I'd need is my yubikey or whatever secure identifier to connect all the pieces.l and plenty of internet.

I'm partially there with VDI tools like Parsec, but being able to leverage local hardware would also be neat.

orev• 2 years ago

Bootable USB that loads iPXE, with a custom boot config that downloads the kernel and initrd from your own cloud server?

aspenmayer2• 2 years ago

I replied to a reply to you in a subthread with this same info, but since you’re both sorta asking the same thing, I’ll post it here for you also.

https://netboot.xyz/

https://github.com/netbootxyz/netboot.xyz

fennecbutt• 2 years ago

Samsung DeX.

digdugdirk• 2 years ago

Is Samsung Dex able to boot/load to a standard Linux environment? Initial look at it seems interesting, but I've never really heard/seen much about it.

whalesalad3• 2 years ago

Slax

binarysneaker• 2 years ago

Tried Tails? https://tails.net/

ijxjdffnkkpp• 2 years ago

You used the AGPL! Glorious! I commend and salute your efforts. Thank you for your contribution!

blintz• 2 years ago

This is such a neat idea, and you get the gist of it from just the screenshot. I wonder what kinds of 'integration' you could do (clipboard, opening links, drag-and-drop, etc). I could see this as an educational tool for doing development on a Chromebook, because of the (emulated) terminal + filesystem.

DustinBrett7• 2 years ago

Indeed the modern Web API's can do all that and more. One of my favorites is dragging out of the browser onto the desktop. Another is ctrl+c'ing a file on the real desktop and then ctrl+v'ing it into the "fake" one. Some super powers sadly are locked away in the need for a PWA, but I think they could one day just be part of what any site can do.

AlexCoventry• 2 years ago

Chrome OS has a developer mode which runs debian in a virtual machine, FWIW.

danans• 2 years ago

Technically it's not developer mode , it's just a regular feature of the OS. "Developer Mode" on ChromeOS is when you remove boot verification for ChromeOS itself.

infogulch• 2 years ago

This reminds me of Kera Desktop [1]. Featured on HN 8 months ago, 343 points, 111 comments [2].

[1] https://desktop.kerahq.com/

[2] https://news.ycombinator.com/item?id=36260589

ambigious7777• 2 years ago

And this anuraOS[0] too! I haven't looked to closely at it (it showed up in my GH feed) but it looks like it uses v86[1] to emulate a *nix environment.

[0] https://github.com/MercuryWorkshop/anuraOS [1]: https://copy.sh/v86/

Solvency• 2 years ago

I love how this is done with jQuery. And it'll be obvious to literally anyone whose ever used jQuery (and is a good designer) how perfectly suitable and in many ways superior jQuery would be for something like this. But 98% of developers will absolutely balk at this in horror/confusion/wonder, despite the fact that the React/Angular DIYs they'd make would be bloated and outrageously slow.

OJFord• 2 years ago

Super slick demo, I'm on mobile and it's impressively fast nevermind functional.

But it is 'just' a DE webapp right? From 'internet OS' here (which actually I don't think you use at TFA repo) I expected to be able to boot to it. I guess there is some other solution that would allow that, but not a package deal?

I suppose I'm just saying be careful/manage expectations with 'OS', but for what it actually is it's really cool.

mattl2• 2 years ago

Yeah “OS” really overused.

baudaux• 2 years ago

But it is a great project. For a real (Unix-like) OS you can have a look to https://exaequOS.com (I am the creator)

klyrs• 2 years ago

Super slick demo, I'm on mobile and it's impressively fast nevermind functional.

No kidding. As far as I've seen, it's the best open paint app on android

lphnull• 2 years ago

This reminds me of something I made once in "Macromedia" Flash back when I was 16 in like 2001ish or so.

It wasn't really an actual OS, but I managed to get a working desktop with a file browser, fake non functional web browser, and a task bar and start menu.

My flash application didn't accomplish anything, but I felt immensely proud of having been able to create a mock up of a UI, even though it was extremely kludgy and wasn't even able to read or write files in the fake applications.

...No offense to the creator though. I don't mean to compare my high school project to this one. This project is indeed very cool!

I too dream of one day inventing my own kind of spreadsheet and terminal hackery OS, so I salute this person for creating a proof of concept that looks good.

Intralexical7• 2 years ago

Scratch OS is where it was at.

dietr1ch• 2 years ago

Here's the best flash OS that will ever exist,

https://www.jamesweb.co.uk/windowsrg

Intralexical7• 2 years ago

It's got an app store, and it seems to implement embedding, windowing, and a virtual filesystem for arbitrary apps that have been built for it. I.E., When you open "Polotno" (a graphics editor), or what appears to be VSCode, it opens in a windowed IFrame, but then going to "Save" pops up a file selection dialog controlled by Puter, which lets you create a "file" which can then be accessed by the "Open" button in any other app.

It looks like there are other integrations between the DE/OS and its apps as well, like applications being able to set their window title dynamically (E.G. based on open file/tab), and an API allowing robust support for third-party apps. If you open one of the games like Doom, you'll see that it's usually hosted on a third-party site like DOS.Zone, but according to the query string using a custom build for Puter, which presumably has modifications to integrate with the desktop environment and filesystem. Other apps are hosted on Puter.site, .

So if you treat the browser as the "hardware" (and maybe also the backend services hosting a lot of the apps), maybe you could call it an "OS" in that it abstracts and manages a single environment for multiple other programs to run simultaneously and share information with each other.

I suppose `puter.js` is what passes for its LIBC, or the syscall interface:

https://docs.puter.com/

To OP: The information on publishing third-party apps doesn't seem very discoverable. The only mention I saw is in the popup that shows the first time you launch Dev Center, and after closing that I can neither find it again nor find anything else about it on Google (other than the linked terms, and the app IFrame source, which I presume is from GoogleBot's temporary account):

https://puter.com/incentive-program-terms

GMoromisato• 2 years ago

This is really cool--I've played with a lot of these online desktops, but this is by far the slickest.

As someone who is doing something similar (https://gridwhale.com), I'd love to know what your goals were. Did you ever try to commercialize it? If not, why not? If yes, what happened?

indigodaddy• 2 years ago

What’s the “publish as website” thingy/functionality all about?

elwell• 2 years ago

Beautiful execution! Though I'm crestfallen it has no Browser app with which to view an inception of Puter within.

LoganDark• 2 years ago

Just open the Puter app: https://puter.com/app/puter

Alternatively, open the PuterPuter app, which contains itself: https://puter.com/app/puterputer

You're welcome

lagniappe3• 2 years ago

what about just a browser in general?

isuckatcoding• 2 years ago

This just sent it in an infinite loop of open puter

keepamovin3• 2 years ago

Technically you could fake it with an iframe if puter is served with the correct frame-src CSP rules. But for a full browser experience you’d need a backend and a remote browser.

pcloadletter_3• 2 years ago

You can do this on daedalOS https://dustinbrett.com/

edit: and obviously you can play Doom on it

smaudet5• 2 years ago

Are the changing colors on purpose? Noticed it has some issues browsing in firefox (so it might be broken).

semolino• 2 years ago

More web desktops: https://simone.computer/#/webdesktops

Note that most of these are aesthetic / non-CRUD.

hliyan• 2 years ago

Why is this so easy to read compared to React? https://github.com/HeyPuter/puter/blob/master/src/UI/PuterDi...

ashishb• 2 years ago

The JSX syntax makes React hard to read due to multiple layers of nesting.

IMHO, Vue is superior for both maintainability and readability than React. Especially because CSS, JS anda HTML are largely in separate blocks of the same file.

benatkin• 2 years ago

You can see this in that Flutter didn't copy JSX and its usability seems better.

Not that I'm confident Flutter is worth the trade-offs.

CharlieDigital• 2 years ago

I can understand some of the benefits of JSX, but compared to Vue SFC's, it's a mess to read.

React CSS modules feel so unwieldy compared to Vue SFC's inline `scoped` CSS.

Vue's approach to templating using `v-for` and `v-if` means that you won't end up with a big block of logic mixed in with the template (you can still do it, but Vue's nature steers you away from it).

noduerme3• 2 years ago

Arguably they should all be in external files. HTML in one, CSS in another, and Javascript to load and cache them without any embedded strings. That's how I prefer to write. For one thing, it lets me choose which things I want to cache and which I don't. I can compile from SCSS and deploy without changing any JS or HTML files. Usually my rollups are just the JS.

jahewson• 2 years ago

Because it’s trivial?

pcloadletter_3• 2 years ago

That's a pretty small component and I think folks would find a comparable React component also pretty easy to read. Conversely: https://github.com/HeyPuter/puter/blob/master/src/UI/UIDeskt...

ent10110• 2 years ago

I'm sorry XD

divbzero2• 2 years ago

I guess “React makes sense for more complex UIs” is not hard-and-fast rule. jQuery, apparently, is more than enough for clean working frontend code.

omeid27• 2 years ago

It is not about complex UI per se, it is about complex state. With jQuery, the State is duplicated in the DOM instead of mirrored and is very hard to keep in sync.

blackoil• 2 years ago

This component has no state, no data fetch or transitions. It doesn't even have any dynamic part.

raggi• 2 years ago

Despite being asynchronous it contains a single linear schedule and two callbacks. The obvious outcome is two layered constructors, and a single top level API object with two custom events.

You couldn't describe what was going on in an equivalent functional construction of a react version unless you first head off on a diatribe about signals/hooks/state-management-disaster-du-jour, the choice of use of which would have implications to both the event handlers in some way - though they likely couldn't be in-place here, they'd have to be passed down from parent context in a giant dance of inversion of control. At runtime the outcome would likely get parsed twice (once for shadow, once for insertion) if not more times under certain compositions. Here the jquery is almost incidental, and could be quickly replaced by something else - for example want to swap out htmx here, well, just add the markers to the DOM, delete the jquery lines and you're done. You'd probably need to spend at least an hour figuring out if you could fit something independent and platform-native into your react code base, hell I've seen people burn weeks on it.

maxloh• 2 years ago

In case you wonder about the purpose of the project like I did, here's the explanation in README:

It can be used to build remote desktop environments or serve as an interface for cloud storage services, remote servers, web hosting platforms, and more.

waldrews• 2 years ago

Curious how AGPL would apply for something like this. This seems like a tool to put a nice front end on a complex app, but would that trigger copyleft for the the overall backend?

pdntspa2• 2 years ago

I hate that these guys have to justify using jQuery. Too many of you have been seduced by all these bullshit javascript stacks that just add a seemingly infinite amount of complexity to something that is already almost too complicated.

danielovichdk• 2 years ago

Amen!

dartos• 2 years ago

Ah, jQuery, that cute little artifact from web development's stone age, where manipulating the DOM directly was the height of innovation. How quaint it seems now, in the shining era of React, where state management is not just a task but, once it gets its hooks in you, evolves to a transcendent experience. To cling to jQuery is like insisting on using a typewriter in a world of voice-to-text AI, but adorably obsolete. React, with its majestic state orchestration, makes jQuery's efforts look like child's play. It's like comparing the glow of a firefly to the brilliance of a laser beam. Truly, we React devotees can only chuckle at the notion of jQuery, for we have tasted the future, and its name has and always will be React.

lioeters• 2 years ago

state management..gets its hooks in you

Pun appreciated.

ent10110• 2 years ago

Yes, I've been asked why we use jQuery many times so I had to put it in the FAQ. I think we have solid reasons for it but it is controversial sometimes.

saidinesh5• 2 years ago

Does jQuery by itself offer any value these days compared to plain Javascript though?

I was under the impression jQuery was for the IE5 days where not all browsers provided the same javascript APIs and doing an xmlhttprequest was more clunky than doing a fetch() call these days.

At least for my personal Jekyll based blog, I was able to replace 40-45 lines of jQuery with 50 lines of plain Javascript and was able to get rid of 33kb of jquery dependency.

QuadrupleA2• 2 years ago

jQuery is still great. Just take this site (which is ironically arguing the opposite viewpoint) https://youmightnotneedjquery.com/ and notice how all the "modern" (tech's vaguest and most meaningless adjective) code is 2-3x as verbose and complicated.

And 33kb, you can probably gain that by changing your jpeg compresion level from 80 to 79.

niels_bom• 2 years ago

I think there are valuable positions to take in between “let’s manipulate the DOM by hand” and “React Server Components, NextJS and the kitchen sink”.

I personally think there’s great value in the pattern of reactivity where parts of your DOM update based on bits of data. Developing, designing and testing components like this becomes way simpler.

peterleiser2• 2 years ago

Looks very cool. Am I correct that this is more like a client and that the persistence (user storage, sessions, etc) is handled by the proprietary non-open source cloud backend? Not a criticism, just trying to understand.

asveikau• 2 years ago

It would be cool to self host the backend. I wouldn't want to put files on some guy's server, both from the eavesdropping angle and from the perspective that it could be abruptly shut down and lost.

willi59549879• 2 years ago

it is basically a webserver written in javascript. you can clone the git repository and run the server on your pc

kerneldeimos7• 2 years ago

Hi, I maintain that backend (which we call a "kernel"). For now, yes this is correct. Our goal is to open-source a kernel as well. We have a couple hurdles: we need to ensure the code architecture makes productive contributions possible, and we need to make it possible to run without complex cloud infrastructure setup so that it's relatively accessible.

Seeing the reception of the newly-open-sourced desktop environment, releasing the open-source kernel is going to be a major priority. I'm personally very excited about that, and I'm happy to see that's how other people want to use Puter too.

garyrob2• 2 years ago

So, the cloud storage isn't a decentralized system where all users contribute disk space; rather you are providing the cloud storage in boxes you control? It seems like you must have some storage limits to prevent abuse, yes? Could you say what they are?

Also, I ran your hosting example and ended up with a static site at https://quiet-morning-9156.puter.site/. How long will that site be there? I assume not forever?

FpUser2• 2 years ago

Beautiful work. Much appreciated

Th3Alt3r• 2 years ago

Very cool, LFG!!!!!!

koukides2• 2 years ago

Love it!! I own the domain internet.inc that would be perfect for this - want to use it??

MH15• 2 years ago

Woah that's a crazy domain. Worth a lot. Love your parking page!

koukides2• 2 years ago

It's for sale, email me :)

arcastroe• 2 years ago

Inside the OS, there's a game called Danger Cross, which seems very similar to crossy roads. Did the Puter developer essentially reimplement crossy road? Or was there some open source version already existing could somehow run on this "OS" ? Briefly searching google for Danger Cross didn't yield any results.

diggan2• 2 years ago

Never played Crossy Roads so I don't know the full extent of what gameplay features there are, but from looking at screenshots, looks like the gameplay code could be done relatively quickly (like some days at max), so doesn't seem out of the question that it's a full re-implementation.

Crossy Roads looks like another clone of Frogger, and clones of that game have been done since the 80s.

kerneldeimos7• 2 years ago

Many of the apps are user-submitted apps from puter.com

codeonline• 2 years ago

I just wanted to say well done. I wish other eco systems were this open, hackable and understandable.

Razengan• 2 years ago

Not to detract from the coolness of this, but I wish new OSes dabbled in new GUIs as well.

Experimental operating systems seem to be dime a dozen by now, but we almost never see experimental GUIs or entirely new "desktop environments".

Just as how almost every "new" programming language is still stuck with semicolons and other C-isms that were ancient back when the Egyptians were laying down the pyramids, we're still stuck with either imitating the macOS GUI or the Windows GUI, or some weird Frankenstein's bastard of the two.

iOS, Android, consoles, and most recently the Vision Pro have proven that eschewing longstanding conventions can be successful — for example the vast majority of people on this planet don't need or care about scrollbars (or even menubars) anymore.

So why aren't the creators of experimental OSes being more experimental with the frontend? Come on guys, none but the nerds among us will be impressed with how it's made behind the scenes. The first impression that most people will get is that's just Yet Another WinMac-Looklike.

kerneldeimos7• 2 years ago

As an avid user of i3wm, the "YAWML" that you described isn't my favorite. The good news is we're working on architectural changes that will make it easier to develop alternative desktop environments that use the same APIs. I have a daily video chat with the author and the topic of custom guis is something that comes up pretty often.

sn0n• 2 years ago

Are you the MS guy with a YouTube channel who's website is basically this? Can't recall the channel right now though.

DustinBrett7• 2 years ago

That would be me, the other guy in Vancouver making a web desktop. :-)

Thanks for the mention https://www.youtube.com/@DustinBrett

Intralexical7• 2 years ago

So… Somebody submitted Half Life/Xash3D as a Puter app:

https://puter.com/app/half-life-c3j01ag3pyd

It looks like it's using a build of the below, hosted on GitHub.io:

https://github.com/Pixelsuft/hl

kgeist• 2 years ago

I wonder what are the security implications. I just opened a random URL and an arbitrary application was launched inside my Internet OS desktop. What if someone gives me a link to a malicious password stealer, for example? I think a permission system would be nice.

Intralexical7• 2 years ago

There is a permission system I think. It's described in the developer docs:

[…] your app will get a few things by default: […] An app directory in the user's cloud storage […] A key-value store in the user's space […]
> Apps are sandboxed by default! Apps are not able to access any […]

https://docs.puter.com/security/

I guess that refers to the cloud storage/backend. Clientside apps seem to run as IFrames, so should be subjected to normal browser sandboxing (…and actually, I guess, multiprocessing too), with only explicit message-passing.

Honestly I think the developer API could have been better highlighted by this HN post. Puter's actually doing a bit more than the Desktop Environment mockup that's visually apparent, and not featuring that seems like a wasted opportunity to pick up some app developers.

evere• 2 years ago

Maybe it could be "sandboxed" in an iframe?

splatzone• 2 years ago

I can't get past the menu, is it just me?

samieljabali• 2 years ago

Got to use the keyboard to navigate the menu.

TrackerFF• 2 years ago

worked fin here, launched a multiplayer game - everything seemed smooth.

RobotToaster2• 2 years ago

Not working on firefox for me.

LeonM• 2 years ago

Honestly blown away by this. Graphics, audio, everything just works (tm).

I've seen many 'desktop in browser' type demos over the years, but never anything like this. This is impressive on so many levels.

Intralexical7• 2 years ago

On a technical level it's actually not that impressive. Mozilla got BananaBread/Sauerbraten running with WebGL on netbooks over a decade ago, with much more advanced graphics than Xash3D:

https://kripken.github.io/misc-js-benchmarks/banana/index.ht...

https://wiki.mozilla.org/HTML5_Games/BananaBread

The Half Life "app" above actually just wraps an existing Emscripten port in an IFrame. Puter does provide an abstracted filesystem (and other "OS" features), but I don't think the app above uses that, so it's no different than if you went to `data:text/html,IntralexicalOS!<br><iframe src="https://pixelsuft.github.io/hl/" style="width:50%;height:50%">`.

But actually I think putting together such a simple technical concept that works this well is the impressive part, that hasn't been done before. You can now take any existing web build of any app, and by adding a couple calls to `puter.fs.write()`, deploy it to a familiar virtual workspace where you get multitasking, cloud storage, and interoperation with other apps, for free.

soloknight• 2 years ago

This is soo freaking amazing !! What a legend

lovestaco• 2 years ago

Pretty slick

geek_at• 2 years ago

Kind of reminds me of EyeOS [1] I was using it heavily in 2005. Mindblowing experience at the age of Windows XP

[1] https://en.wikipedia.org/wiki/EyeOS

isoprophlex3• 2 years ago

This looks amazing. Also;

Why isn't Puter built with React, Angular, Vue, etc.?
For performance reasons, Puter is built with vanilla JavaScript and jQuery. Additionally, we'd like to avoid complex abstractions and to remain in control of the entire stack, as much as possible.

Absolute boss level.

theK2• 2 years ago

Does this argument really still stand nowadays, with all the virtual DOM and whatnot that those frameworks bring OOB?

trashburger2• 2 years ago

Not sure why you're downvoted, it's a valid question (the downvote isn't an "I disagree" button). I believe the answer the Puter author came up with is that the VDOM takes away too much of the control from the author. They do make life easier but they have an abstraction cost (mental overhead) and in case of some of them performance issues (execution overhead).

lopis• 2 years ago

I thought we're moving away from virtual DOM?

isoprophlex3• 2 years ago

I'm not really writing that to stir up js framework shit, mostly just commenting on the insane dedication to ideals needed to go "fuck it i'll just use jQuery" on a project of this scope. At least, from my brainlet dev perspective, a move like this is 100% boss level.

rakoo• 2 years ago

Virtual DOM has always been about ease of programming, never about performance. Since this model has existed, all the work has been made to gain more performance but still not fast enough compared to direct DOM access.

lavrton4• 2 years ago

To me, Puter platform has a huge potential. And as a developer, I already have large value from it.

Using puter.js I was able to add full cloud storage for my design editor https://studio.polotno.com/ without messing up with auth, backend and databases.

ent10110• 2 years ago

Thank you, Anton! Polotno is incredible. I recommend everybody to check it out!

samsquire• 2 years ago

I like this thinking.

If someone could combine Supabase + Postgrest or Hasura with an easy visual admin dashboard for them inside this, this could be a complete easy to access, easy to deploy platform.

genuine_smiles• 2 years ago

Could you elaborate on how Puter helped?

lavrton4• 2 years ago

Polotno Studio is a free app. And for a long time, it didn't even have the ability to signup and save created designs into a cloud.

I didn't want to invest my resources into "cloud saving" feature (as it is a free app). Setup full authorization, setup database, setup servers and tons of other work to finish the cycle.

https://docs.puter.com/ gives a very simple, yet powerful client-side js SDK to enable full cloud saving and loading of data for my users. I spent a couple of days for integration. Doing everything by myself with full hosting would take weeks, if not months.

dwilding2• 2 years ago

I agree, this opens up really interesting possibilities.

Here's my understanding of how it works, based on the puter.js docs [1]:

If I'm developing a frontend app that could benefit from cloud storage, I can load in puter.js as my "backend". I don't need to worry about user auth because puter.js will automatically ask the user to create an account or log in. I also don't need to worry about managing & paying for cloud storage because puter.js will take care of that on a user-by-user basis - including asking the user for payment if they go over their free limits.

I haven't actually used puter.js yet. But if I understand correctly, this could be a really powerful model. As the developer of a niche app whose purpose is not to bring in revenue, puter.js seems like a very reasonable way to pass on cloud storage costs to end users, while also reducing development effort!

[1] https://docs.puter.com/

Ajedi32• 2 years ago

Interesting! What's the advantage of Puter in this scenario compared to, say, Google Drive, or Dropbox?

mouzogu• 2 years ago

"Puter is built with vanilla JavaScript and jQuery"

respect.

gorkaerana2• 2 years ago

A slightly unfortunate name for Spanish speakers, I'm afraid: "putero" can mean either "brothel" or "man who maintains sexual relations with prostitutes" [1].

Fun fact: the Mitsubishi Pajero had to be marketed as Montero in Spanish speaking markets as "pajero" is Spanish for "wanker" [2].

[1] https://dle.rae.es/putero

[2] https://dle.rae.es/pajero

Beijinger2• 2 years ago

Wanker is a family name in Austria. I knew a scientist who started every talk with the origins of his family name....

ClikeX• 2 years ago

We've got Dutch people that are literally called Dick Cock.

gorkaerana2• 2 years ago

Spanish also delights us with unlucky surnames. E.g., three acquaintances of my father have the family names "Feo", "Bastardo", and "Gay"; which translate, respectively, to "ugly", "bastard", and, of course, "gay".

henryackerman• 2 years ago

Similary, the Hyundai Kona is called the Hyundai Kauai in Portugal as "cona" literally translates to "pussy".

Languages are fun :)

pantulis• 2 years ago

Not forgetting the case of the Seat Málaga that had to be marketed in Greece as Seat Gredos because Málaga sounded too similar to "Malaka". I'll let any fellow greek readers explain the meaning ;)

anonzzzies• 2 years ago

Possible to write our own window manager? I guess just diving into the code, but that would make it very hackable of course. And fun.

ulrischa• 2 years ago

Make JQuery great again

Zenst• 2 years ago

Impressive and reminded of https://en.wikipedia.org/wiki/Java_Desktop_System

jaequery• 2 years ago

jQuery? :D

it's true, coding was easy with jQuery ...

ent10110• 2 years ago

username checks out :D

sgbeal2• 2 years ago

It's all fun and games until we reflexively hit ctrl-w to close a virtual window and end up closing the browser tab that window is running in :/.

diggan2• 2 years ago

Definitely a `window.onbeforeunload = () => "Are you sure you want to close this browser tab"` missing, or override the keyboard input completely, so it doesn't try to close the tab.

Same problem exists for all browser shortcuts inside the OS.

stretch07• 2 years ago

window.onbeforeunload = () => "Are you sure you want to close this browser tab"

besides the fact that now all browsers just display the uninformative "Your unsaved data may be lost" rather than any custom message, this would be a perfect addition.

throwaway114602• 2 years ago

Anybody remembers the original (not Apple) iCloud web desktop?

Or EyeOS?

1oooqooq• 2 years ago

this is more in line with webOS, from palm. still lives in LG tvs. i mean, the front end of it.

the back end of it would be a much better option than eletron apps btw. but they were too early to the container age, since the paradigm was syscalls proxies

throwaway114602• 2 years ago

Why do you think so? It seems to be exactly what eyeOS was - especially given the enterprise use cases the author listed.

nhanhi• 2 years ago

I used to mess with EyeOS a lot back in the day - same thing, and although I enjoyed it, I suspect the utility will be just as limited.

thatgerhard• 2 years ago

What is this used for?

kwhitefoot• 2 years ago

I tried running it locally and connecting to it with Firefox but it just gives me a log in dialog and trying to create an account fails. With Vivaldi creating an account works.

But where is this account created? Ah,just got an email that includes a link to puter.com so this created an account on a remote server. So it's not quite as local as advertised.

RGamma• 2 years ago

The circle is finally complete! Now of course you want to use a browser within puter as well: Browser in browser OS in OS in virtual machine...

It's mind boggling how far one can torture the concept of markup documents to eventually arrive at something like this... just so users don't have to install software.

oblio3• 2 years ago

Millions of people have been killed so that other people wouldn't have to wear itchy clothes.

Convenience is the most powerful force in humanity.

projektfu• 2 years ago

Was that the merino massacre of 1887?

lukas0993• 2 years ago

Something to do with the Silk Road?

yowayb• 2 years ago

Convenience is the mother of invention

mc32• 2 years ago

Was linen itchy? At least modern linen is not itchy. Presumably it would have been less itchy than coarse wool even nice wool.

RobotToaster2• 2 years ago

Can the browser on puter run puter though?

ssl-32• 2 years ago

It can.

https://puter.com/app/puter

lloeki• 2 years ago

The Birth & Death of JavaScript

https://www.destroyallsoftware.com/talks/the-birth-and-death...

jauntywundrkind• 2 years ago

Given what the web is, it makes me exceedingly sad we don't see the page as a browser of many sites more often. That a page mostly just dials home, to its own server, is radically less than what web architecture could be, is a mere readopting of the past.

Efforts like Tim Berners-Lee's Solid seem like a great first step. There's also a variety of Mastodon clients one can run as PWAs, which both is an example but also a bit of a counter-examples: the page can dial anywhere! But then that Fediverse server intermediates & connects you out to the world. RSS readers too; dialing home to connect with the world. Instead we could perhaps have a client that reaches out directly. Then that activity of reading & browsing, keeping track of favorites and what not: that would have to be sent home or otherwise saved.

marcinioski• 2 years ago

I've spent whole yesterday evening for finding something like this. Great work!

eisbaw• 2 years ago

I still don't get the appeal. Why would you want this again?

0xDeveloper• 2 years ago

I used it, I loved it!

But why would someone use it?

Kalanos• 2 years ago

Love it!

It would be nice if `~` was mapped to home directory (e.g. `cd ~/Desktop`)

Hard to resize windows. If I want to grab the right edge there is only 1 pixel to work with.

When printing with `cat` from terminal, it would be nice if there was a new line at the end of the text. The prompt shows up on the same line as cat's output.

Copy-paste from clipboard into puter instance.

How do I get python on here?

kerneldeimos7• 2 years ago

We have a separate repo where you can submit issues related to the shell: https://github.com/HeyPuter/phoenix/issues

If a file doesn't have a newline at the end then `cat` will immediately start writing the prompt after the last line; this is the same behavior you'd expect from sh or bash. We might later improve this by having a "no newline"-indicator in the promptline instead.

BMSR• 2 years ago

First thing I tried was checking if I could use it to share images. Which would be a nice way to organize what I share in folders. But apparently it can only be opened inside Puter itself, and it asks the user if they want to download it.

Jemm• 2 years ago

Been looking for something like this for use with a VR headset for coding.

thomasfl• 2 years ago

If anyone was in doubt; jQuery is not dead. For anyone who wants to write minimalistic and efficient vanilla javascript, jQuery is still being maintained and used by many.

kilroy123• 2 years ago

Can confirm. I just started down the long, arduous journey of building a complex browser extension.

For the first time in like a decade, I added and am using jQuery.

Honestly, I only thought to do after reading about the upcoming version 4.

rocky_raccoon• 2 years ago

Here's my "contribution":

https://puter.com/app/browser-n70yre8kj1

tcgv• 2 years ago

Interesting to see that it's written more "low level": vanilla JS and jQuery (nostalgia kicks in). I guess it's analogous to why linux/windows kernels are still written in C language.

stochastimus• 2 years ago

Thanks for this, OP. This is why I come here.

dlivingston• 2 years ago

I just want to point out how clean and pleasant to read this codebase is. I'm starting to learn JavaScript, coming from a background of systems programming, and I bookmarked this codebase just as a benchmark example of what good JS code looks like.

ent10110• 2 years ago

Thank you! I'm glad you liked it. Follow along on Github, we're a friendly community and open to contributors with all levels of JS experience :)

chse_cake• 2 years ago

how can I pip install on this?

account-5• 2 years ago

I think this is brilliant, amazing work, opened on mobile Firefox with ublock advanced enabled; everything works first party. Most modern text based websites can't do that!

That being said I thought initially this would compete with ChromeOS, of the ill-fated Firefox OS; however, all other comments and FAQ are on about other things.

So brilliant, but I don't get it.

caycep• 2 years ago

is this basically a VM (w gui) running on the browser?

rbanffy• 2 years ago

It has an interesting similarity with IBM's ZOWE web UI. Is there any commonality in the building blocks?

renonce• 2 years ago

Two places where the project is very impressive:

1. Emulating a desktop with windows so smoothly on both desktop and mobile. This webapp is much snappier than most webapps these days.

2. A storage and file explorer with a friendly API for third party apps. Now any app can use a cloud storage synced across devices where the storage costs are paid by the user.

Can't wait until more apps are available! I see some limitations like VS Code unable to open git repositories which seems a limitation of the storage API (append-only, cannot seek or download partially)? Hope it gets closer to native experience in the future

ssl-32• 2 years ago

Does globbing not work in the shell?

I made (touched) a bunch of shit* files in ~/Desktop to amuse myself, which I guess is fine.

And then I made a few shit* files in ~, which should also be fine.

But when I try to mv my new shit* to ~/Desktop, it fails.

(ls shit* in ~ also fails.)

drumttocs8• 2 years ago

Super slick!

What are some common applications for this, though? I can't think of a reason I'd want to access this versus, say, a remote vm?

Show HN: 3 years and 1M users later, I just open-sourced my "Internet OS"

Related Stories