Home

Awesome

Tesseract

About

Tesseract is a Sublinks/Lemmy client designed for media-rich feeds and content.

In addition to the user experience, care has also been taken to enhance the default experience for moderators and instance admins.

The full list of changes can be found in the change log.

API Compatibility

As of version 1.4.0, the required minimum server version is 0.19.0. The recommended server version is 0.19.3 as some features require the new API calls that were introduced between 0.19.0 and 0.19.3.

If you want to run Tesseract and are still on an 0.18.x instace, you will need to pull an image from the 1.3.0 series or build from the newest 1.3.x branch.

Lemmy

Tesseract VersionLemmy API VersionCompatible?Notes
1.2.9.x0.18.xYes
1.2.9.x0.19.xYesAuth and basic user/mod functionality only. Admin functions inaccessible due to detection bug.
1.3.00.18.xYesLast version to support 0.18.x
1.3.00.19.xYesAuth, instance block, admin functions, and cursor pagination supported. Admin detection bug fixed.
1.3.x0.18.xYes1.3.x is the maintenance series for 1.3.0. It will be limited to bugfixes. No features are likely to be backported from 1.4.0
1.4.00.18.xNoThis release drops 0.18.x support. Can still browse but cannot login or perform any action which requires authentication. Browsing is also limited to just the first page as the old, offset-based pagination is no longer used, and 0.18.x does not support page cursors.
1.4.00.19.0-2YesSome features, such as post/comment vote views, will be present but broken as those API calls are not present until 0.19.3
1.4.0 - 1.4.x0.19.3+Yes0.19.3 is the current development target and recommended minimum server version. I have not tested directly against 0.19.4+, but I do not see any breaking changes in the API which should prevent it from working as expected. That said, none of the 0.19.4+ features have been implemented yet.

Sublinks

Will be added once Sublinks is released.

Feature Highlights

The following features are unique to Tesseract:

Full Media Support in Feed and Posts

Community Browser / Enhanced Discovery

Image/Media Proxying and Caching

Privacy conscious users have long requested media be proxied through Lemmy. While Lemmy did finally add that to the server process, I am not at all happy with the way it was implemented.

Additionally, if proxying is enabled, the media is already flowing through Tesseract, it makes sense to optionally cache the proxied media for re-use.

Media proxying is disabled by default both at the server level and in user settings. In order to enable it, the admin needs to set the environment variable to enable proxying, caching, or both (caching is ignored if proxying is disabled). Additionally, users would need to go into Settings -> Media and enable use of the proxy/cache. See the docs, linked below, for instructions on configuring this module.

Read more: Media Proxy/Cache Docs

Media Bias Fact Check (MBFC) Integration

Misinformation is rampant on the internet, and the Fediverse is, perhaps, more susceptible to it due to its open and distributed nature. To help combat this, Media Bias Fact Check has been integrated into the UI.

Posts with URLs are checked against the MBFC dataset. If a record is found, an MBFC badge will be added in the corner. Clicking the badge brings up an abridged report for the publisher containing their credibility, factual reporting history, and bias information; a link to the full report is also provided. The MBFC results are also integrated into the reporting and moderation tools.

For Users:

For Moderators/Admins:

Fediseer Integration

See any endorsements, hesitations, and censures given to instances you're interacting with.

Syntax Highlighting

Code syntax highlighting in code and inline code blocks.

Distinguished and Sticky Comments

Mods/Admins can distinguish and sticky their own comments (used to be any comment, but thanks Lemmy devs, for breaking that). Comments that are distinguished will always display at the top of the comment list regardless of sort order and have a green highlight effect.

Keyword Filtering

Sick of hearing about a particular topic? Add keyword filters to keep posts containg those terms from appearing in your feed. By default, keywords are compared case-insensitively, checked as whole-words, and only checked for presence within the post title, body, or embed description.

You can add modifiers to fine tune this somewhat:

At this time, modifiers cannot be combined. Perhaps that is something that will be implemented later.

Alternate Sources Menu

As a media-savvy individual, I'm highly against posting archive links as the canonical links for news posts. You have no idea where the headline comes from, and it's kind of like "trust me, bro". It also breaks the MBFC integration, so there's also that. I believe it is important to always have the source of a headline clearly and easily visible when browsing news/politics communities to help combat the spread of dis/misinformation (among other valid reasons).

