diff --git a/src/lib/routes.ts b/src/lib/routes.ts index 13361ce..0527e75 100644 --- a/src/lib/routes.ts +++ b/src/lib/routes.ts @@ -3,8 +3,10 @@ import { writable } from "svelte/store"; import ChooseWorld from "../views/ChooseWorld.svelte"; import CreateWorld from "../views/CreateWorld.svelte"; +import JoinWorld from "../views/JoinWorld.svelte"; import NotFound from "../views/NotFound.svelte"; import Page from "../views/Page.svelte"; +import ShareWorld from "../views/ShareWorld.svelte"; export let router = navaid("/", () => currentRoute.set({ component: NotFound }) @@ -18,6 +20,8 @@ export let currentRoute = writable<{ export const routes = { ChooseWorld: "/", CreateWorld: "/create", + ShareWorld: "/w/:worldId/share", + JoinWorld: "/w/:worldId/join", // password as hash Page: "/w/:worldId/:pageId", }; @@ -27,6 +31,12 @@ router.on(routes.ChooseWorld, () => router.on(routes.CreateWorld, () => currentRoute.set({ component: CreateWorld }) ); +router.on(routes.ShareWorld, (params) => + currentRoute.set({ component: ShareWorld, params }) +); +router.on(routes.JoinWorld, (params) => + currentRoute.set({ component: JoinWorld, params }) +); router.on(routes.Page, (params) => currentRoute.set({ component: Page, params }) ); diff --git a/src/views/JoinWorld.svelte b/src/views/JoinWorld.svelte new file mode 100644 index 0000000..9fca787 --- /dev/null +++ b/src/views/JoinWorld.svelte @@ -0,0 +1,17 @@ + + + +

Añadir {worldId}

+ diff --git a/src/views/Page.svelte b/src/views/Page.svelte index dcc2f89..b2c93cd 100644 --- a/src/views/Page.svelte +++ b/src/views/Page.svelte @@ -1,6 +1,6 @@ -🠔 Elegir otro mundo + {#await docPromise then doc} {:catch error} @@ -34,7 +46,7 @@ {/await} diff --git a/src/views/ShareWorld.svelte b/src/views/ShareWorld.svelte new file mode 100644 index 0000000..98b11aa --- /dev/null +++ b/src/views/ShareWorld.svelte @@ -0,0 +1,41 @@ + + + +

+ Podés añadir a otros dispositivos a este mundo. Se va a sincronizar + automágicamente. +

+

+ Nota: Schreiben todavía no está diseñado para ser una herramienta colaborativa + entre varias personas. Esta opción existe para usar entre varios dispositivos + de una misma persona. Compartir este enlace da control completo sobre el + mundo. +

+{#if canShare} + +{/if} +