fix(about): version is undefined and repo url is incorrect

src/App.svelte

@@ -4,8 +4,8 @@
  import FontDialog from '@/components/font-dialog/FontDialog.svelte';
  import Shortcuts from '@/components/Shortcuts.svelte';
  import { Toaster } from '@/components/ui/sonner';
- import favIcon from '@assets/images/favicon.png';
- import favIconDark from '@assets/images/favicon-dark.png';
+ import favIcon from '@/src/assets/images/favicon.png';
+ import favIconDark from '@/src/assets/images/favicon-dark.png';
  import { mode, ModeWatcher } from 'mode-watcher';
  import { Notpad } from '@/helpers/notpad';
  import AboutDialog from '@/components/AboutDialog.svelte';

src/app.json

@@ -0,0 +1,3 @@
+{
+ "version": "1.0.0-1"
+}

src/lib/components/AboutDialog.svelte

@@ -11,8 +11,8 @@
 <script lang="ts">
  import { Button } from '@/components/ui/button';
  import * as Dialog from '@/components/ui/dialog';
- import appIconLight from '@assets/images/Notpad Logo Light.svg';
- import appIconDark from '@assets/images/Notpad Logo Dark.svg';
+ import appIconLight from '@/src/assets/images/Notpad Logo Light.svg';
+ import appIconDark from '@/src/assets/images/Notpad Logo Dark.svg';
  import GitHubIcon from '@/components/icons/GItHub.svelte';
  import Separator from '@/components/ui/separator/separator.svelte';
  import { Badge } from '@/components/ui/badge';
@@ -21,6 +21,7 @@
  import type { ButtonEventHandler } from 'bits-ui';
  import { Notpad } from '@/helpers/notpad';
  import { slide } from 'svelte/transition';
+ import appJson from '@/src/app.json';
 
  function closeDialog() {
  open.set(false);
@@ -34,7 +35,7 @@
  function openGithubRepo(e: ButtonEventHandler<MouseEvent>) {
  e.stopPropagation();
  e.preventDefault();
- window.open('https://github.com/Muhammed-Rahif', '_blank');
+ window.open('https://github.com/Muhammed-Rahif/Notpad', '_blank');
  }
 </script>
 
@@ -48,7 +49,7 @@
 
  <div>
  <span class="text-xl font-bold">Notpad</span><br />
- Version {window.APP_VERSION}<br />
+ Version {appJson.version}<br />
  <a href="https://github.com/Muhammed-Rahif" target="_blank">Muhammed-Rahif</a>
  <span class="text-sm">© 2024. All rights reserved.</span>
  </div>

src/lib/components/MenuBar.svelte

@@ -4,7 +4,7 @@
  import { Notpad } from '@/helpers/notpad';
  import { editors, settings } from '@/store/store';
  import { fade } from 'svelte/transition';
- import { isTauri } from '$lib';
+ import { isTauri } from '@/src/lib';
  import screenfull from 'screenfull';
  import { toggleMode, mode } from 'mode-watcher';
  import { onMount } from 'svelte';

src/lib/helpers/file-options.ts

@@ -3,7 +3,7 @@ import { get } from 'svelte/store';
 import { findAsyncSequential } from '@/utils';
 import { Notpad } from '@/helpers/notpad';
 import { open, save } from '@tauri-apps/plugin-dialog';
-import { isMobile, isTauri } from '$lib';
+import { isMobile, isTauri } from '@/src/lib';
 import { readTextFile, BaseDirectory, exists, writeTextFile } from '@tauri-apps/plugin-fs';
 import { toast } from 'svelte-sonner';
 import { Delta } from 'quill/core';

src/vite-env.d.ts

@@ -1,11 +1,3 @@
 /// <reference types="svelte" />
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-pwa/svelte" />
-
-declare global {
- interface Window {
- APP_VERSION: string;
- }
-}
-
-export {};

tsconfig.json

@@ -16,9 +16,8 @@
  "isolatedModules": true,
  "baseUrl": ".",
  "paths": {
- "$lib": ["./src/lib"],
- "@/*": ["./src/lib/*"],
- "@/assets/*": ["./src/assets/*"]
+ "@/src/*": ["./src/*"],
+ "@/*": ["./src/lib/*"]
  }
  },
  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],

vite.config.ts

@@ -2,6 +2,7 @@ import { VitePWA } from 'vite-plugin-pwa';
 import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 import path from 'path';
+import fs from 'fs';
 
 function baseUrl() {
  const baseArgIndex = process.argv.indexOf('--base');
@@ -11,13 +12,21 @@ function baseUrl() {
  return null;
 }
 
+(function () {
+ // create a app.json with version using process.env.npm_package_version
+ const appJson = path.resolve('./src/app.json');
+ const content = {
+ version: process.env.npm_package_version
+ };
+ fs.writeFileSync(appJson, JSON.stringify(content, null, 2));
+})();
+
 // https://vitejs.dev/config/
 export default defineConfig({
  resolve: {
  alias: {
- $lib: path.resolve('./src/lib'),
- '@': path.resolve('./src/lib'),
- '@assets': path.resolve('./src/assets')
+ '@/src': path.resolve('./src'),
+ '@': path.resolve('./src/lib')
  }
  },
  define: {