That said, I get that some people prefer archived copies for various reasons.

So, I'm flipping the way Lemmy UI does it on its head.

All link posts will have a dropdown menu next to the link which contains alternate links to the post URL from Ghost Archive, 12ft.io, and Archive Today.

For Youtube, Invidious, and Piped URLs, the dropdown will instead have links for the canonical YouTube video and both Invidious and Piped links. The Invidious/Piped links will point to your preferred instance of each as defined in the app settings.

Please stop commenting 'Paywalled' when someone shares a news post :)

Designed for desktop and mobile.

Install as a PWA on either or just use it through the web.

Multiple Account Support

You can add multiple accounts and easily switch between them. Accounts can even be on different instances if the administrator chooses not to lock Tesseract to theirs.

Multiple Hosting Options

If you host your own Tesseract instance, you can use it as a frontend for any Lemmy instance. Instance admins can host Tesseract on a subdomain or even replace Lemmy-UI with it. You can even run it on localhost if you want.

Highly Configurable

Better Moderation Tools than Lemmy-UI

Multi-Role Developer

Tesseract is maintained by someone who is simultaneously a Lemmy user, administrator, and moderator. Each of those roles requires different considerations, and Tesseract is being built to accommodate them all.

Supported Media

For Youtube (and Invidious/Piped), Spotify, Bandcamp, and Soundcloud, you don't need to use any special embed links; just the regular URL from your browser. Tesseract will take care of generating the embed URLs based on your preferences. It will also rewrite a YT video to Invidious, Invidious to Youtube, or any combo based on the original video URL and your preferred YT frontend setting and preferred instance.

Public Hosted Demo Instance

An open, public demo instance is available at https://tesseract.dubvee.org. Feel free to try it out with your favorite Lemmy instance.

Ideally, you would either host it yourself and point it to your home Lemmy instance or ask your instance admins to offer it as an alternative frontend. The VPS I have the demo running on is potato-class and unable to handle a massive number of users.

Self-Hosting

