ProductPromotion
Logo

Open.Source

made by https://0x3d.site

GitHub - muety/anchr: ⚓️ Anchr provides you with a toolbox for tiny tasks on the internet, especially bookmark collections
⚓️ Anchr provides you with a toolbox for tiny tasks on the internet, especially bookmark collections - muety/anchr
Visit Site

GitHub - muety/anchr: ⚓️ Anchr provides you with a toolbox for tiny tasks on the internet, especially bookmark collections

GitHub - muety/anchr: ⚓️ Anchr provides you with a toolbox for tiny tasks on the internet, especially bookmark collections

🚀 Features

If you like this project, please consider sponsoring it!

🗒 Description

The idea arose when someday I considered it useful to have a collection of web links or bookmarks – like those you have in Chrome or Firefox – accessible from anywhere without needing to synchronize your browser profile. Just like if you’re somewhere on another PC, find a useful article on the internet and want to save it quickly for later at home. This is what Anchr’s collections feature does. It saves links – with an optional description for easier search and separated into categories / collections.

The second feature is to upload images. You can easily upload one or more photos from your computer or mobile device and send them to friends or include them into forum posts or the like. Special with Anchr’s image hosting is that users are given the opportunity to client-sided encrypt images with a password. As a result no one without the password will ever see their photos’ content.

The last feature are shortlinks – actually not any different from those you know from goo.gl or bit.ly. They’re useful if you have a very long web link including many query parameters, access tokens, session ids, special characters and the like and want to share them. Often special characters break the linking or your chat application has a maximum length for hyperlinks. Or you just want to keep clarity in your document or emails. In this case it can be very helpful to make the links as short as any possible. Additionally, shortlinks are checked against Google's Safe Browsing API to prevent your site to reference phishing sites or the like.

Anchr’s focus is on ease and quickness of use – short loading times, flat menu hierarchies, etc. There's also a Chrome extension out there, which you can use to save or shorten links directly from the website.

📡 How to run?

Prerequisites

In order to host Anchr on your own, you need a few things.

  • Node.js >= 20.x
  • MongoDB >= 6.x
    • Alternative 1: Mongo Atlas (hosted cloud MongoDB)
    • Alternative 2: FerretDB (with Postgres or SQLite)

Database Setup

$ mongosh
$ > use anchr;  // choose 'anchr' as your database
$ > db.createUser({user: 'anchr', pwd: passwordPrompt(), roles: [{ role: 'dbOwner', db: 'anchr' }]});  // create user 'anchr'
$ > exit

