parent
1bc2d46ba8
commit
3f635248be
@ -0,0 +1,32 @@ |
||||
|
||||
<!-- |
||||
// Copyright (c) 2022-2024 Niko Bonnieure, Par le Peuple, NextGraph.org developers |
||||
// All rights reserved. |
||||
// Licensed under the Apache License, Version 2.0 |
||||
// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0> |
||||
// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>, |
||||
// at your option. All files in the project carrying such |
||||
// notice may not be copied, modified, or distributed except |
||||
// according to those terms. |
||||
--> |
||||
|
||||
<script lang="ts"> |
||||
|
||||
export let clickable; |
||||
export let extraClass = ""; |
||||
export let selected = false; |
||||
export let title = ""; |
||||
|
||||
</script> |
||||
|
||||
{#if clickable} |
||||
<li {title} role="menuitem" tabindex="0" class:text-primary-600={selected} class:text-gray-800={!selected} class:dark:text-white={!selected} class:dark:text-primary-300={selected} |
||||
class="{extraClass} select-none clickable focus:outline-2 focus:outline flex items-center px-2 py-1 text-base font-normal rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 mt-1" |
||||
on:click={clickable} on:keypress={clickable} on:keydown={(e) => {if (e.code=='Space') { e.preventDefault(); clickable();} }}> |
||||
<slot /> |
||||
</li> |
||||
{:else} |
||||
<li class="{extraClass} select-none flex items-center px-2 py-1 text-base font-normal text-primary-600 rounded-lg dark:text-primary-300 mt-1"> |
||||
<slot /> |
||||
</li> |
||||
{/if} |
||||
@ -0,0 +1,317 @@ |
||||
// Copyright (c) 2022-2024 Niko Bonnieure, Par le Peuple, NextGraph.org developers
|
||||
// All rights reserved.
|
||||
// Licensed under the Apache License, Version 2.0
|
||||
// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0>
|
||||
// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>,
|
||||
// at your option. All files in the project carrying such
|
||||
// notice may not be copied, modified, or distributed except
|
||||
// according to those terms.
|
||||
|
||||
import { |
||||
writable, |
||||
readable, |
||||
readonly, |
||||
derived, |
||||
get, |
||||
type Writable, |
||||
} from "svelte/store"; |
||||
|
||||
import { official_classes } from "./classes"; |
||||
import { official_apps, official_services } from "./zeras"; |
||||
|
||||
let loaded_external_apps = {}; |
||||
|
||||
export const load_app = async (appName: string) => { |
||||
|
||||
if (appName.startsWith("n:g:z")) { |
||||
let app = official_apps[appName]; |
||||
if (!app) throw new Error("Unknown official app"); |
||||
return await import(`./apps/${app["ng:b"]}.svelte`); |
||||
} else { |
||||
//TODO: load external app from its repo
|
||||
// TODO: return IFrame component
|
||||
} |
||||
|
||||
}; |
||||
|
||||
export const get_app = (appName: string) => { |
||||
|
||||
if (appName.startsWith("n:g:z")) { |
||||
let app = official_apps[appName]; |
||||
if (!app) throw new Error("Unknown official app"); |
||||
return app; |
||||
} else { |
||||
//TODO: load external app from its repo
|
||||
// TODO: keep it in cache in loaded_external_apps
|
||||
} |
||||
|
||||
}; |
||||
|
||||
export const invoke_service = async (serviceName: string, nuri: string, args: object) => { |
||||
|
||||
if (serviceName.startsWith("n:g:z")) { |
||||
let service = official_services[serviceName]; |
||||
if (!service) throw new Error("Unknown official service"); |
||||
// TODO: do this in WebWorker
|
||||
// TODO: if on native app or CLI: use deno
|
||||
//return await ng.app_invoke(serviceName[6..], nuri, args);
|
||||
} else { |
||||
// TODO: if on webapp: only allow those invocations from IFrame of external app or from n:g:z:external_service_invoke (which runs in an IFrame) and run it from webworker
|
||||
// TODO: if on native app or CLI: use deno
|
||||
// TODO: load external service from its repo
|
||||
} |
||||
|
||||
}; |
||||
|
||||
export const get_class = (class_name) => { |
||||
if (class_name.startsWith("app/") && class_name !== "app/z") { |
||||
//TODO: load external app from its repo
|
||||
// cache it in loaded_external_apps
|
||||
// return the class
|
||||
} else { |
||||
return official_classes[class_name]; |
||||
} |
||||
}; |
||||
|
||||
const find_viewers_for_class = (class_name: string) => { |
||||
let found = []; |
||||
for (const zera of Object.entries(official_apps)) { |
||||
if (zera[0].includes("dump") || zera[0].includes("source")) continue; |
||||
let viewers = zera[1]["ng:o"]; |
||||
if (viewers && viewers.includes(class_name)) { |
||||
found.push(zera[0]); |
||||
} |
||||
} |
||||
return found; |
||||
} |
||||
|
||||
const find_editors_for_class = (class_name: string) => { |
||||
let found = []; |
||||
for (const zera of Object.entries(official_apps)) { |
||||
let viewers = zera[1]["ng:w"]; |
||||
if (viewers && viewers.includes(class_name)) { |
||||
found.push(zera[0]); |
||||
} |
||||
} |
||||
return found; |
||||
} |
||||
|
||||
const find_source_viewer_for_class = (class_def) => { |
||||
switch (class_def["ng:crdt"]) { |
||||
case 'Graph': |
||||
return "n:g:z:crdt_source_viewer:rdf"; |
||||
case 'YMap': |
||||
case 'YArray': |
||||
case 'Automerge': |
||||
case 'Elmer': |
||||
return "n:g:z:crdt_source_viewer:json"; |
||||
case 'YXml': |
||||
return "n:g:z:crdt_source_viewer:xml"; |
||||
case 'YText': |
||||
return "n:g:z:crdt_source_viewer:text"; |
||||
} |
||||
} |
||||
|
||||
const class_to_viewers_editors = (class_name: string) => { |
||||
let class_def = get_class(class_name); |
||||
let has_discrete = class_def["ng:crdt"] !== "Graph"; |
||||
let discrete_viewer = has_discrete ? class_def["ng:o"] : undefined; |
||||
let discrete_editor = has_discrete ? class_def["ng:w"] : undefined; |
||||
|
||||
let graph_viewers = []; |
||||
let graph_editors = []; |
||||
if (!has_discrete) { |
||||
if (class_def["ng:o"]) graph_viewers.push(class_def["ng:o"]); |
||||
if (class_def["ng:w"]) graph_editors.push(class_def["ng:w"]); |
||||
} |
||||
graph_viewers.push.apply(graph_viewers, find_viewers_for_class("data/graph")); |
||||
graph_editors.push.apply(graph_editors, find_editors_for_class("data/graph")); |
||||
|
||||
let graph_viewer = graph_viewers[0]; |
||||
let graph_editor = graph_editors[0]; |
||||
|
||||
let discrete_viewers = []; |
||||
let discrete_editors = []; |
||||
if (has_discrete) { |
||||
if (discrete_viewer) discrete_viewers.push(discrete_viewer); |
||||
if (discrete_editor) discrete_editors.push(discrete_editor); |
||||
for (const v of find_viewers_for_class(class_name)) { |
||||
if (v!==discrete_viewer) discrete_viewers.push(v); |
||||
} |
||||
for (const e of find_editors_for_class(class_name)) { |
||||
if (e!==discrete_editor) discrete_editors.push(e); |
||||
} |
||||
discrete_viewers.push(find_source_viewer_for_class(class_def)); |
||||
if (!discrete_viewer) discrete_viewer = discrete_viewers[0]; |
||||
} |
||||
return { |
||||
graph_viewers, |
||||
graph_editors, |
||||
discrete_viewers, |
||||
discrete_editors, |
||||
graph_viewer, |
||||
graph_editor, |
||||
discrete_viewer, |
||||
discrete_editor |
||||
} |
||||
} |
||||
|
||||
export const open_branch = async (nuri: string) => { |
||||
let class_name = "post/rich"; |
||||
|
||||
|
||||
} |
||||
|
||||
export const open_doc = async (nuri: string) => { |
||||
//let class_name = "doc/viz/plotly";
|
||||
let class_name = "post/md"; |
||||
|
||||
cur_tab.update(ct => { |
||||
return {...ct, ...class_to_viewers_editors(class_name)}; |
||||
}); |
||||
|
||||
} |
||||
|
||||
export const cur_tab = writable({ |
||||
cur_store: { |
||||
has_outer: { |
||||
nuri_trail: ":v:l" |
||||
}, |
||||
type: "public", // "protected", "private", "group", "dialog",
|
||||
favicon: "", |
||||
title: "Group B", |
||||
is_member: true, |
||||
}, |
||||
cur_branch: { |
||||
b: "b:xxx", //branch id (can be null if not of type "branch")
|
||||
c: "c:xxx", //commit(s) id
|
||||
type: "main", // "stream", "detached", "branch", "in_memory" (does not save)
|
||||
display: "c:X", // or main or stream or a:xx or branch:X (only 7 chars)
|
||||
attachments: 1, |
||||
files: 1, |
||||
comments: 2, |
||||
class: "post/rich", |
||||
title: false, |
||||
icon: false, |
||||
description: "", |
||||
app: "n:g:z:json_ld_editor", // current app being used
|
||||
}, |
||||
view_or_edit: true, |
||||
graph_viewer: "", // selected viewer
|
||||
graph_editor: "", // selected editor
|
||||
discrete_viewer: "", // selected viewer
|
||||
discrete_editor: "", // selected editor
|
||||
graph_viewers: [], // list of available viewers
|
||||
graph_editors: [], // list of available editors
|
||||
discrete_viewers: [], // list of available viewers
|
||||
discrete_editors: [], // list of available editors
|
||||
find: false,//or string to find
|
||||
graph_or_discrete: false, // set to cur_branch.class === "Graph"
|
||||
read_cap: 'r:', |
||||
doc: { |
||||
is_store: false, |
||||
is_member: true, |
||||
can_edit: true, |
||||
live_edit: false, |
||||
title: "Doc A", |
||||
authors: "", |
||||
icon: "", |
||||
description: "", |
||||
stream: { |
||||
notif: 1, |
||||
last: "", |
||||
}, |
||||
live_editors: { |
||||
|
||||
}, |
||||
}, |
||||
folders_pane: false, |
||||
toc_pane: false, |
||||
right_pane: false, // "folders", "toc", "branches", "files", "history", "comments", "info", "chat", "mc"
|
||||
action: false, // "repost", "dm", "react", "author", "copy", "forward", "links", "qr", "download", "embed", "new_block", "notifs", "schema", "signature", "permissions", "settings", "print", "console", "source", "services", "dev",
|
||||
|
||||
}); |
||||
|
||||
export const has_editor_chat = derived(cur_tab, ($cur_tab) => { |
||||
return $cur_tab.doc.can_edit && $cur_tab.cur_store.type !== "private" && $cur_tab.cur_store.type !== "dialog"; |
||||
}); |
||||
|
||||
export const toggle_live_edit = () => { |
||||
cur_tab.update(ct => { |
||||
ct.doc.live_edit = !ct.doc.live_edit; |
||||
return ct; |
||||
}); |
||||
} |
||||
|
||||
export const set_viewer = (app_name: string) => { |
||||
if (get(cur_tab).graph_or_discrete) { |
||||
cur_tab.update(ct => {ct.graph_viewer = app_name; ct.cur_branch.app = app_name; return ct;}); |
||||
} else { |
||||
cur_tab.update(ct => {ct.discrete_viewer = app_name; ct.cur_branch.app = app_name; return ct;}); |
||||
} |
||||
} |
||||
|
||||
export const set_editor = (app_name: string) => { |
||||
if (get(cur_tab).graph_or_discrete) { |
||||
cur_tab.update(ct => {ct.graph_editor = app_name; ct.cur_branch.app = app_name; return ct;}); |
||||
} else { |
||||
cur_tab.update(ct => {ct.discrete_editor = app_name; ct.cur_branch.app = app_name; return ct;}); |
||||
} |
||||
} |
||||
|
||||
export const toggle_graph_discrete = () => { |
||||
cur_tab.update(ct => { |
||||
ct.graph_or_discrete = !ct.graph_or_discrete; |
||||
return ct; |
||||
}); |
||||
} |
||||
|
||||
export const set_graph_discrete = (val:boolean) => { |
||||
cur_tab.update(ct => { |
||||
ct.graph_or_discrete = val; |
||||
return ct; |
||||
}); |
||||
} |
||||
|
||||
export const set_view_or_edit = (val:boolean) => { |
||||
cur_tab.update(ct => { |
||||
ct.view_or_edit = val; |
||||
return ct; |
||||
}); |
||||
} |
||||
|
||||
export const cur_viewer = derived(cur_tab, ($cur_tab) => { |
||||
let app_name = $cur_tab.graph_or_discrete ? $cur_tab.graph_viewer : $cur_tab.discrete_viewer; |
||||
if (app_name) { |
||||
let app = get_app(app_name); |
||||
return app; |
||||
} |
||||
}); |
||||
|
||||
export const cur_editor = derived(cur_tab, ($cur_tab) => { |
||||
let app_name = $cur_tab.graph_or_discrete ? $cur_tab.graph_editor : $cur_tab.discrete_editor; |
||||
if (app_name) { |
||||
let app = get_app(app_name); |
||||
return app; |
||||
} |
||||
}); |
||||
|
||||
export const available_viewers = derived(cur_tab, ($cur_tab) => { |
||||
let list = $cur_tab.graph_or_discrete ? $cur_tab.graph_viewers : $cur_tab.discrete_viewers; |
||||
return list.map((viewer) => {
|
||||
let app = { ...get_app(viewer) };
|
||||
if (!app["ng:u"]) app["ng:u"] = "view"; |
||||
return app
|
||||
}); |
||||
}); |
||||
|
||||
export const available_editors = derived(cur_tab, ($cur_tab) => { |
||||
let list = $cur_tab.graph_or_discrete ? $cur_tab.graph_editors : $cur_tab.discrete_editors; |
||||
return list.map((editor) => {
|
||||
let app = { ...get_app(editor) };
|
||||
if (!app["ng:u"]) app["ng:u"] = "edit"; |
||||
return app
|
||||
}); |
||||
}); |
||||
|
||||
export const cur_branch_has_discrete = derived(cur_tab, ($cur_tab) => (get_class($cur_tab.cur_branch.class)["ng:crdt"]) !== "Graph"); |
||||
Loading…
Reference in new issue