Tesseract is designed to be self hosted. You can even run it from localhost if you want and connect to any Lemmy instance out there. (Note that image uploads can't work from localhost due to the CORS handler, but everything else will)

Deploying the Image

Replace example.com in the line below with the base URL of your instance. This example exposes the container's port on 8080 but you can/should change that to whatever port you need or have free on your host.

Additional environment variables for configuring Tesseract can be found further down in the README.

Tags Used

The base image is ghcr.io/asimons04/tesseract. Tags are used to specify the version.

latest tag will always be to the latest release version. This is generally safe to use unless you're running a non-standard config or an old Lemmy version.

If you want to run a specific version, they are tagged as v{version} where {version} corresponds to the release branch.

docker run -p 8080:3000 -d -e PUBLIC_INSTANCE_URL=example.com ghcr.io/asimons04/tesseract:latest

Building From the Repo

  1. Clone the repo from a release branch
  2. docker build -t tesseract:latest ./
  3. docker run -p 8080:3000 -d -e PUBLIC_INSTANCE_URL=example.com tesseract:latest

Reverse Proxy Configuration

Running Tesseract Alongside Lemmy-UI

Use this example config to get you started if you want to run Tesseract alongside Lemmy-UI (e.g. under a subdomain). Adjust the server_name, SSL cert paths, and proxy_pass upstreams with values applicable to your deployment.

server {
  listen 80;
  server_name tesseract.example.com;
  location / {
    return 301 https://$host$uri?$args;
  }
}

server {
  listen 443            ssl http2;
  server_name           tesseract.example.com;
  ssl_certificate       /etc/letsencrypt/live/tesseract.example.com/fullchain.pem;
  ssl_certificate_key   /etc/letsencrypt/live/tesseract.example.com/privkey.pem;
  ssl_dhparam           /etc/nginx/tls/dhparams.pem;

  ssl_protocols         TLSv1.2 TLSv1.3;
  ssl_session_cache     shared:SSL:10m;
  ssl_session_timeout   15m;

  gzip on;
  gzip_types text/css application/javascript text/javascript image/svg+xml application/json;
  gzip_vary on;


  location / {
    proxy_set_header  Host                  $host;
    proxy_set_header  X-Forwarded-Host      $host;
    proxy_set_header  X-Forwarded-For       $remote_addr;
    proxy_set_header  X-Forwarded-Proto     $scheme;
    proxy_set_header  X-Forwarded-Uri       $request_uri;
    proxy_set_header  X-Forwarded-Ssl       on;

    # Update this to match the IP/port you are mapping from Docker.
    proxy_pass http://127.0.0.1:8080;
  }

}

Running Tesseract In Place Of Lemmy-UI

If you want to run Tesseract in place of Lemmy-UI, just replace the proxy pass that goes to your current Lemmy-UI with the IP/port of Tesseract. Be sure to keep the conditionals that separate the ActivityPub ld+json out to the API's container.

Configuring

The following environment variables can be set to override the default settings. Note that all environment variables must be prefixed with PUBLIC_ to be picked up by SvelteKit.

VariableValuesDefault Value
PUBLIC_INSTANCE_URLURLlemmy.world
PUBLIC_LOCK_TO_INSTANCEbooltrue if PUBLIC_INSTANCE_URL is set
PUBLIC_THEMEsystem|dark|lightsystem
PUBLIC_MARK_READ_POSTSbooltrue
PUBLIC_SHOW_COMPACT_POSTSboolfalse
PUBLIC_DEFAULT_FEED_SORTSortTypeActive
PUBLIC_DEFAULT_FEEDListingTypeLocal
PUBLIC_DEFAULT_COMMENT_SORTCommentSortTypeHot
PUBLIC_HIDE_DELETEDbooltrue
PUBLIC_HIDE_REMOVEDboolfalse
PUBLIC_DISPLAY_NAMESbooltrue
PUBLIC_NSFW_BLURbooltrue
PUBLIC_OPEN_LINKS_NEW_TABboolfalse
PUBLIC_ENABLE_EMBEDDED_MEDIA_FEEDbooltrue
PUBLIC_ENABLE_EMBEDDED_MEDIA_POSTbooltrue
PUBLIC_YOUTUBE_FRONTENDYouTube|InvidiousYouTube
PUBLIC_CUSTOM_INVIDIOUSComma-separated string''
PUBLIC_CUSTOM_PIPEDComma-separated string''
PUBLIC_ENABLE_USER_MEDIA_PROXYboolfalse
PUBLIC_ENABLE_MBFC_BADGESbooltrue
PUBLIC_STRETCH_CARD_BANNERSboolfalse
PUBLIC_MATCH_XPOST_TITLEbooltrue
PUBLIC_FEATURED_INSTANCESComma-separated string''

See environment options for descripions of each.

Configuration Options for Media Proxying and Caching

Descriptions of the config options and what they do are covered in the Media Proxy Cache module documentation.

VariableValueDefault
PUBLIC_ENABLE_MEDIA_PROXYboolfalse
PUBLIC_MEDIA_PROXY_LEMMY_ONLYboolfalse
PUBLIC_MEDIA_PROXY_BLACKLISTString''
PUBLIC_ENABLE_MEDIA_PROXY_LOCALbooltrue
PUBLIC_ENABLE_MEDIA_CACHEbooltrue
PUBLIC_MEDIA_CACHE_DURATIONInteger (minutes)720
PUBLIC_MEDIA_CACHE_MAX_SIZEInteger (MB)1000
PUBLIC_MEDIA_CACHE_HOUSEKEEP_INTERVALInteger (minutes)5
PUBLIC_MEDIA_CACHE_HOUSEKEEP_STARTUPbooltrue
PUBLIC_MEDIA_CACHE_KEEP_HOT_ITEMSbooltrue

The values for SortType, ListingType, and CommentSortType are defined by the lemmy-js-client library. All of the values are case-sensitive and must match as they are defined in the type definitions of the lemmy-js-client

Listing Type

https://github.com/LemmyNet/lemmy-js-client/blob/main/src/types/ListingType.ts

Sort Type

https://github.com/LemmyNet/lemmy-js-client/blob/main/src/types/SortType.ts

Comment Sort Type

https://github.com/LemmyNet/lemmy-js-client/blob/main/src/types/CommentSortType.ts

Support

I created a public Matrix support space you can join. General discussion, flesh out ideas, or ask for support. Tesseract Support

There is also a Lemmy community where you can get the latest announcements and post questions related to Tesseract. Find us at https://dubvee.org/c/tesseract

Donate

I'm not accepting donations at this time.