feat: REPOSITORY CONFIGURABLE VIA URL ?repo=

Author: amatiasq

README.md

@@ -5,6 +5,7 @@ Notes saved in your private Github repository.
 ## Features
 
 - [Configurable](https://pensieve.amatiasq.com/settings) for settings and shortcuts (`CMD+,`)
+- use [`?repo=` query parameter](https://pensieve.amatiasq.com/?repo=my-repository) to change the private Github (default `pensieve-data`).
 - Installable from Chrome. This is required for some shortcuts to work
 - Works offline for notes opened in the past
 

src/3-github/gh-utils.ts

@@ -1,4 +1,6 @@
+import { Note } from '../2-entities/Note';
 import { GithubToken } from './GithubAuth';
+import { GithubUsername } from './models/GHApiUser';
 
 const GH_API = 'https://api.github.com';
 
@@ -11,3 +13,10 @@ export function ghUrl(path: string) {
 export function ghAuthHeaders(token: GithubToken) {
   return { Authorization: `token ${token}` };
 }
+
+export function ghPublicPage(username: GithubUsername, note: Note) {
+  return `https://github.com/${username}/pensieve-data/blob/main/note/${note.id}`;
+}
+
+export const ghRepository =
+  new URLSearchParams(location.search).get('repo') || 'pensieve-data';

src/4-storage/AppStorage.ts

@@ -1,8 +1,9 @@
+import { GithubUsername } from '../3-github/models/GHApiUser';
 import { NotesStorage } from './NotesStorage';
 
 export class AppStorage extends NotesStorage {
   constructor(
-    readonly username: string,
+    readonly username: GithubUsername,
     ...rest: ConstructorParameters<typeof NotesStorage>
   ) {
     super(...rest);

src/4-storage/index.ts

@@ -1,6 +1,7 @@
 import localforage from 'localforage';
 import { GHRepository } from '../3-github/GHRepository';
 import { GithubToken } from '../3-github/GithubAuth';
+import { GithubUsername } from '../3-github/models/GHApiUser';
 import { AppStorage } from './AppStorage';
 import { CachedStore } from './middleware/CachedStore';
 import { ForageStore } from './middleware/ForageStore';
@@ -12,7 +13,7 @@ Object.assign(window, { localforage });
 
 export async function createStore(
   token: GithubToken,
-  username: string,
+  username: GithubUsername,
   repoName: string,
 ) {
   const repo = new GHRepository(token, username, repoName);

src/5-app/renderApp.tsx

@@ -2,6 +2,7 @@ import { Global } from '@emotion/react';
 import { useEffect, useState } from 'react';
 import { render } from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
+import { ghRepository } from '../3-github/gh-utils';
 import { createStore } from '../4-storage';
 import { AppStorage } from '../4-storage/AppStorage';
 import { Loader } from '../7-components/atoms/Loader';
@@ -20,7 +21,7 @@ function Scaffold() {
 
   useEffect(() => {
     if (!token || !username) return;
-    createStore(token, username, 'pensieve-data').then(setStore);
+    createStore(token, username, ghRepository).then(setStore);
   }, [token]);
 
   if (!store) {

src/7-components/NotesList/NoteActions.tsx

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import { Menu, MenuItem } from '@szhsin/react-menu';
 import { ButtonHTMLAttributes, useCallback } from 'react';
 import { NoteId } from '../../2-entities/Note';
+import { ghPublicPage } from '../../3-github/gh-utils';
 import { useNavigator } from '../../6-hooks/useNavigator';
 import { useNote } from '../../6-hooks/useNote';
 import { useUsername } from '../../6-hooks/useUsername';
@@ -78,7 +79,7 @@ export function NoteActions({ id, ...divProps }: NoteActionsProps) {
 
   if (!note) return null;
 
-  const githubUrl = `https://github.com/${username}/pensieve-data/blob/main/note/${note.id}`;
+  const githubUrl = ghPublicPage(username, note);
   const button = <IconButton {...divProps} icon={<MenuIcon title="asdf" />} />;
 
   return (