@thzero/library_client_svelte 0.15.6 → 0.15.8

package/README.md

@@ -1,12 +1,65 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 # library_client_svelte
+
 ## Requirements
 
 ### NodeJs
 
 [NodeJs](https://nodejs.org) version 18+
 
+### Svelte Application
+
+npm create vite@latest myapp -- --template svelte
+cd myapp
+npm install
+npm run dev
+
 ### Installation
 
 [![NPM](https://nodei.co/npm/@thzero/library_client_svelte.png?compact=true)](https://npmjs.org/package/@thzero/library_client_svelte)
+
+
+```js
+// store.js
+// An extremely simple external store
+import { writable } from 'svelte/store'
+export default writable(0)
+```
+
+jsconfig.json
+```js
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+```
+
+vite.config.js
+```js
+import path from 'path'
+```
+```js
+let configEnv = process.env.NODE_ENV
+console.log('svelte.config.NODE_ENV', configEnv)
+const config = process.env._CONFIG
+console.log('svelte.config._CONFIG', config)
+if (config) {
+	const filename = path.join(__dirname, `./src/config/${configEnv}.json`)
+	console.log('svelte.config.filename', filename)
+	fs.writeFileSync(filename, config)
+	const contents = fs.readFileSync(filename, 'utf8')
+	console.log('svelte.config.file', contents)
+}
+else
+	configEnv = 'development'
+console.log('svelte.config.NODE_ENV', configEnv)
+```
+```js
+    resolve:{
+        alias:{
+        '@/': `${path.resolve(__dirname, 'src')}/`,
+        'local-config': `${path.join(__dirname, `./src/config/${configEnv}.json`)}`
+        },
+    },
+```

package/boot/baseValidation.js

@@ -0,0 +1,54 @@
+class BaseValidate {
+	// eslint-disable-next-line
+	async execute(Vue, app, router) {
+// 		extend('decimal', {
+// 			validate: (value, { decimals = '*', separator = '.' } = {}) => {
+// 				if (value === null || value === undefined || value === '') {
+// 					return {
+// 						valid: false
+// 					};
+// 				}
+// 				if (Number(decimals) === 0) {
+// 					return {
+// 						valid: /^-?\d*$/.test(value)
+// 					};
+// 				}
+// 				const regexPart = decimals === '*' ? '+' : `{1,${decimals}}`;
+// 				const regex = new RegExp(`^[-+]?\\d*(\\${separator}\\d${regexPart})?([eE]{1}[-]?\\d+)?$`);
+// 				return {
+// 					valid: regex.test(value),
+// 					data: {
+// 						serverMessage: 'Only decimal values are available'
+// 					}
+// 				};
+// 			},
+// 			message: '{serverMessage}'
+// 		});
+
+// 		extend('name', {
+// 			getMessage: field => 'The ' + field + ' field may only contain alphanumeric and space characters',
+// 			// eslint-disable-next-line
+// 			validate(value, args) {
+// 				const regEx = /^[a-zA-Z0-9]+(['\-a-zA-Z0-9 ]*)*$/;
+// 				return regEx.test(value);
+// 			}
+// 		});
+
+// 		extend('tagLine', {
+// 			getMessage: field => 'The ' + field + ' field may only contain alphanumeric, space, and punctuation characters',
+// 			// eslint-disable-next-line
+// 			validate(value, args) {
+// 				const regEx = /^[a-zA-Z0-9]+([',.!& \-a-zA-Z0-9 ]*)*$/;
+// 				return regEx.test(value);
+// 			}
+// 		});
+
+		this._initialize();
+	}
+
+	// eslint-disable-next-line
+	_initialize(extend) {
+	}
+}
+
+export default BaseValidate;

package/boot/main.js

@@ -59,7 +59,7 @@ async function start(app, router, storeRequest, bootFiles, starter) {
 
 	if (!starter) {
 		if (app)
-			new app({ target: document.body });
+			new app({ target: document.getElementById('app') });
 		return;
 	}
 
@@ -73,7 +73,7 @@ async function start(app, router, storeRequest, bootFiles, starter) {
 			// eslint-disable-next-line
 			.then(values => {
 				if (app)
-					new app({ target: document.body });
+					new app({ target: document.getElementById('app') });
 			})
 			.catch(err => {
 				// eslint-disable-next-line

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@thzero/library_client_svelte",
-  "version": "0.15.6",
+  "version": "0.15.8",
   "version_major": 0,
   "version_minor": 15,
-  "version_patch": 6,
-  "version_date": "11/25/2022",
+  "version_patch": 8,
+  "version_date": "12/06/2022",
   "description": "An opinionated library of common functionality to bootstrap a Svelte based SPA application.",
   "author": "thZero",
   "license": "MIT",
@@ -21,16 +21,12 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@thzero/library_client": "^0.15",
-    "@thzero/library_common": "^0.15",
-    "async-mutex": "^0.3.2",
+    "@thzero/library_client": "^0.16",
+    "@thzero/library_common": "^0.16",
     "mitt": "^3.0.0",
-    "svelte-i18n": "^3.4.0"
+    "svelte-i18n": "^3.6.0"
   },
   "peerDependencies": {
-    "@alienfast/i18next-loader": "^1",
-    "@mdi/font": "^6",
-    "material-design-icons-iconfont": "^6",
     "svelte": "^3"
   }
 }

package/service/baseUser.js

@@ -0,0 +1,49 @@
+import LibraryConstants from '@thzero/library_client/constants';
+
+import BaseUserService from '@thzero/library_client/service/baseUser';
+
+class VueBaseUserService extends BaseUserService {
+	constructor() {
+		super();
+
+		this._serviceStore = null;
+	}
+
+	async init(injector) {
+		await super.init(injector);
+
+		this._serviceStore = this._injector.getService(LibraryConstants.InjectorKeys.SERVICE_STORE);
+	}
+
+	async resetUser(correlationId) {
+		await this._serviceStore.dispatcher.user.resetUser(correlationId);
+	}
+
+	async setAuthCompleted(correlationId) {
+		await this._serviceStore.dispatcher.user.setAuthCompleted(correlationId, true);
+	}
+
+	async setClaims(correlationId, claims) {
+		await this._serviceStore.dispatcher.user.setClaims(correlationId, claims);
+	}
+
+	async setLoggedIn(correlationId, value) {
+		await this._serviceStore.dispatcher.user.setLoggedIn(correlationId, value);
+	}
+	
+	async setTokenResult(correlationId, tokenResult) {
+		await this._serviceStore.dispatcher.user.setTokenResult(correlationId, tokenResult);
+	}
+
+	async setUser(correlationId, user) {
+		await this._serviceStore.dispatcher.user.setUser(correlationId, user);
+	}
+
+	get token() {
+		if (this._serviceStore.state.user) 
+			return this._serviceStore.state.user.token;
+		return null;
+	}
+}
+
+export default VueBaseUserService;