use-ink / link Goto Github PK
View Code? Open in Web Editor NEWUnstoppable URL shortener built with the ink! smart contract language.
Home Page: https://tiny.ink
License: Apache License 2.0
Unstoppable URL shortener built with the ink! smart contract language.
Home Page: https://tiny.ink
License: Apache License 2.0
Use one of the npm packages to make sure the URL we forward to does no shenanigans.
Currently we assume users have the Polkadot.js extension in their browser. Other wallets haven't been tested.
The user experience is very poor for first time users. There is no guide to install a compatible extension and create a new account.
Show some info during the resolve process about forwarding which is happening.
resolve
functionshorten(slug: Vec<u8>, url: Vec<u8>) -> Result<()>
function, assert that len >= 5.The connected state is lost after page refresh.
To reproduce:
The wallet connection flow goes doesn't handle the possibility of the user not having set up an account yet. Clicking on the "Connect to... " button doesn't do anything.
Noticed this on Firefox, where there are no imported accounts in the pjs extension. Not sure if it's browser specific.
When a user tries to go to tiny.ink/some-non-existing-slug
the app doesn't do anything.
This is an older issue, unrelated to useInk
migration
The waiting time for a shorten
transaction to finalize is longer than 12s in the UI, meaning something is lagging somewhere
Also the resolving takes up to a few seconds sometimes and it used to be faster
So no decentralized entry point.
A links overview page was introduced here #20 but i removed it from the MVP.
I think it might be cleaner to use react-router
instead of HeadlessUI tabs, but the layout can be copy-pasted.
Maybe we should limit to displaying 15 links, the list can grow fast.
Is there a way to get all the links shortened by an account from contract storage?
shorten
function will succeed.Shorten an URL and then follow the generated link. A URL not found error message is shown incorrectly before actually redirecting
After a page reload the selected address is always set to the first entry. The selected address should be persistent across reloads.
Would be nice to allow people to drip funds in their account directly from the app. Needs design.
capi
.I am using the live version here: https://tiny.ink/
I have Polkadot-JS extension installed, with valid accounts, and tried in both Brave and Chrome.
I have tried this both before and after connecting my wallet, but I see the same behavior.
TO REPRODUCE:
EXPECTED BEHAVIOR:
OBSERVED BEHAVIOR:
If the user already pasted a URL in the field and connects the wallet via the button below, all inputs and submit button are disabled.
Note: doesn't happen if the user connects via the top right corner button or if the form is empty when clicking the button.
Ideally, when you navigate around or refresh the page the same account should be selected in the dropdown. If the account doesn't exist anymore, it should default to the first account found.
substrate-connect
to resolve
the URL.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.