components: +name, register in app; put sid in config object

assets/js/common.ts

@@ -7,12 +7,18 @@ type confdata = {
 	apiurl: string
 	pollurl: string
 	itemid: string
+	sid:  string
 }
 
 export function config (api, polling): confdata {
 	const pu = polling ? `${api.path}/${polling.msgbase.join('/')}` : ''
 	const urlparams = new URL(location.href).searchParams
-	return { apiurl: api.path, pollurl: pu, itemid: urlparams.get('id') }
+	return { 
+		apiurl: api.path, 
+		pollurl: pu, 
+		itemid: urlparams.get('id'),
+		sid: getSid()
+	}
 }
 
 export const pvapp = {
@@ -28,6 +34,7 @@ export const pvapp = {
 const appdata = {
 	$delimiters: ['{|', '|}'],
 	conf: {} as confdata,
+	components: {},
 	output: '',
 	poll,
 	mounted(name: string) {
@@ -39,11 +46,13 @@ const appdata = {
 
 // components
 
-function Data() {
+function Data(name: string): object {
-	return {
+	const comp = {
 		data: {},
 		save
 	}
+	appdata.components[name] = comp
+	return comp
 }
 
 // appdata and component method definitions
@@ -81,9 +90,9 @@ function getSid(): string {
 	return sid
 }
 
-console.log("sid: ", getSid())
+//console.log("sid: ", getSid())
-//localStorage.setItem('api.sessionid', '')
 // TODO: clear sid - when?
+//localStorage.setItem('api.sessionid', '')
 
 async function dopoll(app: typeof appdata) {
 	while (true) {

layouts/shortcodes/pv/debug.html

@@ -1,7 +1,8 @@
 <div v-scope>
 
-<div @vue:mounted="mounted('itemid')">
+<div @vue:mounted="mounted('conf')">
-  <div>id = {| conf.itemid |}</div>
+  <div>item id: {| conf.itemid |}</div>
+  <div>session id: {| conf.sid |}</div>
 </div>
 
 <div @vue:mounted="mounted('output')">

layouts/shortcodes/pv/fieldset.html

@@ -1,3 +1,4 @@
-<div v-scope="Data()">
+{{- $name := .Get "name" | default "data" -}}
+<div v-scope="Data('{{ $name }}')">
 	{{ .Inner }}
 </div>