gillchristian / tsplay.dev Goto Github PK
View Code? Open in Web Editor NEWTypeScript Playground Shortener
Home Page: https://tsplay.dev
License: MIT License
TypeScript Playground Shortener
Home Page: https://tsplay.dev
License: MIT License
It's possible to create empty links if the code is not yet encoded in the URL.
Currently the Docker image publish action publishes on every push to master. Instead we should publish only for releases.
Besides that, it would be great to publish on GitHub registry instead, which could be private even (if necessary).
History is lost after reloading or even unmounting (when moving to other tabs).
Persist on localStorage
Currently the table structure and the queries aren't very efficient.
Most of the code lives on App.tsx
, the styles are all duplicated.
Add a section with relevant links:
Improve the styles on mobile styles:
The client should have a dashboard
First of all, I want to say this is a great Playground plug-in. Thank you for creating it.
TL;DR:
Lately, whenever I click on the "Link Shortener" tab and click on the CREATE SHORT LINK button, it usually reports "
The thing is, I'm not sure which one is the one that was already created. Is it the first? Is it the last? Is it sorted some other way?
Through experimentation, it seems to be the last one. But I think it would be nice if I didn't have to experiment to learn this; maybe a creation date could be displayed within these gray boxes? Or, maybe one could be colored differently to represent the current/latest playground?
Thank you!
When creating playground examples it is easy to forget something and then needing to change the code, which produces a new "hash" and thus a new URL.
This is a pain point when sharing playground links, as any changes made to the code require sharing a new link.
tsplay.dev is all about making sharing playground links easier.
Supporting the update of the link a short link points to would make this experience much better.
There are security concerns tho, as anybody could change the link for somebody else.
This should only by supported when GitHub login is there or by providing some sort of token (on link creation) that would need to be sent back to allow for updating.
Connecting to the hosted DB gives the following error.
Network.BSD.getHostByName: does not exist (no such host entry)
location.href
is populated.localStorage
App.tsx
git tags
on branches (for testing)server/
changesA plugin for the version of the editor
Hey there folks, I figure as there's three people on the credits - asking via issues might make more sense. The TypeScript team are starting to pull back on the playground and a bunch of web infra ( microsoft/TypeScript-Website#2804 ) and are moving in the direction of switching the playground to have a more limited scope as a vscode extension.
There's a lot of features which I think are generally useful as web infra for everyone, and so I've got pretty far into porting the full TypeScript playground to run as a separate open source project next.js app ( https://github.com/tsrepl/site ) and started to think a bit about where it should live and how to frame it.
When doing that, I wondered if it would make sense to instead join forces and have "tsplay.dev" as the place where that exists also. Judging on the URLs saved on tsplay, I think we can support URLs for both e.g.:
vs
As all the TS website URLs are root with queries or hashes, and tsplay are /XYZ
There's a bunch of positives, like we could integrate the URL shortcuts more tightly into the playground - but there's also downsides. I don't know how expensive it is to run tsplay, but I think this would make it more expensive (as it might get more traffic etc) and I'd like write access to this repo (or maybe make it an org?) and ideally vercel access
Follow the TS guidelines for logo & others.
tsplay.dev/my-example
Sorry I’m creating this on mobile.
This is definitely an excellent tool but I find that I cannot create short links using playground links that contain anything else other then #code. Ex I include target or another tsconfig option and it says Opps something went wrong. It would be better if it could be more specific about the problem. Thanks.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.