Git Product home page Git Product logo

memory-note's Introduction

Memory Note

Fast memory note for your brain.

Memory Note is an app like reminder.app, but it does not have frontend. You can create and customize frontend and backend.

In other words, Memory Note is programmable todo-app middleware.

Features

  • Fast - Work on CDN Edges
  • Customizable Backend - Create own backend
    • You can use Cloudflare Worker KV or GitHub Projects as backend
    • Also, you can create own backend by implementing 3 APIs
  • Flexible Frontend - Memory Notes interface is just REST API. You can create any frontend
    • iOS shortcut.app, iOS Widgets, Alfred Workflow

Overview

Screenshots

GitHub Project Board

use GitHub Project Board as backend

iOS Widget

iOS Widgets using Web Widget and Siri integrations

mac Alfred

Alfred workflow integration

Usage

Requirements: Cloudflare account

Click Deploy to Cloudflare Workers 2. Deploy memory-note 3. Set Environment Variables to your Memory Note workers

  • You need to choose a backend from cloudflare or github for your Memory Note

Environment Variables

  • MEMORY_NOTE_TOKEN: It is random value. This is used for authorization.
  • BACKEND_SERVICE: backend service
    • github or cloudflare is supported
    • Default: cloudflare
  • Other vars is defined in each Backend Service

๐Ÿ“ all values should be encrypted.

Backend Service

Currently, Memory Note supports following backend:

  • cloudflare: Cloudflare Workers KV
  • github: GitHub Project Board
  • notion: Notion

You can choose a backend.

๐Ÿ“ If you want to add new backend, please submit Pull Request!

StorageAdapter.ts is an interface for backend.

cloudflare backend

You need to create KV Binding.

  1. Visit https://dash.cloudflare.com/{your account id}/workers/kv/namespaces
  2. Add new Namespace like MY_MEMORY_NOTE
  3. Visit https://dash.cloudflare.com/{your account id}/workers/view/memory-note/settings
  4. Add new KV Namespace Bindings
    • Variable name: MEMORY_NOTE
    • KV namespace: created KV Namespace(MY_MEMORY_NOTE)

kv-namspace-binding

  1. Add new Environment Variables
  • MEMORY_NOTE_TOKEN
    • Variable name: MEMORY_NOTE_TOKEN
    • Value: your defined random password
  • BACKEND_SERVICE
    • Variable name: BACKEND_SERVICE
    • Value: cloudflare

github backend

You need to create GitHub Projects Board and Get your GitHub API Token

1. Create Project and Get Column Id

  1. Create a GitHub Repository
  2. Create a GitHub Project on the repository
  3. Create a column like "Memory Note"
  4. Copy Column link
  5. Get Column id from the copied link

copy-column-link

This Column id is :listId value of API endpoint.

For example, if column link is https://github.com/yourname/yourrepo/projects/1#column-1111111, 1111111 is column_id. You need to copy it. You can use the column id as :listId.

$ curl https://example-memory-note.worker.dev/notes/1111111?token=random-password

2. Get GitHub API Token

  1. Visit https://github.com/settings/tokens/new
  2. Create new API Token
    • permissions: repo
  3. Copy it

3. Add Environments Variables to Cloudflare Workers

Add some Environment Variables.

Visit https://dash.cloudflare.com/{your account id}/workers/view/memory-note/settings

  • MEMORY_NOTE_TOKEN
    • Variable name: MEMORY_NOTE_TOKEN
    • Value: your defined random password
  • BACKEND_SERVICE:
    • Variable name: BACKEND_SERVICE
    • Value: github
  • GITHUB_OWNER:
    • Variable name: GITHUB_OWNER
    • Value: your GitHub account name
  • GITHUB_REPO:
    • Variable name: GITHUB_REPO
    • Value: your GitHub repository name
  • GITHUB_PROJECT_ID
    • Variable name: GITHUB_PROJECT_ID
    • Value: your GitHub Project id
  • GITHUB_TOKEN
    • Variable name: GITHUB_TOKEN
    • Value: your GitHub API token

For example, if you have used https://github.com/your/my-note/projects/1 repo, you need to set GITHUB_OWNER=your and GITHUB_REPO=my-note, and GITHUB_PROJECT_ID=1.