Configuration

  1. $ git clone https://github.com/muety/anchr
  2. Copy .env.example to .env and edit the contents to set environment variables:
    • PORT: TCP port to start the server on (default: 3000)
    • LISTEN_ADDR: IPv4 address to make the server listen on (default: 127.0.0.1)
    • ANCHR_PUBLIC_URL: Public base URL of your hosted instance (no trailing slash) (default: http://localhost:3000)
    • ANCHR_DB_USER: MongoDB user name (default: anchr)
    • ANCHR_DB_PASSWORD: MongoDB password (required)
    • ANCHR_DB_HOST: MongoDB host name (default: localhost)
    • ANCHR_DB_PORT: MongoDB port (default: 27017)
    • ANCHR_DB_NAME: MongoDB database name (default: anchr)
    • ANCHR_UPLOAD_DIR: Absolute path to a file system directory (must exist!) to persist uploaded images to (default: /var/data/anchr)
    • ANCHR_SECRET: A (preferably long), random character sequence to be used for the JSON Web Token (default: shhh)
    • ANCHR_LOG_PATH: Absolute file path for access logs (directory must exist!) (default: /var/log/anchr/access.log)
    • ANCHR_ERROR_LOG_PATH: Absolute file path for error logs (directory must exist!) (default: /var/log/anchr/error.log)
    • ANCHR_GOOGLE_API_KEY: Your API key for Google APIs (required for safe browse checking incoming shortlinks), which you get from the Developers Console (default: '', leave blank to disable safe browse checking)
    • ANCHR_FB_CLIENT_ID and ANCHR_FB_SECRET: OAuth credentials for Facebook Login (default: '', leave blank to disable Facebook login)
    • ANCHR_GOOGLE_CLIENT_ID and ANCHR_GOOGLE_SECRET: OAuth credentials for Google Login (default: '', leave blank to disable Google login)
    • ANCHR_ALLOW_SIGNUP: Whether to allow sign up of new users (default: true)
    • ANCHR_VERIFY_USERS: Whether require new users to activate their accounts with an e-mail link (requires mailing) (default: true)
    • ANCHR_BASIC_AUTH: Whether to allow authenticating using HTTP Basic Auth (default: true)
    • ANCHR_EXPOSE_METRICS: Whether to expose Prometheus metrics under the public /api/metrics endpoint (default: false)
    • ANCHR_MAIL_SENDER: Sender address in mails from Anchr.io (default: Anchr.io <[email protected]>)
    • ANCHR_SMTP_HOST: SMTP server host for sending mails (leave empty to disable mailing)
    • ANCHR_SMTP_PORT: SMTP server port (default: 587)
    • ANCHR_SMTP_TLS: Whether to establish a TLS connection with the SMTP server (not to be confused with STARTTLS) (default: false)
    • ANCHR_SMTP_USER: SMTP server login username
    • ANCHR_SMTP_PASS: SMTP server login password
    • ANCHR_MAILWHALE_URL: Public URL of your MailWhale instance when using it for mails instead of SMTP (default: https://mailwhale.dev)
    • ANCHR_MAILWHALE_CLIENT_ID: MailWhale client ID for authentication
    • ANCHR_MAILWHALE_CLIENT_SECRET: MailWhale client secret for authentication
    • ANCHR_TELEGRAM_BOT_TOKEN: Telegram bot token (from @BotFather). Leave empty for disabling Telegram integration.
    • ANCHR_TELEGRAM_URL_SECRET: Secret to append to Telegram webhook path for security purposes. Can be any random string.

⚙️ Run

Setup

  1. $ source env.sh
  2. $ corepack enable
  3. $ yarn
  4. $ cd public && ../node_modules/.bin/bower install && cd ..

Option 1: Run Natively

For development
  1. Run backend $ yarn start
  2. Run frontend $ yarn start:frontend
  3. Go to http://localhost:9000 and enjoy live reload
In production
  1. $ yarn run build (to build frontend)
  2. $ yarn run production

Option 2: Run with Docker

  1. source env.sh
  2. docker-compose up

🤖 Telegram Bot Setup

  1. Create a new bot with @BotFather
  2. Configure ANCHR_TELEGRAM_BOT_TOKEN and ANCHR_TELEGRAM_URL_SECRET variables
  3. Configure the webhook:
curl https://api.telegram.org/bot<BOT_TOKEN>/setWebhook?url=https://<ANCHR_URL>/api/telegram/updates/<URL_SECRET>

🧰 Tooling

ShareX (Windows only)

You can integrate Anchr with ShareX on Windows and make it be used as a custom target for image uploads and shortlinks.

  1. Generate an HTTP basic auth hash Base64 hash of [email protected]:yourpassword
  2. Insert your newly generated hash in
  3. Import both files as custom uploaders in ShareX

🧩 Project History

The project's origins lie in 2014, back when the MEAN stack was the sh*t. It was the author's first real web project and a great opportunity to learn. The project is maintained ever since, however, considered mostly feature-complete. Dependencies are updated occasionally. Because the project started quite a couple of years ago, some parts are still based on old-fashioned JavaScript ES5 syntax, alongside vintage tools like Grunt and Bower. Certainly, this is not state-of-the-art in web dev anymore. However, to keep consistency with existing code, the original code style should still be followed in new contributions. Update: Just recently, all backend-side code was refactored to modern JavaScript syntax to ease development.

🧑‍💻 Developer Notes

Upgrade packges

# Backend
$ yarn plugin import interactive-tools
$ yarn upgrade-interactive

# Frontend
$ cat bower.json | jq   '.dependencies | keys[]' -r | xargs npx bower update

📓 License

GNU General Public License v3 (GPL-3) @ Ferdinand Mütsch

Articles
to learn more about the open-source concepts.

Resources
which are currently available to browse on.

mail [email protected] to add your project or resources here 🔥.

FAQ's
to know more about the topic.

mail [email protected] to add your project or resources here 🔥.

Queries
or most google FAQ's about Open-Source.

mail [email protected] to add more queries here 🔍.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory