@axium/notes 0.3.8 → 0.3.10

package/dist/web_hook.d.ts

@@ -0,0 +1,8 @@
+import en from '../locales/en.json';
+import './common.js';
+type en = typeof en;
+declare module '@axium/client/locales' {
+    interface Locale extends en {
+    }
+}
+export {};

package/dist/web_hook.js

@@ -0,0 +1,4 @@
+import { extendLocale } from '@axium/client';
+import en from '../locales/en.json' with { type: 'json' };
+import './common.js';
+extendLocale('en', en);

package/lib/Note.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
+	import { fetchAPI, text } from '@axium/client';
 	import { dynamicRows } from '@axium/client/attachments';
-	import { copy } from '@axium/client/clipboard';
 	import { AccessControlDialog, Icon, Popover } from '@axium/client/components';
-	import { fetchAPI } from '@axium/client/requests';
+	import { copy } from '@axium/client/gui';
 	import type { Note } from '@axium/notes/common';
 	import { download } from 'utilium/dom.js';
 
@@ -34,10 +34,12 @@
 						else notes.splice(notes.indexOf(note), 1);
 					})}
 			>
-				<Icon i="trash" /> Delete
+				<Icon i="trash" />
+				<span>{text('generic.delete')}</span>
 			</div>
 			<div class="menu-item" onclick={() => download(note.title + '.txt', note.content ?? '')}>
-				<Icon i="download" /> Download
+				<Icon i="download" />
+				<span>{text('notes.download')}</span>
 			</div>
 			<div
 				class="menu-item"
@@ -46,20 +48,23 @@
 					acl!.click();
 				}}
 			>
-				<Icon i="user-group" /> Share
+				<Icon i="user-group" />
+				<span>{text('notes.share')}</span>
 			</div>
 			<div class="menu-item" onclick={() => copy('text/plain', `${location.origin}/notes/${note.id}`)}>
-				<Icon i="link-horizontal" /> Copy Link
+				<Icon i="link-horizontal" />
+				<span>{text('notes.copy_link')}</span>
 			</div>
 			{#if notes}
 				<div class="menu-item" onclick={() => open(`/notes/${note.id}`)}>
-					<Icon i="arrow-up-right-from-square" /> Open in New Tab
+					<Icon i="arrow-up-right-from-square" />
+					<span>{text('notes.open_new_tab')}</span>
 				</div>
 			{/if}
 			{#if page.data.session?.user.preferences.debug}
 				<div class="menu-item" onclick={() => copy('text/plain', note.id)}>
 					<Icon i="hashtag" --size="14px" />
-					Copy ID
+					<span>{text('notes.copy_id')}</span>
 				</div>
 			{/if}
 		</Popover>
@@ -69,7 +74,7 @@
 		bind:value={note.content}
 		name="content"
 		class="editable-text"
-		placeholder="It's a beautiful day outside..."
+		placeholder={text('notes.content_placeholder')}
 		oninput={() => fetchAPI('PATCH', 'notes/:id', note, note.id)}
 		{@attach dynamicRows()}>{note.content}</textarea
 	>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/notes",
-	"version": "0.3.8",
+	"version": "0.3.10",
 	"author": "James Prevett <axium@jamespre.dev>",
 	"description": "Notes for Axium",
 	"funding": {
@@ -35,7 +35,7 @@
 		"build": "tsc"
 	},
 	"peerDependencies": {
-		"@axium/client": ">=0.14.4",
+		"@axium/client": ">=0.18.0",
 		"@axium/core": ">=0.19.0",
 		"@axium/server": ">=0.35.0",
 		"@sveltejs/kit": "^2.27.3",
@@ -49,7 +49,7 @@
 			"routes": "routes",
 			"hooks": "./dist/hooks.js",
 			"db": "./db.json",
-			"web_client_hooks": "./dist/common.js"
+			"web_client_hooks": "./dist/web_hook.js"
 		},
 		"apps": [
 			{

package/routes/notes/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
+	import { fetchAPI, text } from '@axium/client';
 	import { Icon } from '@axium/client/components';
-	import { fetchAPI } from '@axium/client/requests';
 	import { Note } from '@axium/notes/components';
 
 	const { data } = $props();
@@ -9,11 +9,11 @@
 </script>
 
 <svelte:head>
-	<title>Notes</title>
+	<title>{text('app_name.notes')}</title>
 </svelte:head>
 
 <div id="notes-main">
-	<h1>Notes</h1>
+	<h1>{text('app_name.notes')}</h1>
 	<button
 		id="create-note"
 		class="icon-text mobile-float-right"
@@ -22,7 +22,8 @@
 			notes.push(result);
 		}}
 	>
-		<Icon i="plus" /> New Note
+		<Icon i="plus" />
+		<span>{text('notes.new')}</span>
 	</button>
 	<div class="lists-container">
 		{#each notes as note}

package/routes/notes/[id]/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { text } from '@axium/client';
 	import { Icon } from '@axium/client/components';
 	import { Note } from '@axium/notes/components';
 
@@ -14,7 +15,7 @@
 </script>
 
 <svelte:head>
-	<title>Notes — {data.note.title}</title>
+	<title>{text('notes.note_title', { title: data.note.title })}</title>
 </svelte:head>
 
 <div class="note-container">
@@ -27,7 +28,8 @@
 					close();
 				}}
 			>
-				<Icon i="arrow-left-from-bracket" /> Back to Notes
+				<Icon i="arrow-left-from-bracket" />
+				<span>{text('notes.back_to_main')}</span>
 			</button>
 		</div>
 	{/if}