Compare commits
No commits in common. "main" and "v24" have entirely different histories.
25 changed files with 259 additions and 1124 deletions
|
|
@ -8,9 +8,6 @@ import (
|
|||
"github.com/jmoiron/sqlx"
|
||||
"github.com/lib/pq"
|
||||
|
||||
// Internal
|
||||
appUser "notes2/user"
|
||||
|
||||
// Standard
|
||||
"database/sql"
|
||||
"encoding/hex"
|
||||
|
|
@ -30,6 +27,12 @@ type Manager struct {
|
|||
ExpireDays int
|
||||
}
|
||||
|
||||
type User struct {
|
||||
ID int
|
||||
Username string
|
||||
Name string
|
||||
}
|
||||
|
||||
func httpError(w http.ResponseWriter, err error) { // {{{
|
||||
j, _ := json.Marshal(struct {
|
||||
OK bool
|
||||
|
|
@ -162,16 +165,16 @@ func (mngr *Manager) AuthenticationHandler(w http.ResponseWriter, r *http.Reques
|
|||
mngr.log.Info("authentication", "username", request.Username, "status", "accepted")
|
||||
j, _ := json.Marshal(struct {
|
||||
OK bool
|
||||
User appUser.User
|
||||
User User
|
||||
Token string
|
||||
}{true, user, token})
|
||||
w.Write(j)
|
||||
} // }}}
|
||||
|
||||
func (mngr *Manager) Authenticate(username, password string) (authenticated bool, user appUser.User, err error) { // {{{
|
||||
func (mngr *Manager) Authenticate(username, password string) (authenticated bool, user User, err error) { // {{{
|
||||
var row *sql.Row
|
||||
row = mngr.db.QueryRow(`
|
||||
SELECT id, username, name, preferences
|
||||
SELECT id, username, name
|
||||
FROM public.user
|
||||
WHERE
|
||||
LOWER(username) = LOWER($1) AND
|
||||
|
|
@ -180,21 +183,13 @@ func (mngr *Manager) Authenticate(username, password string) (authenticated bool
|
|||
username,
|
||||
password,
|
||||
)
|
||||
var data []byte
|
||||
err = row.Scan(&user.ID, &user.Username, &user.Name, &data)
|
||||
err = row.Scan(&user.ID, &user.Username, &user.Name)
|
||||
if err != nil && err.Error() == "sql: no rows in result set" {
|
||||
err = nil
|
||||
authenticated = false
|
||||
return
|
||||
}
|
||||
if err != nil {
|
||||
authenticated = false
|
||||
return
|
||||
}
|
||||
|
||||
err = json.Unmarshal(data, &user.Preferences)
|
||||
if err != nil {
|
||||
authenticated = false
|
||||
return
|
||||
}
|
||||
|
||||
|
|
@ -283,7 +278,7 @@ func (mngr *Manager) ChangePassword(username, currentPassword, newPassword strin
|
|||
changed = (rowsAffected == 1)
|
||||
return
|
||||
} // }}}
|
||||
func (mngr *Manager) NewClientUUID(user appUser.User) (clientUUID string, err error) { // {{{
|
||||
func (mngr *Manager) NewClientUUID(user User) (clientUUID string, err error) { // {{{
|
||||
// Each client session has its own UUID.
|
||||
// Loop through until a unique one is established.
|
||||
var proposedClientUUID string
|
||||
|
|
|
|||
69
main.go
69
main.go
|
|
@ -4,7 +4,6 @@ import (
|
|||
// Internal
|
||||
"notes2/authentication"
|
||||
"notes2/html_template"
|
||||
appUser "notes2/user"
|
||||
"os"
|
||||
|
||||
// Standard
|
||||
|
|
@ -24,7 +23,7 @@ import (
|
|||
"text/template"
|
||||
)
|
||||
|
||||
const VERSION = "v29"
|
||||
const VERSION = "v24"
|
||||
const CONTEXT_USER = 1
|
||||
const SYNC_PAGINATION = 200
|
||||
|
||||
|
|
@ -135,8 +134,6 @@ func main() { // {{{
|
|||
http.HandleFunc("/offline", pageOffline)
|
||||
|
||||
http.HandleFunc("/user/authenticate", AuthManager.AuthenticationHandler)
|
||||
http.HandleFunc("GET /user/preferences", authenticated(actionUserGetPreferences))
|
||||
http.HandleFunc("POST /user/preferences", authenticated(actionUserSetPreferences))
|
||||
|
||||
http.HandleFunc("/sync/from_server/count/{sequence}", authenticated(actionSyncFromServerCount))
|
||||
http.HandleFunc("/sync/from_server/{sequence}/{offset}", authenticated(actionSyncFromServer))
|
||||
|
|
@ -181,7 +178,7 @@ func authenticated(fn func(http.ResponseWriter, *http.Request)) func(http.Respon
|
|||
}
|
||||
|
||||
// User object is added to the context for the next handler.
|
||||
user := appUser.NewUser(claims)
|
||||
user := NewUser(claims)
|
||||
r = r.WithContext(context.WithValue(r.Context(), CONTEXT_USER, user))
|
||||
|
||||
Log.Debug("webserver", "op", "request", "method", r.Method, "url", r.URL.String(), "username", user.Username, "client", user.ClientUUID)
|
||||
|
|
@ -269,7 +266,7 @@ func actionSyncFromServer(w http.ResponseWriter, r *http.Request) { // {{{
|
|||
// The purpose of the Client UUID is to avoid
|
||||
// sending nodes back once again to a client that
|
||||
// just created or modified it.
|
||||
user := getUserSession(r)
|
||||
user := getUser(r)
|
||||
changedFrom, _ := strconv.Atoi(r.PathValue("sequence"))
|
||||
offset, _ := strconv.Atoi(r.PathValue("offset"))
|
||||
|
||||
|
|
@ -292,7 +289,7 @@ func actionSyncFromServerCount(w http.ResponseWriter, r *http.Request) { // {{{
|
|||
// The purpose of the Client UUID is to avoid
|
||||
// sending nodes back once again to a client that
|
||||
// just created or modified it.
|
||||
user := getUserSession(r)
|
||||
user := getUser(r)
|
||||
changedFrom, _ := strconv.Atoi(r.PathValue("sequence"))
|
||||
|
||||
count, err := NodesCount(user.UserID, uint64(changedFrom), user.ClientUUID)
|
||||
|
|
@ -312,7 +309,7 @@ func actionSyncFromServerCount(w http.ResponseWriter, r *http.Request) { // {{{
|
|||
w.Write(j)
|
||||
} // }}}
|
||||
func actionNodeRetrieve(w http.ResponseWriter, r *http.Request) { // {{{
|
||||
user := getUserSession(r)
|
||||
user := getUser(r)
|
||||
var err error
|
||||
|
||||
uuid := r.PathValue("uuid")
|
||||
|
|
@ -328,7 +325,7 @@ func actionNodeRetrieve(w http.ResponseWriter, r *http.Request) { // {{{
|
|||
})
|
||||
} // }}}
|
||||
func actionNodeHistoryRetrieve(w http.ResponseWriter, r *http.Request) { // {{{
|
||||
user := getUserSession(r)
|
||||
user := getUser(r)
|
||||
var err error
|
||||
|
||||
uuid := r.PathValue("uuid")
|
||||
|
|
@ -351,7 +348,7 @@ func actionNodeHistoryRetrieve(w http.ResponseWriter, r *http.Request) { // {{{
|
|||
})
|
||||
} // }}}
|
||||
func actionNodeHistoryCount(w http.ResponseWriter, r *http.Request) { // {{{
|
||||
user := getUserSession(r)
|
||||
user := getUser(r)
|
||||
var err error
|
||||
|
||||
uuid := r.PathValue("uuid")
|
||||
|
|
@ -363,12 +360,12 @@ func actionNodeHistoryCount(w http.ResponseWriter, r *http.Request) { // {{{
|
|||
}
|
||||
|
||||
responseData(w, map[string]any{
|
||||
"OK": true,
|
||||
"Count": count,
|
||||
"OK": true,
|
||||
"Count": count,
|
||||
})
|
||||
} // }}}
|
||||
func actionSyncToServer(w http.ResponseWriter, r *http.Request) { // {{{
|
||||
user := getUserSession(r)
|
||||
user := getUser(r)
|
||||
|
||||
body, _ := io.ReadAll(r.Body)
|
||||
var request struct {
|
||||
|
|
@ -392,47 +389,6 @@ func actionSyncToServer(w http.ResponseWriter, r *http.Request) { // {{{
|
|||
})
|
||||
} // }}}
|
||||
|
||||
func actionUserGetPreferences(w http.ResponseWriter, r *http.Request) { // {{{
|
||||
user := getUserSession(r)
|
||||
prefs, err := user.Preferences()
|
||||
if err != nil {
|
||||
httpError(w, err)
|
||||
return
|
||||
}
|
||||
|
||||
responseData(w, map[string]any{
|
||||
"OK": true,
|
||||
"Preferences": prefs,
|
||||
})
|
||||
} // }}}
|
||||
func actionUserSetPreferences(w http.ResponseWriter, r *http.Request) { // {{{
|
||||
session := getUserSession(r)
|
||||
|
||||
// Verify the "default" profile is still there.
|
||||
var newPrefs map[string]appUser.UserPreferences
|
||||
body, _ := io.ReadAll(r.Body)
|
||||
err := json.Unmarshal(body, &newPrefs)
|
||||
if err != nil {
|
||||
httpError(w, err)
|
||||
return
|
||||
}
|
||||
|
||||
if _, found := newPrefs["default"]; !found {
|
||||
httpError(w, fmt.Errorf("'default' profile missing."))
|
||||
return
|
||||
}
|
||||
|
||||
err = session.SetPreferences(newPrefs)
|
||||
if err != nil {
|
||||
httpError(w, err)
|
||||
return
|
||||
}
|
||||
|
||||
responseData(w, map[string]any{
|
||||
"OK": true,
|
||||
})
|
||||
} // }}}
|
||||
|
||||
func createNewUser(username string) { // {{{
|
||||
reader := bufio.NewReader(os.Stdin)
|
||||
|
||||
|
|
@ -475,8 +431,7 @@ func changePassword(username string) { // {{{
|
|||
|
||||
fmt.Printf("\nPassword changed\n")
|
||||
} // }}}
|
||||
func getUserSession(r *http.Request) appUser.UserSession { // {{{
|
||||
user, _ := r.Context().Value(CONTEXT_USER).(appUser.UserSession)
|
||||
user.Db = db
|
||||
func getUser(r *http.Request) UserSession { // {{{
|
||||
user, _ := r.Context().Value(CONTEXT_USER).(UserSession)
|
||||
return user
|
||||
} // }}}
|
||||
|
|
|
|||
2
node.go
2
node.go
|
|
@ -54,7 +54,6 @@ type Node struct {
|
|||
DeletedSeq sql.NullInt64 `db:"deleted_seq"`
|
||||
Content string
|
||||
ContentEncrypted string `db:"content_encrypted" json:"-"`
|
||||
Special bool
|
||||
}
|
||||
|
||||
func NodeTree(userID, offset int, synced uint64) (nodes []TreeNode, maxSeq uint64, moreRowsExist bool, err error) { // {{{
|
||||
|
|
@ -136,7 +135,6 @@ func Nodes(userID, offset int, synced uint64, clientUUID string) (nodes []Node,
|
|||
FROM
|
||||
public.node
|
||||
WHERE
|
||||
NOT special AND
|
||||
user_id = $1 AND
|
||||
client != $5::uuid AND
|
||||
(
|
||||
|
|
|
|||
123
sql/00008.sql
123
sql/00008.sql
|
|
@ -1,123 +0,0 @@
|
|||
CREATE OR REPLACE PROCEDURE public.add_nodes(IN p_user_id integer, IN p_client_uuid uuid, IN p_nodes jsonb)
|
||||
LANGUAGE plpgsql
|
||||
AS $procedure$
|
||||
|
||||
DECLARE
|
||||
node_data jsonb;
|
||||
node_updated timestamptz;
|
||||
db_updated timestamptz;
|
||||
db_uuid uuid;
|
||||
db_client uuid;
|
||||
db_history_uuid uuid;
|
||||
node_uuid uuid;
|
||||
node_parent_uuid uuid;
|
||||
node_history_uuid uuid;
|
||||
|
||||
BEGIN
|
||||
FOR node_data IN SELECT * FROM jsonb_array_elements(p_nodes)
|
||||
LOOP
|
||||
node_uuid = (node_data->>'UUID')::uuid;
|
||||
node_history_uuid = (node_data->>'HistoryUUID')::uuid;
|
||||
node_updated = (node_data->>'Updated')::timestamptz;
|
||||
|
||||
|
||||
|
||||
-- Frontend is using an all-zero UUID to define the root node.
|
||||
-- Database is using NULL.
|
||||
IF node_data->>'ParentUUID' = '00000000-0000-0000-0000-000000000000' OR node_data->>'ParentUUID' = '' THEN
|
||||
node_parent_uuid = NULL;
|
||||
ELSE
|
||||
node_parent_uuid = (node_data->>'ParentUUID')::uuid;
|
||||
END IF;
|
||||
|
||||
-- Safeguard against being your own parent.
|
||||
IF node_uuid = node_parent_uuid THEN
|
||||
RAISE EXCEPTION 'Node UUID is same as node parent UUID.' USING ERRCODE = 'XPRNT';
|
||||
END IF;
|
||||
|
||||
|
||||
-- Every jode has a new history UUID to keep the history entry uniquely identifiable
|
||||
-- across clients. A history entry could potentially be sent again, but should be
|
||||
-- safe to ignore as every change to a node should have a new history UUID.
|
||||
--
|
||||
-- The current node is also stored as history.
|
||||
INSERT INTO node_history(
|
||||
user_id, "uuid", "history_uuid", parents, created, updated,
|
||||
"name", "content", "content_encrypted",
|
||||
client
|
||||
)
|
||||
VALUES(
|
||||
p_user_id, -- combined key
|
||||
node_uuid, -- combined key
|
||||
node_history_uuid, -- combined key
|
||||
(jsonb_populate_record(null::json_ancestor_array, node_data))."Ancestors",
|
||||
COALESCE((node_data->>'Created')::timestamptz, NOW()),
|
||||
COALESCE((node_data->>'Updated')::timestamptz, NOW()),
|
||||
(node_data->>'Name')::varchar,
|
||||
(node_data->>'Content')::text,
|
||||
'', /* content_encrypted */
|
||||
p_client_uuid
|
||||
)
|
||||
ON CONFLICT ("user_id", "uuid", "history_uuid")
|
||||
DO NOTHING;
|
||||
|
||||
|
||||
|
||||
-- Retrieve the current modified timestamp for this node from the database.
|
||||
SELECT
|
||||
uuid, updated, client
|
||||
INTO
|
||||
db_uuid, db_updated, db_client
|
||||
FROM public."node"
|
||||
WHERE
|
||||
user_id = p_user_id AND
|
||||
uuid::uuid = node_uuid::uuid;
|
||||
|
||||
|
||||
|
||||
-- Is the node not in database? It needs to be created.
|
||||
IF db_uuid IS NULL THEN
|
||||
RAISE NOTICE '01 New node %', node_uuid;
|
||||
|
||||
INSERT INTO public."node" (
|
||||
user_id, "uuid", parent_uuid, created, updated,
|
||||
"name", "content", "content_encrypted",
|
||||
client
|
||||
)
|
||||
VALUES(
|
||||
p_user_id,
|
||||
node_uuid,
|
||||
node_parent_uuid,
|
||||
COALESCE((node_data->>'Created')::timestamptz, NOW()),
|
||||
COALESCE((node_data->>'Updated')::timestamptz, NOW()),
|
||||
(node_data->>'Name')::varchar,
|
||||
(node_data->>'Content')::text,
|
||||
'', /* content_encrypted */
|
||||
p_client_uuid
|
||||
);
|
||||
|
||||
CONTINUE;
|
||||
|
||||
END IF;
|
||||
|
||||
|
||||
|
||||
-- Update the public node as well if it was older than incoming node.
|
||||
IF node_updated > db_updated THEN
|
||||
UPDATE public."node"
|
||||
SET
|
||||
updated = (node_data->>'Updated')::timestamptz,
|
||||
updated_seq = nextval('node_updates'),
|
||||
parent_uuid = node_parent_uuid,
|
||||
name = (node_data->>'Name')::varchar,
|
||||
content = (node_data->>'Content')::text,
|
||||
client = p_client_uuid
|
||||
WHERE
|
||||
user_id = p_user_id AND
|
||||
uuid::uuid = node_uuid::uuid;
|
||||
END IF;
|
||||
|
||||
END LOOP;
|
||||
END
|
||||
$procedure$
|
||||
;
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
-- Special node such as orphaned and deleted nodes.
|
||||
ALTER TABLE public.node ADD special bool DEFAULT false NOT NULL;
|
||||
|
||||
|
||||
-- Needs to be dropped in order to drop the index on UUID.
|
||||
ALTER TABLE public.node DROP CONSTRAINT node_node_fk;
|
||||
|
||||
-- Index was missing user ID.
|
||||
DROP INDEX public.node_uuid_idx;
|
||||
CREATE UNIQUE INDEX node_user_uuid_idx ON public.node (user_id,"uuid");
|
||||
|
||||
-- Restore the "foreign" key of parent UUID back to UUID.
|
||||
ALTER TABLE public.node ADD CONSTRAINT node_node_fk FOREIGN KEY (user_id,parent_uuid) REFERENCES public.node(user_id,"uuid") ON DELETE RESTRICT ON UPDATE RESTRICT;
|
||||
|
||||
|
||||
-- Auto-create the special nodes for each user.
|
||||
CREATE OR REPLACE FUNCTION create_user_nodes()
|
||||
RETURNS TRIGGER AS $$
|
||||
BEGIN
|
||||
-- NEW holds the row being created.
|
||||
-- No semi-colons omitted here, PL/pgSQL requires them.
|
||||
INSERT INTO public.node (user_id, uuid, parent_uuid, special, name)
|
||||
VALUES
|
||||
(NEW.id, '00000000-0000-0000-0000-000000000000'::uuid, null, true, 'Start'),
|
||||
(NEW.id, '00000000-0000-0000-0000-000000000001'::uuid, null, true, 'Orphaned nodes'),
|
||||
(NEW.id, '00000000-0000-0000-0000-000000000002'::uuid, null, true, 'Deleted nodes');
|
||||
|
||||
RETURN NEW;
|
||||
END;
|
||||
$$ LANGUAGE plpgsql;
|
||||
|
||||
CREATE TRIGGER trg_after_user_insert
|
||||
AFTER INSERT ON public.user
|
||||
FOR EACH ROW
|
||||
EXECUTE FUNCTION create_user_nodes();
|
||||
|
|
@ -1 +0,0 @@
|
|||
ALTER TABLE public."user" ADD preferences jsonb DEFAULT '{}' NOT NULL;
|
||||
|
|
@ -102,11 +102,6 @@
|
|||
border: 1px solid #ccc;
|
||||
padding: 2px 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
&.copy {
|
||||
border: var(--markdown-copy-border);
|
||||
background-color: var(--markdown-copy-background);
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
|
|
@ -116,14 +111,6 @@
|
|||
border-radius: 4px;
|
||||
white-space: pre-wrap;
|
||||
|
||||
&.copy {
|
||||
border: var(--markdown-copy-border);
|
||||
background-color: var(--markdown-copy-background);
|
||||
code {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
border: unset;
|
||||
padding: unset;
|
||||
|
|
|
|||
|
|
@ -9,15 +9,7 @@
|
|||
|
||||
--line-color: #ccc;
|
||||
--tree-expander: 0px;
|
||||
--functions-width: 150px;
|
||||
|
||||
--menu-color: #fff;
|
||||
--menu-item-hover-color: #f4f4f4;
|
||||
|
||||
--font-monospace: "Liberation Mono", monospace;
|
||||
|
||||
--markdown-copy-border: 1px solid #0a0;
|
||||
--markdown-copy-background: #e3f4d7;
|
||||
--functions-width: 216px;
|
||||
}
|
||||
|
||||
html {
|
||||
|
|
@ -28,10 +20,6 @@ html {
|
|||
filter: var(--colorize);
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: var(--font-monospace);
|
||||
}
|
||||
|
||||
button {
|
||||
font-size: 1em;
|
||||
padding: 4px 8px;
|
||||
|
|
@ -73,10 +61,9 @@ button {
|
|||
1fr;
|
||||
}
|
||||
|
||||
/* The other pages just gets the whole page without dividing it up. */
|
||||
&:not(.page-node) {
|
||||
&.page-history {
|
||||
grid-template-areas:
|
||||
"tree-expander tree pad1 n2-page pad2"
|
||||
"tree-expander tree pad1 n2-pagehistory pad2"
|
||||
;
|
||||
|
||||
grid-template-columns:
|
||||
|
|
@ -199,11 +186,6 @@ button {
|
|||
img {
|
||||
width: auto;
|
||||
height: 18px;
|
||||
|
||||
&.deleted {
|
||||
height: 24px;
|
||||
transform: translateX(3px) translateY(3px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -246,6 +228,7 @@ button {
|
|||
|
||||
#notes2 {
|
||||
&.page-node {
|
||||
|
||||
#page-root {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -260,7 +243,7 @@ button {
|
|||
display: contents;
|
||||
|
||||
n2-pagestorage {
|
||||
grid-area: n2-page;
|
||||
grid-area: content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -268,14 +251,9 @@ button {
|
|||
&.page-history {
|
||||
#page-history {
|
||||
display: grid;
|
||||
grid-area: n2-page;
|
||||
}
|
||||
}
|
||||
grid-area: n2-pagehistory;
|
||||
|
||||
&.page-preferences {
|
||||
#page-preferences {
|
||||
display: block;
|
||||
grid-area: n2-page;
|
||||
n2-pagehistory {}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -287,6 +265,7 @@ button {
|
|||
#page-root {
|
||||
display: contents !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -454,6 +433,7 @@ n2-nodeui {
|
|||
grid-area: content;
|
||||
justify-self: center;
|
||||
word-wrap: break-word;
|
||||
font-family: monospace;
|
||||
font-size: 1em;
|
||||
color: #333;
|
||||
|
||||
|
|
@ -477,10 +457,6 @@ n2-nodeui {
|
|||
grid-area: content;
|
||||
display: none;
|
||||
|
||||
font-family: var(--font-monospace);
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
|
||||
border-top: 1px solid #e0e0e0;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 32px;
|
||||
|
|
|
|||
|
|
@ -2,18 +2,18 @@
|
|||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="12"
|
||||
height="23.999981"
|
||||
viewBox="0 0 3.1750001 6.349995"
|
||||
width="26.666645"
|
||||
height="24"
|
||||
viewBox="0 0 7.0555498 6.35"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
|
||||
inkscape:version="1.4.2 (ebf0e94, 2025-05-08)"
|
||||
sodipodi:docname="icon_menu.svg"
|
||||
xml:space="preserve"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
|
|
@ -23,34 +23,29 @@
|
|||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
inkscape:zoom="11.859035"
|
||||
inkscape:cx="8.6010372"
|
||||
inkscape:cy="17.32856"
|
||||
inkscape:window-width="2190"
|
||||
inkscape:window-height="1401"
|
||||
inkscape:window-x="1463"
|
||||
inkscape:window-y="18"
|
||||
inkscape:zoom="2.096401"
|
||||
inkscape:cx="10.255672"
|
||||
inkscape:cy="9.0631517"
|
||||
inkscape:window-width="1916"
|
||||
inkscape:window-height="1041"
|
||||
inkscape:window-x="1920"
|
||||
inkscape:window-y="1080"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" /><defs
|
||||
id="defs1" /><g
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-147.15925,-92.339586)"><title
|
||||
id="title1">menu</title><title
|
||||
id="title1-6">hamburger</title><circle
|
||||
style="fill:#000000;stroke:none;stroke-width:0.264583"
|
||||
id="path3"
|
||||
cx="149.55338"
|
||||
cy="93.120461"
|
||||
r="0.78087437" /><circle
|
||||
style="fill:#000000;stroke:none;stroke-width:0.264583"
|
||||
id="circle4"
|
||||
cx="149.55338"
|
||||
cy="97.908707"
|
||||
r="0.78087437" /><circle
|
||||
style="fill:#000000;stroke:none;stroke-width:0.264583"
|
||||
id="circle5"
|
||||
cx="149.55338"
|
||||
cy="95.514587"
|
||||
r="0.78087437" /></g></svg>
|
||||
transform="translate(-146.57917,-92.339583)">
|
||||
<title
|
||||
id="title1">menu</title>
|
||||
<title
|
||||
id="title1-6">hamburger</title>
|
||||
<path
|
||||
d="m 153.63472,95.867362 c 0,0.391582 -0.31398,0.705554 -0.70555,0.705554 h -5.64445 c -0.38806,0 -0.70555,-0.313972 -0.70555,-0.705554 0,-0.391584 0.31749,-0.705556 0.70555,-0.705556 h 3.175 l 0.88194,0.705556 0.88195,-0.705556 h 0.70556 c 0.39157,0 0.70555,0.3175 0.70555,0.705556 m -3.52778,-3.527779 c -3.175,0 -3.175,2.116667 -3.175,2.116667 h 6.35 c 0,0 0,-2.116667 -3.175,-2.116667 m -3.175,5.291667 c 0,0.585612 0.47272,1.058333 1.05834,1.058333 h 4.23333 c 0.58561,0 1.05833,-0.472721 1.05833,-1.058333 v -0.352778 h -6.35 z"
|
||||
id="path1-2"
|
||||
style="stroke-width:0.352777" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.9 KiB |
|
|
@ -24,12 +24,12 @@
|
|||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
inkscape:zoom="31.614857"
|
||||
inkscape:cx="5.0450964"
|
||||
inkscape:cy="9.5682862"
|
||||
inkscape:cx="5.0609117"
|
||||
inkscape:cy="9.5524708"
|
||||
inkscape:window-width="2190"
|
||||
inkscape:window-height="1401"
|
||||
inkscape:window-x="1463"
|
||||
inkscape:window-y="18"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false" /><defs
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
|
@ -1,68 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="24.000015"
|
||||
height="23.999998"
|
||||
viewBox="0 0 6.350004 6.3499995"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="leaf_deleted.svg"
|
||||
inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
|
||||
xml:space="preserve"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
inkscape:zoom="22.627417"
|
||||
inkscape:cx="3.292466"
|
||||
inkscape:cy="15.62264"
|
||||
inkscape:window-width="2190"
|
||||
inkscape:window-height="1401"
|
||||
inkscape:window-x="1463"
|
||||
inkscape:window-y="18"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false" /><defs
|
||||
id="defs1" /><g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-107.95,-148.16667)"><title
|
||||
id="title1">folder-open</title><title
|
||||
id="title1-1">folder-open-outline</title><title
|
||||
id="title1-5">notebook-outline</title><title
|
||||
id="title1-8">text-box-outline</title><path
|
||||
style="fill:#ffffff;stroke-width:0.264583"
|
||||
d="m 108.3015,148.56838 h 3.95851 v 3.96688 h -3.95851 z"
|
||||
id="path3"
|
||||
sodipodi:nodetypes="ccccc" /><path
|
||||
d="m 108.47917,148.16667 c -0.29369,0 -0.52917,0.23548 -0.52917,0.52917 V 152.4 c 0,0.29369 0.23548,0.52917 0.52917,0.52917 h 3.70416 c 0.29369,0 0.52917,-0.23548 0.52917,-0.52917 v -3.70416 c 0,-0.29369 -0.23548,-0.52917 -0.52917,-0.52917 h -3.70416 m 0,0.52917 h 3.70416 V 152.4 h -3.70416 v -3.70416"
|
||||
id="path1"
|
||||
style="fill:#ababab;fill-opacity:1;stroke-width:0.264583"
|
||||
sodipodi:nodetypes="cssssssscccccc" /><path
|
||||
d="m 109.00833,149.225 v 0.52917 h 2.64584 V 149.225 h -2.64584 m 0,1.05834 v 0.52916 h 2.64584 v -0.52916 h -2.64584 m 0,1.05833 v 0.52917 h 1.85209 v -0.52917 z"
|
||||
id="path2"
|
||||
style="fill:#c7c7c7;fill-opacity:1;stroke-width:0.264583"
|
||||
sodipodi:nodetypes="ccccccccccccccc" /><title
|
||||
id="title1-9">delete-circle</title><g
|
||||
id="g1"
|
||||
transform="matrix(1.6249303,0,0,1.6249427,-68.307567,-93.38766)"><rect
|
||||
style="fill:#ffffff;stroke:none;stroke-width:0.79375"
|
||||
id="rect1"
|
||||
width="1.5817325"
|
||||
height="1.8579081"
|
||||
x="110.28522"
|
||||
y="150.33034" /><path
|
||||
d="m 111.0761,149.95667 c 0.72034,0 1.30261,0.58227 1.30261,1.30262 0,0.72035 -0.58227,1.3026 -1.30261,1.3026 -0.72035,0 -1.30263,-0.58225 -1.30263,-1.3026 0,-0.72035 0.58227,-1.30262 1.30263,-1.30262 m 0.6513,0.65131 h -0.32566 l -0.13026,-0.13026 h -0.39078 l -0.13027,0.13026 h -0.32565 v 0.26052 h 1.30262 v -0.26052 m -1.0421,1.43288 h 0.78157 a 0.13026143,0.13026143 0 0 0 0.13026,-0.13026 v -0.91184 h -1.04209 v 0.91184 a 0.13026143,0.13026143 0 0 0 0.13026,0.13026 z"
|
||||
id="path1-1"
|
||||
style="fill:#aa0000;stroke-width:0.130261" /></g></g></svg>
|
||||
|
Before Width: | Height: | Size: 3.3 KiB |
|
|
@ -1,61 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="24.000015"
|
||||
height="23.999998"
|
||||
viewBox="0 0 6.350004 6.3499995"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="leaf_orphaned.svg"
|
||||
inkscape:version="1.4.2 (ebf0e94, 2025-05-08)"
|
||||
xml:space="preserve"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
inkscape:zoom="22.627417"
|
||||
inkscape:cx="3.2924659"
|
||||
inkscape:cy="15.600543"
|
||||
inkscape:window-width="1916"
|
||||
inkscape:window-height="1161"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false" /><defs
|
||||
id="defs1" /><g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-107.95,-148.16667)"><title
|
||||
id="title1">folder-open</title><title
|
||||
id="title1-1">folder-open-outline</title><title
|
||||
id="title1-5">notebook-outline</title><title
|
||||
id="title1-8">text-box-outline</title><path
|
||||
style="fill:#ffffff;stroke-width:0.264583"
|
||||
d="m 108.3015,148.56838 h 3.95851 v 3.96688 h -3.95851 z"
|
||||
id="path3"
|
||||
sodipodi:nodetypes="ccccc" /><path
|
||||
d="m 108.47917,148.16667 c -0.29369,0 -0.52917,0.23548 -0.52917,0.52917 V 152.4 c 0,0.29369 0.23548,0.52917 0.52917,0.52917 h 3.70416 c 0.29369,0 0.52917,-0.23548 0.52917,-0.52917 v -3.70416 c 0,-0.29369 -0.23548,-0.52917 -0.52917,-0.52917 h -3.70416 m 0,0.52917 h 3.70416 V 152.4 h -3.70416 v -3.70416"
|
||||
id="path1"
|
||||
style="fill:#ababab;fill-opacity:1;stroke-width:0.264583"
|
||||
sodipodi:nodetypes="cssssssscccccc" /><path
|
||||
d="m 109.00833,149.225 v 0.52917 h 2.64584 V 149.225 h -2.64584 m 0,1.05834 v 0.52916 h 2.64584 v -0.52916 h -2.64584 m 0,1.05833 v 0.52917 h 1.85209 v -0.52917 z"
|
||||
id="path2"
|
||||
style="fill:#c7c7c7;fill-opacity:1;stroke-width:0.264583"
|
||||
sodipodi:nodetypes="ccccccccccccccc" /><title
|
||||
id="title1-9">delete-circle</title><title
|
||||
id="title1-53">ghost</title><path
|
||||
d="m 112.39499,150.28334 a 1.9050024,1.9050024 0 0 0 -1.905,1.905 v 2.32833 l 0.635,-0.635 0.635,0.635 0.635,-0.635 0.635,0.635 0.635,-0.635 0.63501,0.635 v -2.32833 a 1.9050024,1.9050024 0 0 0 -1.90501,-1.905 m -0.635,1.27 a 0.42333387,0.42333387 0 0 1 0.42334,0.42333 0.42333387,0.42333387 0 0 1 -0.42334,0.42334 0.42333387,0.42333387 0 0 1 -0.42333,-0.42334 0.42333387,0.42333387 0 0 1 0.42333,-0.42333 m 1.27,0 a 0.42333387,0.42333387 0 0 1 0.42334,0.42333 0.42333387,0.42333387 0 0 1 -0.42334,0.42334 0.42333387,0.42333387 0 0 1 -0.42333,-0.42334 0.42333387,0.42333387 0 0 1 0.42333,-0.42333 z"
|
||||
id="path1-5"
|
||||
style="fill:#005190;fill-opacity:1;stroke-width:0.264583" /></g></svg>
|
||||
|
Before Width: | Height: | Size: 3.2 KiB |
|
|
@ -1,7 +1,7 @@
|
|||
export class API {
|
||||
// query resolves into the JSON data produced by the application, or an exception with 'type' and 'error' properties.
|
||||
static async query(method, path, request) {
|
||||
try {
|
||||
return new Promise((resolve, reject) => {
|
||||
const body = JSON.stringify(request)
|
||||
const headers = {}
|
||||
|
||||
|
|
@ -12,22 +12,33 @@ export class API {
|
|||
headers.Authorization = `Bearer ${token}`
|
||||
}
|
||||
|
||||
const res = await fetch(path, { method, headers, body })
|
||||
// An HTTP communication level error occured.
|
||||
if (!res.ok || res.status != 200)
|
||||
throw new Error('HTTP error', { cause: { type: 'http', error: res, }})
|
||||
|
||||
// Application level response are handled here.
|
||||
const json = await res.json()
|
||||
if (!json.OK)
|
||||
throw new Error(json.Error, { cause: { type: 'application', application: json, }})
|
||||
|
||||
return json
|
||||
|
||||
} catch (err) {
|
||||
// Catch any other errors from fetch.
|
||||
throw new Error(err.message, { cause: { type: 'http', error: err, }})
|
||||
}
|
||||
fetch(path, { method, headers, body })
|
||||
.then(response => {
|
||||
// An HTTP communication level error occured.
|
||||
if (!response.ok || response.status != 200)
|
||||
return reject({
|
||||
type: 'http',
|
||||
error: response,
|
||||
})
|
||||
return response.json()
|
||||
})
|
||||
.then(json => {
|
||||
// Application level response are handled here.
|
||||
if (!json.OK)
|
||||
return reject({
|
||||
type: 'application',
|
||||
error: json.Error,
|
||||
application: json,
|
||||
})
|
||||
resolve(json)
|
||||
})
|
||||
.catch(err =>
|
||||
// Catch any other errors from fetch.
|
||||
reject({
|
||||
type: 'http',
|
||||
error: err,
|
||||
}))
|
||||
})
|
||||
}
|
||||
|
||||
static hasAuthenticationToken() {//{{{
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@ import { ROOT_NODE } from 'node_store'
|
|||
import { CustomHTMLElement } from './lib/custom_html_element.mjs'
|
||||
import { N2Sidebar } from 'sidebar'
|
||||
import { Node } from 'node'
|
||||
import { N2PreferenceSet } from './page_preferences.mjs'
|
||||
|
||||
export class App {
|
||||
static PAGES = ['node', 'history', 'storage']
|
||||
|
|
@ -15,8 +14,6 @@ export class App {
|
|||
this.nodeUI = document.getElementById('note')
|
||||
this.dragIcon = new N2DragIcon()
|
||||
|
||||
this.preferences = this.getPreferences()
|
||||
|
||||
this.sidebar.render().then(sidebar => {
|
||||
document.getElementById('tree').append(sidebar)
|
||||
document.getElementById('tree-nodes')?.focus()
|
||||
|
|
@ -64,11 +61,6 @@ export class App {
|
|||
classList.add('page-' + page)
|
||||
})
|
||||
|
||||
_mbus.subscribe('DEVICE_PREFERENCE_SET_UPDATED', ()=>{
|
||||
this.preferences = this.getPreferences()
|
||||
console.log(this.preferences.data)
|
||||
})
|
||||
|
||||
window.addEventListener('keydown', event => this.keyHandler(event))
|
||||
window.addEventListener('popstate', event => this.popState(event))
|
||||
document.getElementById('notes2').addEventListener('click', event => {
|
||||
|
|
@ -219,12 +211,6 @@ export class App {
|
|||
let classList = document.querySelector('#main-page').classList
|
||||
return classList.contains(page)
|
||||
}// }}}
|
||||
getPreferences() {// {{{
|
||||
const devPrefSet = localStorage.getItem('device_preference_set') || 'default'
|
||||
const userData = localStorage.getItem('user') || '{"default": {}}'
|
||||
const user = JSON.parse(userData)
|
||||
return new N2PreferenceSet(devPrefSet, user.Preferences[devPrefSet])
|
||||
}// }}}
|
||||
}
|
||||
|
||||
class N2Crumbs extends CustomHTMLElement {
|
||||
|
|
|
|||
|
|
@ -1,17 +1,7 @@
|
|||
/* Use data-el or data-field attribute.
|
||||
* Element with data-el="hum-ding" is accessible as this.elHumDing and fields with
|
||||
* data-field="long-dong" as this.fieldLongDong.
|
||||
*
|
||||
* All field values can be retrieved with fieldValues() and uses the data-field attribute
|
||||
* as LongDong as key.
|
||||
*/
|
||||
|
||||
export class CustomHTMLElement extends HTMLElement {
|
||||
constructor(useShadow) {// {{{
|
||||
super()
|
||||
|
||||
this._fields = new Map()
|
||||
|
||||
const workOn = useShadow ? this.attachShadow({ mode: 'open' }) : this
|
||||
workOn.appendChild(this.constructor.tmpl.content.cloneNode(true))
|
||||
workOn.querySelectorAll('*').forEach(el => {
|
||||
|
|
@ -19,7 +9,6 @@ export class CustomHTMLElement extends HTMLElement {
|
|||
if (field !== undefined) {
|
||||
const fieldName = this.toElementName('field', field)
|
||||
this[fieldName] = el
|
||||
this._fields.set(this.toElementName('', field), el)
|
||||
}
|
||||
|
||||
const name = el.dataset.el
|
||||
|
|
@ -30,22 +19,39 @@ export class CustomHTMLElement extends HTMLElement {
|
|||
}
|
||||
})
|
||||
}// }}}
|
||||
allFields() {// {{{
|
||||
return this._fields
|
||||
}// }}}
|
||||
fieldValues() {// {{{
|
||||
const state = {}
|
||||
for (const [name, field] of this._fields) {
|
||||
if (field.tagName.toLowerCase() == 'input' && field.getAttribute('type').toLowerCase() == 'checkbox')
|
||||
state[name] = field.checked
|
||||
else
|
||||
state[name] = field.value
|
||||
|
||||
}
|
||||
return state
|
||||
}// }}}
|
||||
toElementName(prefix, str) {// {{{
|
||||
str = prefix + '-' + str
|
||||
return str.replace(/-(id|[a-z])/g, match => match.toUpperCase().replace('-', ''))
|
||||
}// }}}
|
||||
}
|
||||
|
||||
export class StupidPreactCustomHTMLElement extends HTMLElement {
|
||||
constructor() {// {{{
|
||||
super()
|
||||
|
||||
// Stupid stuff because of Preact.
|
||||
this.clonedNodes = this.constructor.tmpl.content.cloneNode(true)
|
||||
this.clonedNodes.querySelectorAll('*').forEach(el => {
|
||||
const field = el.dataset.field
|
||||
if (field !== undefined) {
|
||||
const fieldName = this.toElementName('field', field)
|
||||
this[fieldName] = el
|
||||
}
|
||||
|
||||
const name = el.dataset.el
|
||||
if (name !== undefined) {
|
||||
const elName = this.toElementName('el', name)
|
||||
this[elName] = el
|
||||
el.classList.add('el-' + name)
|
||||
}
|
||||
})
|
||||
}// }}}
|
||||
toElementName(prefix, str) {// {{{
|
||||
str = prefix + '-' + str
|
||||
return str.replace(/-(id|[a-z])/g, match => match.toUpperCase().replace('-', ''))
|
||||
}// }}}
|
||||
connectedCallback() {// {{{
|
||||
// Stupid stuff because of Preact.
|
||||
this.appendChild(this.clonedNodes)
|
||||
}// }}}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -94,7 +94,6 @@ export class MarkedPosition {
|
|||
constructor() {// {{{
|
||||
window.marked_setpos = (event) => this.setpos(event)
|
||||
window.marked_changecheckbox = (event) => this.changecheckbox(event)
|
||||
window.marked_copy_to_clipboard = (event, tagname) => this.copy_to_clipboard(event, tagname)
|
||||
this.render()
|
||||
}// }}}
|
||||
setpos(event) {// {{{
|
||||
|
|
@ -120,32 +119,8 @@ export class MarkedPosition {
|
|||
}
|
||||
})
|
||||
}// }}}
|
||||
async copy_to_clipboard(event, tagname) {// {{{
|
||||
if (!event.shiftKey)
|
||||
return
|
||||
|
||||
try {
|
||||
// Stop text selections on the page to the mouse pointer.
|
||||
// Old selections are remove as well to give a cleaner view
|
||||
// of the copied text/highlighting.
|
||||
event.preventDefault()
|
||||
event.stopPropagation()
|
||||
window.getSelection().removeAllRanges()
|
||||
|
||||
const text = event.target.innerText
|
||||
await navigator.clipboard.writeText(text)
|
||||
|
||||
const tagClasslist = event.target.closest(tagname).classList
|
||||
tagClasslist.add('copy')
|
||||
setTimeout(()=>tagClasslist.remove('copy'), 250)
|
||||
|
||||
} catch (err) {
|
||||
console.error('Failed to copy: ', err)
|
||||
alert('Failed to copy: ', err)
|
||||
}
|
||||
}// }}}
|
||||
|
||||
render() {// {{{
|
||||
const markedObject = this
|
||||
this.marked = new Marked()
|
||||
this.marked.use(markedTokenPosition())
|
||||
this.marked.use({
|
||||
|
|
@ -190,12 +165,12 @@ export class MarkedPosition {
|
|||
const code = token.text.replace(other.endingNewline, '') + '\n'
|
||||
|
||||
if (!langString) {
|
||||
return `<pre ondblclick="marked_setpos(event)" onmousedown="marked_copy_to_clipboard(event, 'pre')" data-offset-start="${token.position.start.offset}" data-offset-end="${token.position.end.offset}"><code>`
|
||||
return `<pre ondblclick="marked_setpos(event)" data-offset-start="${token.position.start.offset}" data-offset-end="${token.position.end.offset}"><code>`
|
||||
+ (token.escaped ? code : escapeHtmlEntities(code, true))
|
||||
+ '</code></pre>\n'
|
||||
}
|
||||
|
||||
return `<pre ondblclick="marked_setpos(event)" onmousedown="marked_copy_to_clipboard(event, 'pre')" data-offset-start="${token.position.start.offset}" data-offset-end="${token.position.end.offset}"><code class="language-`
|
||||
return `<pre ondblclick="marked_setpos(event)" data-offset-start="${token.position.start.offset}" data-offset-end="${token.position.end.offset}"><code class="language-`
|
||||
+ escapeHtmlEntities(langString)
|
||||
+ '">'
|
||||
+ (token.escaped ? code : escapeHtmlEntities(code, true))
|
||||
|
|
@ -285,7 +260,7 @@ export class MarkedPosition {
|
|||
},
|
||||
|
||||
codespan(token) {
|
||||
return `<code ondblclick="marked_setpos(event)" onmousedown="marked_copy_to_clipboard(event, 'code')" data-offset-start="${token.position.start.offset}" data-offset-end="${token.position.end.offset}">${escapeHtmlEntities(token.text, true)}</code>`
|
||||
return `<code ondblclick="marked_setpos(event)" data-offset-start="${token.position.start.offset}" data-offset-end="${token.position.end.offset}">${escapeHtmlEntities(token.text, true)}</code>`
|
||||
},
|
||||
|
||||
br(token) {
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
import { Node } from 'node'
|
||||
|
||||
export const ROOT_NODE = '00000000-0000-0000-0000-000000000000'
|
||||
export const ORPHANED_NODE = '00000000-0000-0000-0000-000000000001'
|
||||
export const DELETED_NODE = '00000000-0000-0000-0000-000000000002'
|
||||
|
||||
export class NodeStore {
|
||||
constructor() {//{{{
|
||||
|
|
@ -15,8 +13,6 @@ export class NodeStore {
|
|||
this.sendQueue = null
|
||||
this.nodesHistory = null
|
||||
this.files = null
|
||||
|
||||
this.initializeSpecialNodes()
|
||||
}//}}}
|
||||
initializeDB() {//{{{
|
||||
return new Promise((resolve, reject) => {
|
||||
|
|
@ -80,7 +76,8 @@ export class NodeStore {
|
|||
this.sendQueue = new SimpleNodeStore(this.db, 'send_queue')
|
||||
this.nodesHistory = new NodeHistoryStore(this.db, 'nodes_history')
|
||||
this.files = new SimpleNodeStore(this.db, 'files')
|
||||
resolve()
|
||||
this.initializeRootNode()
|
||||
.then(() => resolve())
|
||||
}
|
||||
|
||||
req.onerror = (event) => {
|
||||
|
|
@ -88,11 +85,40 @@ export class NodeStore {
|
|||
}
|
||||
})
|
||||
}//}}}
|
||||
initializeSpecialNodes() {// {{{
|
||||
this.nodes[ROOT_NODE] = new Node({ UUID: ROOT_NODE, Name: 'Start', Special: true }, -1)
|
||||
this.nodes[DELETED_NODE] = new Node({ UUID: DELETED_NODE, Name: 'Deleted nodes', Special: true }, -1)
|
||||
this.nodes[ORPHANED_NODE] = new Node({ UUID: ORPHANED_NODE, Name: 'Orphaned nodes', Special: true }, -1)
|
||||
}// }}}
|
||||
initializeRootNode() {//{{{
|
||||
return new Promise((resolve, reject) => {
|
||||
// The root node is a magical node which displays as the first node if none is specified.
|
||||
// If not already existing, it will be created.
|
||||
const trx = this.db.transaction('nodes', 'readwrite')
|
||||
const nodes = trx.objectStore('nodes')
|
||||
const getRequest = nodes.get(ROOT_NODE)
|
||||
getRequest.onsuccess = (event) => {
|
||||
// Root node exists - nice!
|
||||
if (event.target.result !== undefined) {
|
||||
resolve(event.target.result)
|
||||
return
|
||||
}
|
||||
|
||||
const putRequest = nodes.put({
|
||||
UUID: ROOT_NODE,
|
||||
Name: 'Notes2',
|
||||
Content: 'Hello, World!',
|
||||
Updated: new Date().toISOString(),
|
||||
ParentUUID: '',
|
||||
})
|
||||
putRequest.onsuccess = (event) => {
|
||||
resolve(event.target.result)
|
||||
}
|
||||
putRequest.onerror = (event) => {
|
||||
reject(event.target.error)
|
||||
}
|
||||
}
|
||||
getRequest.onerror = (event) => reject(event.target.error)
|
||||
})
|
||||
}//}}}
|
||||
purgeCache() {//{{{
|
||||
this.nodes = {}
|
||||
}//}}}
|
||||
|
||||
node(uuid, dataIfUndefined, newLevel) {//{{{
|
||||
let n = this.nodes[uuid]
|
||||
|
|
@ -246,14 +272,6 @@ export class NodeStore {
|
|||
}//}}}
|
||||
get(uuid, suppliedNodestore) {//{{{
|
||||
return new Promise((resolve, reject) => {
|
||||
switch (uuid) {
|
||||
case ROOT_NODE:
|
||||
case DELETED_NODE:
|
||||
case ORPHANED_NODE:
|
||||
resolve(this.nodes[uuid])
|
||||
return
|
||||
}
|
||||
|
||||
// A nodestore can be provided in order to
|
||||
// avoid creating new transactions.
|
||||
let trx
|
||||
|
|
@ -291,16 +309,6 @@ export class NodeStore {
|
|||
return
|
||||
}
|
||||
|
||||
if (node.UUID === DELETED_NODE || node.ParentUUID === DELETED_NODE) {
|
||||
resolve(accumulated)
|
||||
return
|
||||
}
|
||||
|
||||
if (node.UUID === ORPHANED_NODE || node.ParentUUID === ORPHANED_NODE) {
|
||||
resolve(accumulated)
|
||||
return
|
||||
}
|
||||
|
||||
const getRequest = nodeParentIndex.get(node.ParentUUID)
|
||||
getRequest.onsuccess = (event) => {
|
||||
// Node not found in IndexedDB.
|
||||
|
|
|
|||
|
|
@ -2,70 +2,14 @@ import { ROOT_NODE, uuidv7 } from 'node_store'
|
|||
import { CustomHTMLElement } from './lib/custom_html_element.mjs'
|
||||
import { MarkedPosition } from './marked_position.mjs'
|
||||
|
||||
class N2NodeMenu extends CustomHTMLElement {
|
||||
static {// {{{
|
||||
this.tmpl = document.createElement('template')
|
||||
this.tmpl.innerHTML = `
|
||||
<style>
|
||||
n2-nodemenu {
|
||||
margin: 8px 0;
|
||||
padding: 0;
|
||||
position-anchor: --node-menu;
|
||||
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
|
||||
|
||||
top: anchor(bottom);
|
||||
right: anchor(right);
|
||||
left: auto;
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
.menu-item {
|
||||
padding: 8px 16px 8px 8px;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: min-content 1fr;
|
||||
grid-gap: 16px;
|
||||
align-items: center;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: unset;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--menu-item-hover-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="node-menu">
|
||||
<div class="menu-item" data-el="format-tables">
|
||||
<img class="colorize" src="/images/${_VERSION}/icon_table.svg">
|
||||
<div>Format tables</div>
|
||||
</div>
|
||||
|
||||
<div class="menu-item" data-el="history">
|
||||
<img class="colorize" src="/images/${_VERSION}/icon_history.svg">
|
||||
<div>History</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
`
|
||||
}// }}}
|
||||
constructor() {// {{{
|
||||
super()
|
||||
}// }}}
|
||||
}
|
||||
customElements.define('n2-nodemenu', N2NodeMenu)
|
||||
|
||||
export class N2PageNodeUI extends CustomHTMLElement {
|
||||
static {// {{{
|
||||
this.tmpl = document.createElement('template')
|
||||
this.tmpl.innerHTML = `
|
||||
<style>
|
||||
n2-nodeui > .el-functions {
|
||||
.el-functions {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(3, min-content);
|
||||
grid-template-columns: 1fr repeat(5, min-content);
|
||||
grid-gap: 8px;
|
||||
align-items: center;
|
||||
justify-items: end;
|
||||
|
|
@ -74,14 +18,6 @@ export class N2PageNodeUI extends CustomHTMLElement {
|
|||
img {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.el-menu {
|
||||
anchor-name: --node-menu;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
<div data-el="name"></div>
|
||||
|
|
@ -92,13 +28,11 @@ export class N2PageNodeUI extends CustomHTMLElement {
|
|||
<div data-el="functions">
|
||||
<img data-el="icon-save" src="/images/${_VERSION}/icon_save_disabled.svg">
|
||||
<img data-el="icon-markdown">
|
||||
<img data-el="icon-table-format" class="colorize" src="/images/${_VERSION}/icon_table.svg">
|
||||
<img data-el="icon-history" class="colorize" src="/images/${_VERSION}/icon_history.svg">
|
||||
<img data-el="icon-new-document" class="colorize" src="/images/${_VERSION}/icon_new_document.svg">
|
||||
<button data-el="menu" popovertarget="node-functions-menu">
|
||||
<img data-el="icon-menu" class="colorize" src="/images/${_VERSION}/icon_menu.svg">
|
||||
</button>
|
||||
<n2-nodemenu data-el="node-menu" id="node-functions-menu" popover></n2-nodemenu>
|
||||
<img data-el="icon-menu" class="colorize" src="/images/${_VERSION}/icon_menu.svg" popovertarget="node-menu">
|
||||
</div>
|
||||
|
||||
`
|
||||
}// }}}
|
||||
|
||||
|
|
@ -107,14 +41,12 @@ export class N2PageNodeUI extends CustomHTMLElement {
|
|||
this.node = null
|
||||
|
||||
this.style.display = 'contents'
|
||||
this.classList.add('show-markdown') // TODO Should probably be moved to settings.
|
||||
this.marked = new MarkedPosition()
|
||||
|
||||
_mbus.subscribe('NODE_UI_OPEN', event => {
|
||||
this.node = event.detail.data
|
||||
|
||||
|
||||
if (!this.node.isSpecial())
|
||||
this.showMarkdown(true)
|
||||
this.showMarkdown(true)
|
||||
this.render()
|
||||
})
|
||||
|
||||
|
|
@ -135,27 +67,11 @@ export class N2PageNodeUI extends CustomHTMLElement {
|
|||
_mbus.subscribe('MARKDOWN_EDIT', ({ detail }) => this.editMarkdown(detail.data))
|
||||
_mbus.subscribe('MARKDOWN_CHANGE_CHECKBOX', ({ detail }) => this.checkboxUpdated(detail.data))
|
||||
|
||||
// Binding the node rename handler.
|
||||
this.elName.addEventListener('click', async () => this.renameNode())
|
||||
|
||||
// Bind handlers for content keyboard input and paste.
|
||||
this.elNodeContent.addEventListener('input', event => this.contentChanged(event))
|
||||
this.elNodeContent.addEventListener('paste', async (event) => this.pasteHandler(event))
|
||||
|
||||
// Bind node icon handlers.
|
||||
this.elIconSave.addEventListener('click', () => this.saveNode())
|
||||
this.elIconMarkdown.addEventListener('click', () => this.showMarkdown(!this.showMarkdown()))
|
||||
this.elIconNewDocument.addEventListener('click', event => {
|
||||
if (event.shiftKey)
|
||||
_app.createNode(this.node.ParentUUID)
|
||||
else
|
||||
_app.createNode()
|
||||
})
|
||||
|
||||
// Bind node menu items to handlers.
|
||||
this.elNodeMenu.elFormatTables.addEventListener('click', event => {
|
||||
this.elNodeMenu.hidePopover()
|
||||
|
||||
this.elIconTableFormat.addEventListener('click', event => {
|
||||
if (!event.shiftKey)
|
||||
this.elNodeContent.value = this.formatAllTables(this.elNodeContent.value)
|
||||
else {
|
||||
|
|
@ -169,12 +85,15 @@ export class N2PageNodeUI extends CustomHTMLElement {
|
|||
|
||||
this.node.setContent(this.elNodeContent.value)
|
||||
})
|
||||
this.elNodeMenu.elHistory.addEventListener('click', () => {
|
||||
_mbus.dispatch('SHOW_PAGE', { page: 'history' })
|
||||
this.elIconHistory.addEventListener('click', () => _mbus.dispatch('SHOW_PAGE', { page: 'history' }))
|
||||
this.elIconSave.addEventListener('click', () => this.saveNode())
|
||||
this.elIconNewDocument.addEventListener('click', event => {
|
||||
if (event.shiftKey)
|
||||
_app.createNode(this.node.ParentUUID)
|
||||
else
|
||||
_app.createNode()
|
||||
})
|
||||
|
||||
// Default is to always show markdown.
|
||||
this.classList.add('show-markdown') // TODO Should probably be moved to settings.
|
||||
this.showMarkdown(true)
|
||||
}// }}}
|
||||
renderName() {// {{{
|
||||
|
|
@ -387,7 +306,7 @@ export class N2PageNodeUI extends CustomHTMLElement {
|
|||
|
||||
// Node is modified with the new value. User has to save manually, otherwise other changes could be saved
|
||||
// when a save wasn't expected.
|
||||
const newValue = `[${checkbox.checked ? 'x' : ' '}] `
|
||||
const newValue =`[${checkbox.checked ? 'x' : ' '}] `
|
||||
const modifiedContent = this.node.content().slice(0, pos.start) + newValue + this.node.content().slice(pos.end)
|
||||
this.node.setContent(modifiedContent)
|
||||
|
||||
|
|
@ -505,9 +424,6 @@ export class Node {
|
|||
return this._parent
|
||||
}//}}}
|
||||
moveToParent(newParentUUID) {// {{{
|
||||
if (this.UUID === newParentUUID)
|
||||
throw new Error("New parent UUID is the same as node UUID. Can't be your own parent.")
|
||||
|
||||
this.ParentUUID = newParentUUID
|
||||
this.data.ParentUUID = newParentUUID
|
||||
this._modified = true
|
||||
|
|
@ -518,9 +434,6 @@ export class Node {
|
|||
isFirstSibling() {//{{{
|
||||
return this._sibling_before === null
|
||||
}//}}}
|
||||
isSpecial() {// {{{
|
||||
return this.data.Special
|
||||
}// }}}
|
||||
content() {//{{{
|
||||
/* TODO - implement crypto
|
||||
if (this.CryptoKeyID != 0 && !this._decrypted)
|
||||
|
|
@ -584,10 +497,23 @@ export class Node {
|
|||
console.log('waiting')
|
||||
await Promise.all([history, sendQueue, nodeStoreAdding])
|
||||
console.log('waiting done')
|
||||
|
||||
|
||||
return
|
||||
}//}}}
|
||||
}
|
||||
|
||||
class N2Menu extends CustomHTMLElement {
|
||||
static {
|
||||
this.tmpl = document.createElement('template')
|
||||
this.tmpl.innerHTML = `
|
||||
<div id="node-menu" popover>Popover content</div>
|
||||
`
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super()
|
||||
}
|
||||
}
|
||||
customElements.define('n2-menu', N2Menu)
|
||||
|
||||
// vim: foldmethod=marker
|
||||
|
|
|
|||
|
|
@ -1,283 +0,0 @@
|
|||
import { CustomHTMLElement } from "./lib/custom_html_element.mjs"
|
||||
import { API } from './api.mjs'
|
||||
|
||||
export class N2PagePreferences extends CustomHTMLElement {
|
||||
static {// {{{
|
||||
this.tmpl = document.createElement('template')
|
||||
this.tmpl.innerHTML = `
|
||||
<style>
|
||||
.el-sets {
|
||||
display: grid;
|
||||
grid-template-columns: min-content;
|
||||
grid-gap: 32px;
|
||||
}
|
||||
|
||||
:host > div {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.dev-pref-set {
|
||||
display: grid;
|
||||
grid-template-columns: min-content min-content;
|
||||
grid-gap: 16px;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
</style>
|
||||
<h1>Preferences</h1>
|
||||
|
||||
<div>Changes preferences to not download images or files on the device doesn't remove the already downloaded data.</div>
|
||||
|
||||
<div class="dev-pref-set">
|
||||
<div>Device preference set</div>
|
||||
<select data-el="dev-preference-set"></select>
|
||||
</div>
|
||||
|
||||
<div data-el="sets"></div>
|
||||
|
||||
<button data-el="new-set">New set</button>
|
||||
<button data-el="save" disabled>Save</button>
|
||||
`
|
||||
}// }}}
|
||||
constructor() {// {{{
|
||||
super(true)
|
||||
this.sets = []
|
||||
|
||||
this.elNewSet.addEventListener('click', () => this.newSet())
|
||||
this.elSave.addEventListener('click', () => this.save())
|
||||
this.elDevPreferenceSet.addEventListener('change', event=>this.changePreferenceSet(event))
|
||||
|
||||
window._mbus.subscribe('SHOW_PAGE', async event => {
|
||||
if (event.detail.data?.page == 'preferences') {
|
||||
this.sets = await this.getPreferenceSets()
|
||||
this.render()
|
||||
}
|
||||
})
|
||||
|
||||
window._mbus.subscribe('PREFERENCE_SET_MODIFIED', () => this.preferencesModified())
|
||||
window._mbus.subscribe('PREFERENCE_SET_DELETE', event => this.preferencesDelete(event.detail.data.set))
|
||||
}// }}}
|
||||
sortSets(a, b) {// {{{
|
||||
if (a.name == 'default') return -1
|
||||
if (b.name == 'default') return 1
|
||||
|
||||
if (a.name.toLowerCase() < b.name.toLowerCase()) return -1
|
||||
if (a.name.toLowerCase() > b.name.toLowerCase()) return 1
|
||||
|
||||
return 0
|
||||
}// }}}
|
||||
async render() {// {{{
|
||||
try {
|
||||
this.sets.sort(this.sortSets)
|
||||
this.elSets.replaceChildren(...this.sets)
|
||||
|
||||
const setNames = this.sets.entries().map(([i, set]) => {
|
||||
const optn = document.createElement('option')
|
||||
optn.innerText = set.name
|
||||
return optn
|
||||
})
|
||||
this.elDevPreferenceSet.replaceChildren(...setNames)
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
alert(e.message)
|
||||
}
|
||||
}// }}}
|
||||
async getPreferenceSets() {// {{{
|
||||
const userData = localStorage.getItem('user')
|
||||
if (userData === null)
|
||||
throw new Error('Could not find user in localStorage')
|
||||
|
||||
const user = JSON.parse(userData)
|
||||
const prefsData = user.Preferences
|
||||
|
||||
if (prefsData === undefined)
|
||||
throw new Error('User object is missing preferences')
|
||||
|
||||
if (!prefsData.hasOwnProperty('default'))
|
||||
throw new Error('The "default" preferences set is missing')
|
||||
|
||||
return Object.keys(prefsData).map(name => new N2PreferenceSet(name, prefsData[name]))
|
||||
}// }}}
|
||||
async retrieveServerPreferences() {// {{{
|
||||
try {
|
||||
API.query('GET', '/user/preferences')
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
alert(`Error retrieving preferences: ${e.message}`)
|
||||
}
|
||||
}// }}}
|
||||
changePreferenceSet(event) {// {{{
|
||||
this.preferencesModified()
|
||||
}// }}}
|
||||
newSet() {// {{{
|
||||
let name = prompt("Name for new preference set")
|
||||
if (!name)
|
||||
return
|
||||
|
||||
name = name.trim()
|
||||
if (name === '')
|
||||
return
|
||||
|
||||
if (name == 'default') {
|
||||
alert(`Name can't be "default".`)
|
||||
return
|
||||
}
|
||||
|
||||
const exists = this.sets.some(s => s.name.toLowerCase() == name.toLowerCase())
|
||||
if (exists) {
|
||||
alert(`Set with name "${name}" already exist.`)
|
||||
return
|
||||
}
|
||||
|
||||
this.sets.push(new N2PreferenceSet(name, {}))
|
||||
this.preferencesModified()
|
||||
this.render()
|
||||
}// }}}
|
||||
preferencesModified() {// {{{
|
||||
this.elSave.removeAttribute('disabled')
|
||||
}// }}}
|
||||
preferencesDelete(deleteSet) {// {{{
|
||||
if (deleteSet.name == 'default') {
|
||||
alert("Can't delete the default set.")
|
||||
return
|
||||
}
|
||||
|
||||
if (!confirm(`Confirm deleting "${deleteSet.name}"`))
|
||||
return
|
||||
|
||||
this.sets = this.sets.filter(set => {
|
||||
return !(set.name === deleteSet.name)
|
||||
})
|
||||
|
||||
this.preferencesModified()
|
||||
this.render()
|
||||
}// }}}
|
||||
async save() {// {{{
|
||||
try {
|
||||
let newPrefs = {}
|
||||
this.sets.forEach(s => {
|
||||
const setState = s.getState()
|
||||
newPrefs[setState.name] = setState.state
|
||||
})
|
||||
|
||||
// Throws exception on both HTTP and application errors.
|
||||
await API.query('POST', '/user/preferences', newPrefs)
|
||||
|
||||
const userData = localStorage.getItem('user')
|
||||
const user = JSON.parse(userData)
|
||||
user.Preferences = newPrefs
|
||||
localStorage.setItem('user', JSON.stringify(user))
|
||||
localStorage.setItem('device_preference_set', this.elDevPreferenceSet.value)
|
||||
_mbus.dispatch('DEVICE_PREFERENCE_SET_UPDATED')
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
alert(e.message)
|
||||
} finally {
|
||||
this.elSave.setAttribute('disabled', true)
|
||||
}
|
||||
|
||||
}// }}}
|
||||
}
|
||||
customElements.define('n2-pagepreferences', N2PagePreferences)
|
||||
|
||||
// Preferences is a set of preferences, of which there can be many named.
|
||||
export class N2PreferenceSet extends CustomHTMLElement {
|
||||
static {// {{{
|
||||
this.tmpl = document.createElement('template')
|
||||
this.tmpl.innerHTML = `
|
||||
<style>
|
||||
:host {
|
||||
border: 1px solid var(--line-color);
|
||||
padding: 16px;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: min-content 1fr;
|
||||
justify-items: start;
|
||||
align-items: center;
|
||||
grid-gap: 8px 16px;
|
||||
white-space: nowrap;
|
||||
user-select: none;
|
||||
|
||||
.header {
|
||||
grid-column: 1 / -1;
|
||||
width: 100%;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr min-content;
|
||||
|
||||
.el-name {
|
||||
font-weight: bold;
|
||||
margin-bottom: 32px;
|
||||
cursor: pointer;
|
||||
color: var(--color1);
|
||||
}
|
||||
|
||||
.el-delete {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="header">
|
||||
<div data-el="name"></div>
|
||||
<div data-el="delete">✘</div>
|
||||
</div>
|
||||
|
||||
<div><label for="download-images">Download images on device</label></div>
|
||||
<input data-field="download-images" type="checkbox" id="download-images">
|
||||
|
||||
<div><label for="download-files">Download files on device</label></div>
|
||||
<input data-field="download-files" type="checkbox" id="download-files">
|
||||
`
|
||||
}// }}}
|
||||
constructor(name, data) {// {{{
|
||||
super(true)
|
||||
this.name = name
|
||||
this.data = data
|
||||
this.render()
|
||||
|
||||
// Enable the save button when settings are modified.
|
||||
this.allFields().forEach(f =>
|
||||
f.addEventListener('input', () => _mbus.dispatch('PREFERENCE_SET_MODIFIED'))
|
||||
)
|
||||
|
||||
this.elName.addEventListener('click', () => this.updateName())
|
||||
this.elDelete.addEventListener('click', () => this.deleteSet())
|
||||
}// }}}
|
||||
updateName() {// {{{
|
||||
if (this.name == 'default') {
|
||||
alert('Can not change name of the default profile.')
|
||||
return
|
||||
}
|
||||
|
||||
const name = prompt("Change name", this.name)
|
||||
if (!name)
|
||||
return
|
||||
|
||||
this.name = name
|
||||
this.render()
|
||||
_mbus.dispatch('PREFERENCE_SET_MODIFIED')
|
||||
}// }}}
|
||||
deleteSet() {// {{{
|
||||
_mbus.dispatch('PREFERENCE_SET_DELETE', { set: this })
|
||||
}// }}}
|
||||
render() {// {{{
|
||||
this.elName.innerText = this.name
|
||||
|
||||
this.fieldDownloadImages.checked = this.data.DownloadImages
|
||||
this.fieldDownloadFiles.checked = this.data.DownloadFiles
|
||||
}// }}}
|
||||
getState() {// {{{
|
||||
const name = this.name.trim()
|
||||
if (name === '')
|
||||
throw new Error('Name can not be empty.')
|
||||
|
||||
return {
|
||||
name: this.name.trim(),
|
||||
state: this.fieldValues(),
|
||||
}
|
||||
}// }}}
|
||||
}
|
||||
customElements.define('n2-preferenceset', N2PreferenceSet)
|
||||
|
|
@ -13,10 +13,7 @@ export class N2PageStorage extends CustomHTMLElement {
|
|||
constructor() {
|
||||
super()
|
||||
|
||||
window._mbus.subscribe('SHOW_PAGE', event => {
|
||||
if (event.detail.data?.page == 'storage')
|
||||
this.render()
|
||||
})
|
||||
window._mbus.subscribe('SHOW_PAGE', () => this.render())
|
||||
}
|
||||
async render() {
|
||||
const countNodes = await globalThis.nodeStore.nodeCount()
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
import { ROOT_NODE, ORPHANED_NODE, DELETED_NODE } from 'node_store'
|
||||
import { Node } from 'node'
|
||||
import { ROOT_NODE } from 'node_store'
|
||||
import { CustomHTMLElement } from './lib/custom_html_element.mjs'
|
||||
import { Color, Solver } from './lib/css_colorize.mjs'
|
||||
|
||||
|
|
@ -128,7 +127,6 @@ export class N2Sidebar extends CustomHTMLElement {
|
|||
this.elSearch.addEventListener('click', () => _mbus.dispatch('op-search'))
|
||||
this.elSync.addEventListener('click', () => _sync.run())
|
||||
this.elLogo.addEventListener('click', () => _app.goToNode(ROOT_NODE, false, false))
|
||||
this.elSettings.addEventListener('click', ()=> _mbus.dispatch('SHOW_PAGE', { page: 'preferences' }))
|
||||
this.elHideTree.addEventListener('click', event => {
|
||||
event.stopPropagation()
|
||||
_mbus.dispatch('TREE_EXPANSION', { expand: false })
|
||||
|
|
@ -158,26 +156,8 @@ export class N2Sidebar extends CustomHTMLElement {
|
|||
this.expandedNodes[ROOT_NODE] = true
|
||||
const startnode = await nodeStore.get(ROOT_NODE)
|
||||
const starttreenode = new N2TreeNode(this, startnode, null)
|
||||
|
||||
const deletednode = await nodeStore.get(DELETED_NODE)
|
||||
const deletedtreenode = new SpecialNodeDeleted(this, deletednode, null)
|
||||
|
||||
const orphanednode = await nodeStore.get(ORPHANED_NODE)
|
||||
const orphanedtreenode = new SpecialNodeOrphaned(this, orphanednode, null)
|
||||
|
||||
startnode._sibling_after = deletednode
|
||||
deletednode._sibling_before = startnode
|
||||
|
||||
deletednode._sibling_after = orphanednode
|
||||
orphanednode._sibling_before = deletednode
|
||||
|
||||
this.treeNodeComponents[startnode.UUID] = starttreenode
|
||||
this.treeNodeComponents[deletednode.UUID] = deletedtreenode
|
||||
this.treeNodeComponents[orphanednode.UUID] = orphanedtreenode
|
||||
|
||||
this.elTreenodes.appendChild(await starttreenode.render())
|
||||
this.elTreenodes.appendChild(await deletedtreenode.render())
|
||||
this.elTreenodes.appendChild(await orphanedtreenode.render())
|
||||
|
||||
// Notify the application that the initial tree is rendered (with children)
|
||||
// and that initial node selection can take place. App will check URL to
|
||||
|
|
@ -198,8 +178,9 @@ export class N2Sidebar extends CustomHTMLElement {
|
|||
this.expandedNodes[UUID] = false
|
||||
return this.expandedNodes[UUID]
|
||||
}//}}}
|
||||
async setNodeExpanded(node, value) {//{{{
|
||||
setNodeExpanded(node, value) {//{{{
|
||||
let expanded = this.expandedNodes[node.UUID]
|
||||
|
||||
if (expanded === undefined) {
|
||||
this.expandedNodes[node.UUID] = false
|
||||
expanded = false
|
||||
|
|
@ -249,6 +230,8 @@ export class N2Sidebar extends CustomHTMLElement {
|
|||
// Holding shift down does it recursively.
|
||||
case Space:
|
||||
case 'Enter':
|
||||
if (n.UUID === ROOT_NODE)
|
||||
return
|
||||
const expanded = this.getNodeExpanded(n.UUID)
|
||||
if (event.shiftKey) {
|
||||
this.recursiveExpand(n, !expanded)
|
||||
|
|
@ -257,31 +240,38 @@ export class N2Sidebar extends CustomHTMLElement {
|
|||
}
|
||||
break
|
||||
|
||||
case 'g':
|
||||
case 'Home':
|
||||
this.navigateTop()
|
||||
break
|
||||
|
||||
case 'G':
|
||||
case 'End':
|
||||
this.navigateBottom()
|
||||
break
|
||||
|
||||
case 'j':
|
||||
case 'ArrowDown':
|
||||
await this.navigateDown(this.selectedNode)
|
||||
break
|
||||
|
||||
case 'k':
|
||||
case 'ArrowUp':
|
||||
await this.navigateUp(this.selectedNode)
|
||||
break
|
||||
|
||||
case 'h':
|
||||
case 'ArrowLeft':
|
||||
await this.navigateLeft(this.selectedNode)
|
||||
break
|
||||
|
||||
case 'l':
|
||||
case 'ArrowRight':
|
||||
await this.navigateRight(this.selectedNode)
|
||||
break
|
||||
|
||||
default:
|
||||
// nonsole.log(event.key)
|
||||
handled = false
|
||||
}
|
||||
|
||||
|
|
@ -403,26 +393,23 @@ export class N2Sidebar extends CustomHTMLElement {
|
|||
}//}}}
|
||||
async navigateTop() {//{{{
|
||||
const root = await nodeStore.get(ROOT_NODE)
|
||||
_mbus.dispatch("GO_TO_NODE", { nodeUUID: root.UUID, dontPush: false, dontExpand: true })
|
||||
if (root.Children.length === 0)
|
||||
return
|
||||
_mbus.dispatch("GO_TO_NODE", { nodeUUID: root.Children[0]?.UUID, dontPush: false, dontExpand: true })
|
||||
}//}}}
|
||||
async navigateBottom() {//{{{
|
||||
const orphaned = await nodeStore.get(ORPHANED_NODE)
|
||||
|
||||
if (!orphaned.hasChildren() || this.getNodeExpanded(orphaned.UUID)) {
|
||||
_mbus.dispatch("GO_TO_NODE", { nodeUUID: orphaned.UUID, dontPush: false, dontExpand: true })
|
||||
const root = await nodeStore.get(ROOT_NODE)
|
||||
if (root.Children.length === 0)
|
||||
return
|
||||
}
|
||||
|
||||
/* TODO - fix this when orphaned nodes are implemented.
|
||||
const toplevel = orphaned.Children[orphaned.Children.length - 1]
|
||||
const toplevel = root.Children[root.Children.length - 1]
|
||||
const toplevelExpanded = this.getNodeExpanded(toplevel?.UUID)
|
||||
|
||||
if (toplevelExpanded) {
|
||||
const lastnode = this.getLastExpandedNode(toplevel)
|
||||
_mbus.dispatch("GO_TO_NODE", { nodeUUID: lastnode?.UUID, dontPush: false, dontExpand: true })
|
||||
} else
|
||||
_mbus.dispatch("GO_TO_NODE", { nodeUUID: orphaned.Children[orphaned.Children.length - 1]?.UUID, dontPush: false, dontExpand: true })
|
||||
*/
|
||||
_mbus.dispatch("GO_TO_NODE", { nodeUUID: root.Children[root.Children.length - 1]?.UUID, dontPush: false, dontExpand: true })
|
||||
}//}}}
|
||||
|
||||
getParentWithNextSibling(node) {//{{{
|
||||
|
|
@ -443,10 +430,6 @@ export class N2Sidebar extends CustomHTMLElement {
|
|||
if (state)
|
||||
await this.setNodeExpanded(node, true)
|
||||
|
||||
// An expanded node needs to have its children fetched.
|
||||
if (!node.hasFetchedChildren())
|
||||
await node.fetchChildren()
|
||||
|
||||
for (const child of node.Children)
|
||||
await this.recursiveExpand(child, state)
|
||||
|
||||
|
|
@ -479,9 +462,7 @@ export class N2TreeNode extends CustomHTMLElement {
|
|||
this.tmpl.innerHTML = `
|
||||
<style>
|
||||
n2-sidebar:focus-within {
|
||||
n2-specialnodedeleted > .el-name,
|
||||
n2-specialnodeorphaned > .el-name,
|
||||
n2-treenode > .el-name {
|
||||
& > .el-name {
|
||||
&.selected {
|
||||
span {
|
||||
position:relative;
|
||||
|
|
@ -575,12 +556,7 @@ export class N2TreeNode extends CustomHTMLElement {
|
|||
this.rendered = false
|
||||
this.dragNode = null
|
||||
|
||||
this.elExpandToggle.addEventListener('click', event => {
|
||||
if (this.node.hasChildren())
|
||||
this.expandNode(event)
|
||||
else
|
||||
_mbus.dispatch('TREE_NODE_SELECTED', this.node)
|
||||
})
|
||||
this.elExpandToggle.addEventListener('click', () => this.sidebar.setNodeExpanded(this.node, !this.sidebar.getNodeExpanded(this.node.UUID)))
|
||||
this.elName.addEventListener('click', () => _mbus.dispatch('TREE_NODE_SELECTED', this.node))
|
||||
|
||||
_mbus.subscribe(`NODE_EXPAND_${node.UUID}`, _state => {
|
||||
|
|
@ -595,7 +571,6 @@ export class N2TreeNode extends CustomHTMLElement {
|
|||
this.elName.addEventListener('dragenter', event => this.dragEnter(event))
|
||||
this.elName.addEventListener('dragleave', event => this.dragLeave(event))
|
||||
}// }}}
|
||||
|
||||
dragStart(e) {// {{{
|
||||
if (this.node.isModified()) {
|
||||
alert('Save note before moving it.')
|
||||
|
|
@ -623,25 +598,15 @@ export class N2TreeNode extends CustomHTMLElement {
|
|||
e.preventDefault()
|
||||
}// }}}
|
||||
async dragDrop(e) {// {{{
|
||||
try {
|
||||
e.stopPropagation()
|
||||
const sourceNode = _app.dragIcon.getSource()
|
||||
e.stopPropagation()
|
||||
const sourceNode = _app.dragIcon.getSource()
|
||||
await _app.moveNode(sourceNode.node, this.node.UUID)
|
||||
|
||||
// Abort if user drops the node back on itself.
|
||||
if (sourceNode.node.UUID === this.node.UUID)
|
||||
return
|
||||
_app.sidebar.setNodeExpanded(this, true)
|
||||
await this.render(true, true)
|
||||
await sourceNode.render(true, true)
|
||||
|
||||
await _app.moveNode(sourceNode.node, this.node.UUID)
|
||||
|
||||
_app.sidebar.setNodeExpanded(this, true)
|
||||
await this.render(true, true)
|
||||
await sourceNode.render(true, true)
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
alert(e)
|
||||
} finally {
|
||||
this.dragLeave(e)
|
||||
}
|
||||
this.dragLeave(e)
|
||||
}// }}}
|
||||
dragEnter(e) {// {{{
|
||||
const targetNode = e.target.closest('n2-treenode')
|
||||
|
|
@ -658,16 +623,6 @@ export class N2TreeNode extends CustomHTMLElement {
|
|||
_app.dragIcon.icon('')
|
||||
this.classList.remove('drag-target')
|
||||
}// }}}
|
||||
|
||||
async expandNode(event) {// {{{
|
||||
const expanded = _app.sidebar.getNodeExpanded(this.node.UUID)
|
||||
|
||||
if (event.shiftKey) {
|
||||
_app.sidebar.recursiveExpand(this.node, !expanded)
|
||||
} else {
|
||||
_app.sidebar.setNodeExpanded(this.node, !expanded)
|
||||
}
|
||||
}// }}}
|
||||
async fetchChildren(force_fetch) {//{{{
|
||||
if (this.children_populated && !force_fetch)
|
||||
return
|
||||
|
|
@ -703,17 +658,6 @@ export class N2TreeNode extends CustomHTMLElement {
|
|||
// The expand icon <img> is only changed to not get a flickering when re-rendering.
|
||||
if (this.node.UUID === ROOT_NODE)
|
||||
this.setImgSrc(this.elExpand, `/images/${window._VERSION}/icon_home.svg`)
|
||||
|
||||
else if (this.node.UUID === DELETED_NODE) {
|
||||
this.setImgSrc(this.elExpand, `/images/${window._VERSION}/leaf_deleted.svg`)
|
||||
this.elExpand.classList.add('deleted')
|
||||
}
|
||||
|
||||
else if (this.node.UUID === ORPHANED_NODE) {
|
||||
this.setImgSrc(this.elExpand, `/images/${window._VERSION}/leaf_orphaned.svg`)
|
||||
this.elExpand.classList.add('deleted')
|
||||
}
|
||||
|
||||
else if (!this.node.hasChildren())
|
||||
this.setImgSrc(this.elExpand, `/images/${window._VERSION}/leaf.svg`)
|
||||
else if (this.sidebar.getNodeExpanded(this.node.UUID))
|
||||
|
|
@ -749,23 +693,7 @@ export class N2TreeNode extends CustomHTMLElement {
|
|||
}// }}}
|
||||
}
|
||||
|
||||
class SpecialNodeDeleted extends N2TreeNode {
|
||||
constructor(sidebar, node, parent) {//{{{
|
||||
super(sidebar, node, parent)
|
||||
this.removeAttribute('draggable')
|
||||
}//}}}
|
||||
}
|
||||
|
||||
class SpecialNodeOrphaned extends N2TreeNode {
|
||||
constructor(sidebar, node, parent) {//{{{
|
||||
super(sidebar, node, parent)
|
||||
this.removeAttribute('draggable')
|
||||
}//}}}
|
||||
}
|
||||
|
||||
customElements.define('n2-sidebar', N2Sidebar)
|
||||
customElements.define('n2-treenode', N2TreeNode)
|
||||
customElements.define('n2-specialnodedeleted', SpecialNodeDeleted)
|
||||
customElements.define('n2-specialnodeorphaned', SpecialNodeOrphaned)
|
||||
|
||||
// vim: foldmethod=marker
|
||||
|
|
|
|||
|
|
@ -90,7 +90,6 @@ export class Sync {
|
|||
nodeStore.setAppState('latest_sync_node', currMax)
|
||||
} catch (e) {
|
||||
console.error('sync node tree', e)
|
||||
alert(e.message)
|
||||
} finally {
|
||||
syncEnd = Date.now()
|
||||
const duration = (syncEnd - syncStart) / 1000
|
||||
|
|
@ -158,8 +157,8 @@ export class Sync {
|
|||
_mbus.dispatch('SYNC_UPLOADED', { count: nodesToSend.length })
|
||||
|
||||
} catch (e) {
|
||||
console.error(e)
|
||||
alert(e.message)
|
||||
console.trace(e)
|
||||
alert(e.error)
|
||||
return
|
||||
}
|
||||
}
|
||||
|
|
|
|||
27
user.go
Normal file
27
user.go
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
package main
|
||||
|
||||
import (
|
||||
// External
|
||||
"github.com/golang-jwt/jwt/v5"
|
||||
)
|
||||
|
||||
type UserSession struct {
|
||||
UserID int
|
||||
Username string
|
||||
Password string
|
||||
Name string
|
||||
ClientUUID string
|
||||
}
|
||||
|
||||
func NewUser(claims jwt.MapClaims) (u UserSession) {
|
||||
uid, _ := claims["uid"].(float64)
|
||||
name, _ := claims["name"].(string)
|
||||
username, _ := claims["login"].(string)
|
||||
clientUUID, _ := claims["cid"].(string)
|
||||
|
||||
u.UserID = int(uid)
|
||||
u.Username = username
|
||||
u.Name = name
|
||||
u.ClientUUID = clientUUID
|
||||
return
|
||||
}
|
||||
63
user/pkg.go
63
user/pkg.go
|
|
@ -1,63 +0,0 @@
|
|||
package user
|
||||
|
||||
import (
|
||||
// External
|
||||
"github.com/golang-jwt/jwt/v5"
|
||||
"github.com/jmoiron/sqlx"
|
||||
|
||||
// Standard
|
||||
"encoding/json"
|
||||
)
|
||||
|
||||
type User struct {
|
||||
ID int
|
||||
Username string
|
||||
Name string
|
||||
Preferences map[string]UserPreferences
|
||||
}
|
||||
|
||||
type UserSession struct {
|
||||
UserID int
|
||||
Username string
|
||||
Password string
|
||||
Name string
|
||||
ClientUUID string
|
||||
Db *sqlx.DB
|
||||
}
|
||||
|
||||
type UserPreferences struct {
|
||||
DownloadImages bool
|
||||
DownloadFiles bool
|
||||
}
|
||||
|
||||
func NewUser(claims jwt.MapClaims) (u UserSession) {
|
||||
uid, _ := claims["uid"].(float64)
|
||||
name, _ := claims["name"].(string)
|
||||
username, _ := claims["login"].(string)
|
||||
clientUUID, _ := claims["cid"].(string)
|
||||
|
||||
u.UserID = int(uid)
|
||||
u.Username = username
|
||||
u.Name = name
|
||||
u.ClientUUID = clientUUID
|
||||
return
|
||||
}
|
||||
|
||||
func (u UserSession) Preferences() (prefs map[string]UserPreferences, err error) {
|
||||
row := u.Db.QueryRow(`SELECT preferences FROM public.user WHERE id=$1`, u.UserID)
|
||||
|
||||
var data []byte
|
||||
err = row.Scan(&data)
|
||||
if err != nil {
|
||||
return
|
||||
}
|
||||
|
||||
err = json.Unmarshal(data, &prefs)
|
||||
return
|
||||
}
|
||||
|
||||
func (u UserSession) SetPreferences(prefs map[string]UserPreferences) (err error) {
|
||||
j, _ := json.Marshal(prefs)
|
||||
_, err = u.Db.Exec(`UPDATE public.user SET preferences=$2 WHERE id=$1`, u.UserID, j)
|
||||
return
|
||||
}
|
||||
|
|
@ -1,14 +1,13 @@
|
|||
{{ define "page" }}
|
||||
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/notes2.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/page_history.css">
|
||||
|
||||
|
||||
<!-- Drag and drop elements -->
|
||||
|
||||
<!-- page-node -->
|
||||
<div id="notes2" class="page-node">
|
||||
<div id="notes2" class="page-history">
|
||||
<div id="tree-expander" onclick="window._mbus.dispatch('TREE_EXPANSION', { expand: true })">></div>
|
||||
<div id="tree" tabindex=0></div>
|
||||
<n2-menu></n2-menu>
|
||||
<div id="node-menu" popover>Popover content</div>
|
||||
|
||||
<div id="main-page">
|
||||
<!-- Storage stats -->
|
||||
|
|
@ -32,22 +31,23 @@
|
|||
</div>
|
||||
|
||||
<!-- History -->
|
||||
<n2-pagehistory id="page-history"></n2-pagehistory>
|
||||
|
||||
<!-- Preferences -->
|
||||
<n2-pagepreferences id="page-preferences"></n2-pagepreferences>
|
||||
<div id="page-history">
|
||||
<n2-pagehistory></n2-pagehistory>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<n2-syncprogress></n2-syncprogress>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/notes2.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/page_history.css">
|
||||
|
||||
<script type="module">
|
||||
import {NodeStore} from '/js/{{ .VERSION }}/node_store.mjs'
|
||||
|
||||
import {App} from "/js/{{ .VERSION }}/app.mjs"
|
||||
import {API} from 'api'
|
||||
import {Sync} from 'sync'
|
||||
import { } from '/js/{{ .VERSION }}/page_preferences.mjs'
|
||||
import { } from '/js/{{ .VERSION }}/page_storage.mjs'
|
||||
import { } from '/js/{{ .VERSION }}/page_history.mjs'
|
||||
import { } from '/js/{{ .VERSION }}/file.mjs'
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue