Git Product home page Git Product logo

osmoscraft / osmosmemo Goto Github PK

View Code? Open in Web Editor NEW
374.0 6.0 13.0 434 KB

Turn GitHub into a bookmark manager

Home Page: https://chrome.google.com/webstore/detail/osmosmemo/chgfencjlhmjhmnnpnlnchglkkdcipii

License: MIT License

JavaScript 4.31% HTML 12.10% CSS 8.85% TypeScript 74.74%
bookmark chrome-extension bookmarks-manager knowledge-base browser-extension knowledge-management typescript

osmosmemo's Introduction

image

osmos::memo

A browser bookmark manager optimized for capture and retrieval speed.

  • Extract page title and url into a short markdown snippet.
  • One-click to insert the snippet to README.md hosted on GitHub.
  • Add new tags or reuse the ones from previous snippets.
  • Instant search from snippets with the "find on page" utility built into browsers.

Screenshot

image

My memo since 2018 image

Get started

Install

Connect to GitHub

  • When you active the extension from browser toolbar for the 1st time, click the button to connect to GitHub.
    image
  • Provide your GitHub username and repo.
    • If you don't have a repo yet, it's easiest to create from the template.
    • You can set the visibility of your repo to either Public or Private. The extension works in both cases.
  • Create a new personal access token for the extension to add content on behalf of you. Make sure you select the repo scope.
    image
  • Use README.md as the storage filename. Other filenames work too but GitHub will not automatically render it as the home page for your repo.
  • Click Connect and make sure you get a success message.
    image
  • Now navigate to any page and re-open the extension. You will be able to save new content.
    image

FAQ

How to open the extension with keyboard shortcut?

By the default, Alt+Shift+D opens the extension. You can customize it with browser extensions settings.

  • Chrome and Edge: visit chrome://extensions/shortcuts
  • Firefox: visit about:addons as shown in this video.

How long does it take for a new release to reach my browser?

  • Firefox: from a couple hours to a day
  • Chrome: 1-3 days

Ecosystem

Browse other projects from the OsmosCraft ecosystem.

  • Read the web with Fjord
  • Manage bookmarks with Memo
  • Take notes with Tundra

osmosmemo's People

Contributors

chuanqisun avatar jerrylususu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

osmosmemo's Issues

how do I use tag?

Hi,
I add tag to every item, but how do I better use it? I could only think of CTRL+F.
If not, I request a function: in the final memo page, at the top and end of the page, add a link for each tag, which redirect to a page of filtered results.
Please consider in future version.

Improve github repo url parsing

When parsing a github repo, the title should just be <owner>/<repo> and the description should be the details as configured on github.

A more generation consideration is how we manage these types of "first class citizen" websites at scale. Maybe some extension parser profile system is needed.

Youtube URL not correctly captured

To reproduced the bug:

  • go to a Youtube URL
  • click on another link
  • try to bookmark it
  • check the captured URL vs the real URL
    Tested with FF.

Readiness for Manifest v3

Google Chrome team has notified me of the upcoming deprecation of extension Manifest v2. However, Firefox team will be rolling out support a bit later so I'm creating this issue to keep tracking of the platform support status. Ideally I would rewrite for v3 when both Firefox and Chrome provide support.

Key dates:

Jan 2023 - Chrome drop v2 support
Q3 2021 - Firefox piloting v3

References

https://blog.mozilla.org/addons/2021/05/27/manifest-v3-update/
https://developer.chrome.com/docs/extensions/mv3/mv2-sunset/

Proposition to solve the "title" problem on Youtube

I know that is is not the proper way to do. Sorry in advance...

  function getPageTitle() {
    let title;
	
    if (document.location.href.includes("youtube.com/channel")) {
      document.querySelector("#text-container").innerText
    } else if (document.location.href.includes("youtube.com")) {
      title = document.querySelector("#container > h1").innerText;
    } else {
      title = document.querySelector(`meta[property="og:title"]`)?.getAttribute("content")?.trim();
    }

    if (!title) {
      title = document.querySelector(`meta[name="twitter:title"]`)?.getAttribute("content")?.trim();
    }
    if (!title) {
      title = document.querySelector("title")?.innerText?.trim();
    }
    if (!title) {
      title = document.querySelector("h1")?.innerText?.trim();
    }
    if (!title) {
      title = "";
    }
    return title;
  }

Something not Github?

Is ther a way to configure a different Git provider (say, a personal Gitea instance) without modding the source code and recompiling?

Chinese IME glitches when creating tags

When I try to create a tag in Chinese, it seems that intermediate results (created by the IME) will be captured. It's basically impossible to create Chinese tags besides first type it somewhere else then copy back in.
image

The issue seems to be caused by the usage of keydown event, which failed to correctly handle the composition string created by IME. Probably CompositionEvent is the right choice.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.