Share Link Shortener

Canapin · January 16, 2023, 10:38pm

Summary


	Summary	Adds a checkbox in the share link modal that replaces the share link with a shorter version containing only the IDs of the topic and post.
	Preview	Share Link Shortener preview
	Repository	https://github.com/discourse/discourse-share-link-shortener/
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

This theme component is especially useful when sharing Discourse links on platforms that limit the maximum number of characters in a message, like Twitter or Mastodon.

Settings

remember preference: Remember if the user prefers shorter links using their browser’s local storage.

Translations:

short_link_label: The toggle label, set to “Short link” by default.

Screenshots & video

Short link off

Short link on

In action:

This feature was requested here: Post Sharing - ability to convert the URL to the short version

Heliosurge · January 16, 2023, 10:59pm

That is pretty sweet! Thanks for making this!

UnitedFreedom · January 16, 2023, 11:01pm

Thank you so much for making this very useful theme component <3

Canapin · February 6, 2023, 5:17pm

I noticed a slight issue. The checkbox creation prevents the link text input content from being selected by default, and unfortunately, I don’t know how to fix it…

That’s a minor issue though.

md-misko · February 6, 2023, 6:06pm

Shouldn’t the shortened link also include slug placeholder like this:

https://meta.discourse.org/t/-/251965/4

I’m pretty sure there used to be issues when linking to the forum from external sites using the shortened link without the slug?

Canapin · February 6, 2023, 6:30pm

I’m not aware of these issues.

I remember seeing the formatting without any slug in a piece of official code yesterday or the day before… I don’t remember where but I thought “how, they use the syntax without the /-/ here” which seemed to be a clue that such URLs seem to be fine.

If you happen to find a link about potential problems, that would be great

md-misko · February 6, 2023, 6:44pm

Canapin · February 6, 2023, 7:10pm

Thanks!

Either I’m not understanding the issue, or it’s not happening anymore.

Clicking https://meta.discourse.org/t/1 opens the right topic seamlessly and allows you to go back to the previous URL.

No issue either with external links: https://unicyclist.com/t/265354/2608

Heliosurge · February 7, 2023, 3:52pm

That link ia almost 2 years old now. I imagine that may have been fixed up since then.

If you look at the op statement it was more about a post number.

The top link has /1 where as the other just ends in / so no post number in the link

(Share Link Shortener) This link goes to post #1 in this topic.

https://meta.discourse.org/t/251965/1

(Share Link Shortener) This link has no post number.

https://meta.discourse.org/t/251965/

hoangphuctran93 · February 8, 2023, 10:13am

You can add more customization to use external shortlink systems, for example I am currently using yourl source code to set-up a website that supports shortlink is https://agentc.asia/s

mecay · March 26, 2023, 4:06pm

I loved so much what you did
but I needed to put an icon next to the date
to signal to users that they can click
How do I put an icon there?

@Canapin

Kartoon · May 16, 2023, 1:13pm

This suddenly stopped working on my site (to be honest I have no idea when, I don’t use it frequently) but just noticed now it’s not appearing on any of my themes though it’s still enabled on all of them. I know that provides no useful information lol, but any idea?

Canapin · May 16, 2023, 3:25pm

After upgrading to the latest version of Discourse, I confirm the component doesn’t work anymore.
I’d need to have a look at the recent Discourse commits.

It’s a very simple theme component, so if someone wants to have a look and do a PR, it’s also welcomed.

awesomerobot · May 18, 2023, 8:26pm

This seems like a useful component, so I’ve fixed it and added some updates here:

github.com/Canapin/short-share-link

REFACTOR: use component, remember state

Canapin:main ← awesomerobot:refactor

opened 08:25PM - 18 May 23 UTC

awesomerobot

+127 -47

This refactors the component so it works again and uses Ember's Glimmer componen…ts so we're no longer overriding existing methods. This changes the presentation to a toggle switch and adds allows the component to remember the short link preference using the browser's localStorage. This needs a new plugin outlet in core (added here: https://github.com/discourse/discourse/commit/f8ee839bfb3483a1fd1e3961da59a1f220b91ebd), so anyone using the component will need to upgrade Discourse first. Before: ![image](https://github.com/Canapin/short-share-link/assets/1681963/331ee841-613c-4778-99fd-afa67b2beaf5) After: ![Screenshot 2023-05-18 at 4 19 06 PM](https://github.com/Canapin/short-share-link/assets/1681963/2f541c22-11f1-4ff2-acf2-5ef6acce77c0)

Canapin · May 22, 2023, 9:41am

The theme component has been updated and is now official.
There’s a new setting as well described in the first post.

I’ve been using Mastodon recently on an instance with limited character numbers, so that might be useful here indeed.

Jagster · May 22, 2023, 10:07am

Shoud these two shares, topic and post, work similar way?

Canapin · May 22, 2023, 10:39am

Post link : yes, it does.
Topic link… It triggers a JS error Thanks for thinking about that @Jagster

Jagster · May 22, 2023, 10:41am

Interesting, kind of. An error opens sharing of iOS instead. Well, not sharing-sharing actually, but this pop-up:

Canapin · May 22, 2023, 11:34am

After trying again, it doesn’t trigger any error anymore.

I’m not sure what the issue was.

Jagster · May 22, 2023, 11:39am

I don’t know anything about errors, but I get different view, and I don’t know if it should or should not be that way.