github-env

Notion backend

You need to create Notion Database and Get your Notion API Token

  • NOTION_TOKEN="<NOTION API TOKEN>"
  • NOTION_MESSAGE_PROPERTY_NAME="<TITLE property Name>"

You need to pass Notion Database ID as :listId value of API endpoint.

  • GET /notes/<NOTION_DATABASE_ID>
  • POST /notes/<NOTION_DATABASE_ID>/new
https://www.notion.so/myworkspace/a8aec43384f447ed84390e8e42c2e089?v=...
                                  | --------- Database ID --------|

Optional:

  • NOTION_FILTER_OPTIONS='{"name":"<PROPERTY_NAME>","type": "type": "<PROPERTY_TYPE>", "value":"<PROPERTY_VALUE>"}'

NOTION_FILTER_OPTIONS is a JSON string of NotionFilterOption[]. It will filter notes by PROPERTY_NAME and PROPERTY_VALUE.

export type NotionFilterOption =
| {
  name: string;
  type: "checkbox";
  value: string;
}
| {
  name: string;
  type: "relation";
  value: string;
}
| {
  name: string;
  type: "select";
  value: string;
  op?: "equals" | "does_not_equal";
}
| {
  name: string;
  type: "status";
  value: string;
  op?: "equals" | "does_not_equal";
};

Examples:

# filter category and checkbox
NOTION_FILTER_OPTIONS='[{"name":"category","type":"select","value":"test"},{"name":"done","type":"checkbox","value":false}]'
# filter relation and checkbox
NOTION_FILTER_OPTIONS='[{"name":"ref","type":"relation","value":"xxxx-id--id"},{"name":"done","type":"checkbox","value":false}]'

API

Memory-Note provides following API.

GET /notes/:listId

Return an array of notes.

Parameters:

  • :listId: note key. This use-case is defined by adapter.
    • on github: your project column id
    • on cloudflare: any string

Query:

  • ?limit: result item count
  • &token: Your Memory Note token

Example:

# curl https://{your worker}/notes/{your GitHub Project Column Id}?token={your Memory Note Token}
$ curl https://example-memory-note.worker.dev/notes/11111?token=random-password

GET /notes/:listId/txt

txt version of /notes/:listId. The response is like following:

note
note
note

GET /notes/:listId/widget

Return simple html page for widgets.

You can show your notes on Widgets app like Web Widget.

POST /notes/:listId/new

Post a note that following json data.

type NoteBody = {
    message: string;
};

Example of post data.

{
  "message": "test"
}

Parameters:

  • :listId: note key. This use-case is defined by adapter.

Query:

  • ?token: Your Memory Note token

PUT /notes/:listId/:noteId

Edit a note with the :noteId

type NoteBody = {
    message: string;
};

Example of post data.

{
  "message": "test"
}

Parameters:

  • :listId: note key. This use-case is defined by adapter.
  • :noteId: note id. you can get the id from GET api

Query:

  • ?token: Your Memory Note token

DELETE /notes/:listId/:noteId

Delete the note.

Parameters:

  • :listId: note key. This use-case is defined by adapter.
  • :noteId: note id. you can get the id from GET api

Query:

  • ?token: Your Memory Note token

POST /notes/:listId/move/:noteId

Move the note to another list.

  • :listId: note key. This use-case is defined by adapter.
  • :noteId: note id. you can get the id from GET api

Body:

  • to: to list id
{
  "to": "another list id"
}

Clients

You can use client app for Memory Note.

Alfred

Alfred workflow can show notes in large types, add a new note, remove a note.

alfred-workflow-variables

Workflow Variables

  • API_ENDPOINT: your cloudflare worker url
    • Example, https://my-memory-note.you.workers.dev
  • API_TOKEN: your memory note token
  • LIST_ID: your main :listId

iOS shortcuts.app:

iOS shortcut can create a new note using voice(siri), read out notes.

๐Ÿ“ You input worker url and :listId and memory note token after installing the workflow

Others

  • Please submit a Pull Request

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

MIT

memory-note's People

Contributors

azu avatar

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.