+
+export async function create(note: Note) {
+ const { data } = await base({
+ url: '/notes/',
+ method: 'post',
+ data: note,
+ })
+ return data as { id: string }
+}
+
+export async function get(id: string) {
+ const { data } = await base({
+ url: `/notes/${id}`,
+ method: 'delete',
+ })
+ return data as NotePublic
+}
+
+export async function info(id: string) {
+ const { data } = await base({
+ url: `/notes/${id}`,
+ method: 'get',
+ })
+ return data as NoteInfo
+}
diff --git a/client/src/lib/crypto.ts b/client/src/lib/crypto.ts
new file mode 100644
index 0000000..a5292d8
--- /dev/null
+++ b/client/src/lib/crypto.ts
@@ -0,0 +1,71 @@
+export class Hex {
+ static encode(buffer: ArrayBuffer): string {
+ let s = ''
+ for (const i of new Uint8Array(buffer)) {
+ s += i.toString(16).padStart(2, '0')
+ }
+ return s
+ }
+
+ static decode(s: string): ArrayBuffer {
+ const size = s.length / 2
+ const buffer = new Uint8Array(size)
+ for (let i = 0; i < size; i++) {
+ const idx = i * 2
+ const segment = s.slice(idx, idx + 2)
+ buffer[i] = parseInt(segment, 16)
+ }
+ return buffer
+ }
+}
+
+const ALG = 'AES-GCM'
+
+export function getRandomBytes(size = 16): Uint8Array {
+ return window.crypto.getRandomValues(new Uint8Array(size))
+}
+
+export function getKeyFromString(password: string) {
+ return window.crypto.subtle.importKey(
+ 'raw',
+ new TextEncoder().encode(password),
+ 'PBKDF2',
+ false,
+ ['deriveBits', 'deriveKey']
+ )
+}
+
+export async function getDerivedForKey(key: CryptoKey, salt: ArrayBuffer) {
+ const iterations = 1_000
+ return window.crypto.subtle.deriveKey(
+ {
+ name: 'PBKDF2',
+ salt,
+ iterations,
+ hash: 'SHA-512',
+ },
+ key,
+ { name: ALG, length: 256 },
+ true,
+ ['encrypt', 'decrypt']
+ )
+}
+
+export async function encrypt(plaintext: string, key: CryptoKey) {
+ const salt = getRandomBytes(16)
+ const derived = await getDerivedForKey(key, salt)
+ const iv = getRandomBytes(16)
+ const encrypted = await window.crypto.subtle.encrypt(
+ { name: ALG, iv },
+ derived,
+ new TextEncoder().encode(plaintext)
+ )
+ return [salt, iv, encrypted].map(Hex.encode).join(':')
+}
+
+export async function decrypt(ciphertext: string, key: CryptoKey) {
+ const [salt, iv, encrypted] = ciphertext.split(':').map(Hex.decode)
+ const derived = await getDerivedForKey(key, salt)
+ const plaintext = await window.crypto.subtle.decrypt({ name: ALG, iv }, derived, encrypted)
+ return new TextDecoder().decode(plaintext)
+}
diff --git a/client/src/lib/ui/Button.svelte b/client/src/lib/ui/Button.svelte
new file mode 100644
index 0000000..af9401b
--- /dev/null
+++ b/client/src/lib/ui/Button.svelte
@@ -0,0 +1,18 @@
+
+ {@html html}
+
+{/if}
+
+
diff --git a/client/src/lib/ui/Switch.svelte b/client/src/lib/ui/Switch.svelte
new file mode 100644
index 0000000..2253aa9
--- /dev/null
+++ b/client/src/lib/ui/Switch.svelte
@@ -0,0 +1,65 @@
+
+
+
+
+ {label}
+
+
+
+
diff --git a/client/src/lib/ui/TextArea.svelte b/client/src/lib/ui/TextArea.svelte
new file mode 100644
index 0000000..4ce46ae
--- /dev/null
+++ b/client/src/lib/ui/TextArea.svelte
@@ -0,0 +1,29 @@
+
+
+
+
+ {label}
+
+
+
+
+
diff --git a/client/src/lib/ui/TextInput.svelte b/client/src/lib/ui/TextInput.svelte
new file mode 100644
index 0000000..c2d3986
--- /dev/null
+++ b/client/src/lib/ui/TextInput.svelte
@@ -0,0 +1,91 @@
+
+
+
+
+ {label}
+
+
+ {#if isPassword}
+
+
+
+
diff --git a/client/src/routes/$layout.svelte b/client/src/routes/$layout.svelte
new file mode 100644
index 0000000..94b2ab6
--- /dev/null
+++ b/client/src/routes/$layout.svelte
@@ -0,0 +1,45 @@
+
+
+
+ cryptgeon
+
+
+
+
+
+
+
+
+
diff --git a/client/src/routes/about.svelte b/client/src/routes/about.svelte
new file mode 100644
index 0000000..e0342c2
--- /dev/null
+++ b/client/src/routes/about.svelte
@@ -0,0 +1,55 @@
+
+
+
+ About
+
+
+
+ About
+
+
+ cryptgeon is an secure, open source sharing note service inspired by
+ PrivNote
+
+
+ ▶ how does it work?
+ id that is used to retrieve the note. data is stored in memory
+ and never persisted to disk.
+
+
+ ▶ Features
+
+ view and time constrains
+ in memory, no persistence
+ in browser encryption → server cannot decrypt contents
+
+
+
+ ▶ tech stack
+ source code .
+
+
+
+
diff --git a/client/src/routes/index.svelte b/client/src/routes/index.svelte
new file mode 100644
index 0000000..3d3df3c
--- /dev/null
+++ b/client/src/routes/index.svelte
@@ -0,0 +1,9 @@
+
+
+
+
+note was not found or was already deleted.
+ {:else if note && !error}
+ you will not get the chance to see the note again.
+
+ {note.contents}
+
+ copy(note.contents)}>copy to clipboard
+ {:else}
+
+ {/if}
+{/if}
+
+
diff --git a/client/static/favicon.ico b/client/static/favicon.ico
new file mode 100644
index 0000000..d75d248
Binary files /dev/null and b/client/static/favicon.ico differ
diff --git a/client/static/favicon.png b/client/static/favicon.png
new file mode 100644
index 0000000..c101564
Binary files /dev/null and b/client/static/favicon.png differ
diff --git a/client/static/icons/copy-sharp.svg b/client/static/icons/copy-sharp.svg
new file mode 100644
index 0000000..1ba7f2a
--- /dev/null
+++ b/client/static/icons/copy-sharp.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6cc1faf995549ec8034a5c6eaff7c0c09c16ca5f7493e94126b0d63d97b76fdd
+size 313
diff --git a/client/static/icons/dice-sharp.svg b/client/static/icons/dice-sharp.svg
new file mode 100644
index 0000000..52636ce
--- /dev/null
+++ b/client/static/icons/dice-sharp.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:02c57a40713e3824ad8d85cdcb9608476f601319224fccbec712e270c1b14a99
+size 728
diff --git a/client/static/icons/eye-off-sharp.svg b/client/static/icons/eye-off-sharp.svg
new file mode 100644
index 0000000..b1e2d72
--- /dev/null
+++ b/client/static/icons/eye-off-sharp.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1f23e318db6d604bde434608118f4538e7e552229b2111ee106614a2e2783221
+size 720
diff --git a/client/static/icons/eye-sharp.svg b/client/static/icons/eye-sharp.svg
new file mode 100644
index 0000000..d260a0c
--- /dev/null
+++ b/client/static/icons/eye-sharp.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10ff9341baee15c8fee6b523dad65328b81d07ca4fa0bd08095ec16506f6ba04
+size 474
diff --git a/client/static/icons/lock-closed-sharp.svg b/client/static/icons/lock-closed-sharp.svg
new file mode 100644
index 0000000..27395d2
--- /dev/null
+++ b/client/static/icons/lock-closed-sharp.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:549d81fe7202d7fb1265d7934366ef96c821f904164b4c0456444f2a1f000fe1
+size 275
diff --git a/client/static/robots.txt b/client/static/robots.txt
new file mode 100644
index 0000000..e9e57dc
--- /dev/null
+++ b/client/static/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/client/svelte.config.cjs b/client/svelte.config.cjs
new file mode 100644
index 0000000..9133017
--- /dev/null
+++ b/client/svelte.config.cjs
@@ -0,0 +1,13 @@
+const preprocess = require('svelte-preprocess');
+
+/** @type {import('@sveltejs/kit').Config} */
+module.exports = {
+ // Consult https://github.com/sveltejs/svelte-preprocess
+ // for more information about preprocessors
+ preprocess: preprocess(),
+
+ kit: {
+ // hydrate the element in src/app.html
+ target: '#svelte'
+ }
+};
diff --git a/client/tsconfig.json b/client/tsconfig.json
new file mode 100644
index 0000000..d826f6e
--- /dev/null
+++ b/client/tsconfig.json
@@ -0,0 +1,30 @@
+{
+ "compilerOptions": {
+ "moduleResolution": "node",
+ "module": "es2020",
+ "lib": ["es2020"],
+ "target": "es2019",
+ /**
+ svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
+ to enforce using \`import type\` instead of \`import\` for Types.
+ */
+ "importsNotUsedAsValues": "error",
+ "isolatedModules": true,
+ "resolveJsonModule": true,
+ /**
+ To have warnings/errors of the Svelte compiler at the correct position,
+ enable source maps by default.
+ */
+ "sourceMap": true,
+ "esModuleInterop": true,
+ "skipLibCheck": true,
+ "forceConsistentCasingInFileNames": true,
+ "baseUrl": ".",
+ "allowJs": true,
+ "checkJs": true,
+ "paths": {
+ "$lib/*": ["src/lib/*"]
+ }
+ },
+ "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
+}