Git Product home page Git Product logo

newtion's Introduction

Newtion

make New page shortcut of Notion in web browser.


Newtion

build issue count forks count stars count license twitter share

Docs:English,Japanese(日本語)

This chrome extension makes it possible to use new-page shortcut for Notion in web browser.

Demo

demo

Feature

Open Source Software

The source code is publicly available and MIT license.

Use safely

This Chrome extension requires Notion's official API, but the only permissions required are to insert data and no user information is required.

This chrome extension requires only storage permisson to save Notion API Token. You can use so safely because other permissions are not accessed.

Shortcuts

Shortcut Action
Cmd/Ctrl+Shift+L Open setting popup
Cmd/Ctrl+Shift+I Create & open new notion page

Install

You also need set Newtion in the next section.

Access to chrome web store.

Please wait for browser extensions other than GoogleChrome.

How to use

You need 3 step settings. Please follow below.

1. Prepare Notion Integrations from setting page

  • Access to https://www.notion.so/my-integrations and click + New Integration
  • Input basic information
    • name
    • logo(optional)
    • Associated workspace
    • Capabilities
      • check Insert Content
      • check No user Information
  • then, submit and copy Internal Integration Token (use later)

2. Prepare Notion Database

  • Access to https://www.notion.so/
  • Create new page with full screen database
  • Delete Tags colomn (Optional)
  • 💡 Set leftmost colomn name to Name (default in English)
    • This will be updated to customizable...
  • Get database id and copy (use later)
    • https://www.notion.so/YOUR_DOMAIN/DATABASE_ID
    • DATABASE_ID is database id
  • Invite your Integrations
    • Click share button in header
    • Then, Select an integration you created some time ago

3. Set up Newtion

  • Input Cmd/Ctrl + Shift + L to open setting popup
    • or click Newtion in list of chrome extensions
  • Input Database ID and API Secret (char is hidden)

Let's use Newtion Shortcut

Congratulations!

Input Cmd/Ctrl + Shift + I to create and open new page!

Usecase

I assume the following cases.

  • When you are searching a Web site and want to summarize the information in Notion
  • Having trouble finding a shortcut to open a new page in the browser version of Notion.
  • Opening a new page in Notion causes the number of pages in the sidebar to increase.

Developing Environment

command

npm run watch
npm run build
npm run clean
npm run test

Contribute

in preparation...

Special Thanks

This source code is derived from https://github.com/chibat/chrome-extension-typescript-starter.

Thanks.

Developer

Hi, I'm japanese university student.

Links

newtion's People

Contributors

cohu-dev avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

herohoro

newtion's Issues

improve icon

  • Transparent to all but the face
  • Resize by Makefile only me (only I create Icon)

Improve docs

  • Update README text, image
  • Update with chrome web store description
  • Make the manual stand out
  • Add use case
  • Prove to be safe app

Improve popup

update description for user

  • setup

design popup component with CSS

  • CSS Modules
  • Tailwind CSS

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.