work in progress: set up structures and processes in common.ts

assets/js/common.ts

@@ -0,0 +1,44 @@
+import { api, polling } from './settings'
+
+const confdata = {
+	pollurl: ''
+}
+
+export function config (api, polling) {
+	return undefined
+}
+
+export const pvapp = {
+	$delimiters: ['{|', '|}'],
+	conf: confdata,
+	data: {},
+	output: '',
+	save,
+	poll
+}
+
+// method definitions
+
+function save(value: string) {
+	this.output += '\n' + value
+	//this.newdata = ''
+}
+
+async function dopoll(app: typeof pvapp) {
+	while (true) {
+		try {
+			let res = await fetch(pvapp.conf.pollurl)
+			let data = await res.json()
+			console.log(data)
+			//obj.newdata = data['status']
+		} catch (error) {
+			console.log(error)
+			await new Promise(r => setTimeout(r, 10000))
+		}
+	}
+}
+
+function poll() {
+	dopoll(this)
+}
+

assets/js/main.ts

@@ -2,16 +2,13 @@ import { createApp } from './lib/petite-vue.es.js'
 import { pageid } from '@params'
 console.log("pageid:", pageid)
 
-// import { config, pvapp } from './common'
 import { api, polling } from './settings'
+import { config, pvapp } from './common'
 // pvapp.run(config(api, polling))
 
-const [domain, action, class_, item] = Object.values(polling)
-const pollUrl = `${api.path}/${domain}/${action}/${class_}/${item}`
+const pollUrl = `${api.path}/${polling.msgbase.join('/')}`
 console.log("pollUrl:", pollUrl)
 
-//const apiUrl = '/api/system/poll/service/pclt-0001'
-
 const appdata = {
 	$delimiters: ['{|', '|}'],
 	urlParams: new URL(location.href).searchParams,

assets/js/params-tsc.ts

@@ -2,5 +2,10 @@
 // imported by tsc via "import {...} from @params".
 // Hugo / ESBuild will provide js.Build params in @params
 // (see layout/partials/js.html).
+
+export const apipath = 'apipath-dummy' // obsolete? see settings.ts
+
 export const pageid = 'pageid-dummy'
-export const apipath = 'apipath-dummy'
+export const domain = 'domain-dummy'
+export const action = 'action-dummy'
+export const class_ = 'class-dummy'

assets/js/settings.ts

@@ -3,8 +3,9 @@ export const api = {
 }
 
 export const polling = {
-	domain: 'system',
-	action: 'poll',
-	class: 'service',
-	item: 'pclt-0001'
+	msgbase: ['system', 'poll', 'service', 'pclt-0001']
+	//msgbase: ['system', 'poll', 'session']
+	//msgbase: ['system', 'poll', 'interaction']
 }
+
+// export const polling = null // suppress polling