0.0.2 version

Author: Edge-coordinates

README.md

@@ -8,6 +8,9 @@
 
 根据硬盘性能，图片大小等因素，页面加载速度会受到影响。
 
+支持定制 每页显示图片数量（当硬盘一般且单张图片过大时，建议选择较少的数量，10~20张比较不错），查看器是否显示 图片缩略图集
+
+
 这是第一个版本。
 
 以上？

package.json

@@ -1,7 +1,7 @@
 {
   "name": "waterfall_picture_viewer",
   "description": "瀑布流图片查看器",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "author": {
     "email": "edgecoordinates@gmail.com",
@@ -72,6 +72,7 @@
   },
   "dependencies": {
     "electron-serve": "^1.1.0",
+    "electron-store": "^8.1.0",
     "electron-updater": "6.1.1",
     "opn": "^6.0.0"
   }

packages/main/src/index.ts

@@ -1,4 +1,5 @@
-import {app, protocol} from 'electron';
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import {app, protocol, ipcMain} from 'electron';
 import './security-restrictions';
 import {restoreOrCreateWindow} from '/@/mainWindow';
 import {platform} from 'node:process';
@@ -93,3 +94,40 @@ app.whenReady().then(() => {
     callback(decodeURI(path.normalize(url)));
   });
 });
+
+import Store from 'electron-store';
+
+const schema: any = {
+  itemNum: {
+    type: 'number',
+		maximum: 10000,
+		minimum: 1,
+		default: 50,
+  },
+  viewer_navbar: {
+    type: 'number',
+		maximum: 5,
+		minimum: 0,
+		default: 0,
+  },
+	foo: {
+		type: 'number',
+		maximum: 100,
+		minimum: 1,
+		default: 50,
+	},
+	bar: {
+		type: 'string',
+		format: 'url',
+	},
+};
+
+const store = new Store({schema});
+
+// IPC listener
+ipcMain.on('getStore', async (event, val) => {
+  event.returnValue = store.get(val);
+});
+ipcMain.on('setStore', async (event, key, val) => {
+  store.set(key, val);
+});

packages/preload/src/filetools.ts

@@ -1,6 +1,6 @@
-import * as fs from 'fs'
+import * as fs from 'fs';
 
-export function isPathDirectory(thepath: string) {
-    const thefile = fs.statSync(thepath);
-    return thefile.isDirectory()
-}
+export function isPathDirectory (thepath: string) {
+  const thefile = fs.statSync(thepath);
+  return thefile.isDirectory();
+}

packages/preload/src/index.ts

@@ -1,10 +1,31 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * @module preload
  */
+
 import * as fs from 'fs';
 import * as path from 'path';
 
 export {sha256sum} from './nodeCrypto';
 export {versions} from './versions';
 export {isPathDirectory} from './filetools';
+// export {myStore} from './store';
 export {fs, path};
+
+import {contextBridge, ipcRenderer, IpcRendererEvent} from 'electron';
+
+const electronHandler = {
+  ipcRenderer: {
+    setStoreValue: (key: string, value: any) => {
+      ipcRenderer.send('setStore', key, value);
+    },
+
+    getStoreValue (key: string) {
+      const resp = ipcRenderer.sendSync('getStore', key);
+      return resp;
+    },
+  },
+};
+
+contextBridge.exposeInMainWorld('electron', electronHandler);

packages/preload/src/store.js

@@ -0,0 +1,15 @@
+/* eslint-disable no-mixed-spaces-and-tabs */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+class MyStore {
+	setStoreValue(key, value) {
+		// 使用 ipcRenderer 发送设置数据的消息给主进程
+		window.electron.ipcRenderer.setStoreValue(key, value);
+	}
+  
+	getStoreValue(key) {
+		window.electron.ipcRenderer.getStoreValue(key); 
+	}
+  }
+
+export const myStore = new MyStore();

packages/preload/tsconfig.json

@@ -7,9 +7,11 @@
     "skipLibCheck": true,
     "strict": true,
     "isolatedModules": true,
+    "allowSyntheticDefaultImports":true,
+    "noImplicitAny": false,
     "types": ["node"],
     "baseUrl": "."
   },
-  "include": ["src/**/*.ts", "../../types/**/*.d.ts"],
+  "include": ["src/**/*.ts", "../../types/**/*.d.ts", "src/store.js"],
   "exclude": ["**/*.spec.ts", "**/*.test.ts"]
 }

packages/renderer/index.d.ts

@@ -0,0 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+interface window {
+    require: any;
+}

packages/renderer/src/app.css

@@ -1,3 +1,15 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+
+.viewer-info {
+    color: #fff;
+    font-size: 0.75rem;
+    line-height: 1.5rem;
+    font-family: FontAwesome, serif;
+    text-align: center;
+}
+.viewer-info::before {
+  content: "\f129";
+}

packages/renderer/src/app.html

@@ -5,6 +5,7 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width" />
 		<link href="https://cdn.jsdelivr.net/npm/css.gg/icons/icons.css" rel="stylesheet" />
+		<link href="/css/fontawesome-pro.all.css" rel="stylesheet" />
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">