diff --git a/assets/js/main.ts b/assets/js/main.ts index d6e7ac7..61e14bf 100644 --- a/assets/js/main.ts +++ b/assets/js/main.ts @@ -1,4 +1,6 @@ import { createApp } from './lib/petite-vue.es.js' +import { pageid } from '@params' +console.log("pageid:", pageid) const apiUrl = '/api/system/poll/service/pclt-0001' @@ -9,8 +11,8 @@ const appdata = { newdata: '', data: '', save, - mounted() { - console.log('app mounted') + mounted(name: string) { + console.log('app mounted: ', name) } } diff --git a/assets/js/params-tsc.ts b/assets/js/params-tsc.ts new file mode 100644 index 0000000..660f26e --- /dev/null +++ b/assets/js/params-tsc.ts @@ -0,0 +1,6 @@ +// Dummy definitions to make tsc happy, +// imported by tsc via "import {...} from @params". +// Hugo / ESBuild will provide js.Build params in @params +// (see layout/partials/js.html). +export const pageid = 'fileid-dummy' +export const apipath = 'apipath-dummy' diff --git a/assets/js/tsconfig.json b/assets/js/tsconfig.json index 50c5c5a..d7b2a9c 100644 --- a/assets/js/tsconfig.json +++ b/assets/js/tsconfig.json @@ -5,6 +5,9 @@ "compilerOptions": { "noEmit": true, "module": "es2022", - "lib": ["es2015", "dom"] + "lib": ["es2015", "dom"], + "paths": { + "@params": ["./params-tsc.ts"] + } } } diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md index 17545af..70d1cff 100644 --- a/exampleSite/content/_index.md +++ b/exampleSite/content/_index.md @@ -9,6 +9,7 @@ date: 2023-02-16 author: helmutm draft: false weight: 10 +jsModule: main.ts --- cyberscopes example site - use petite-vue in Hugo-generated sites. diff --git a/layouts/partials/js.html b/layouts/partials/js.html index cf937f9..3028393 100644 --- a/layouts/partials/js.html +++ b/layouts/partials/js.html @@ -1,3 +1,7 @@ -
{{ or .Params.Pageid .File.UniqueID "unknown" }}
-{{ $js := resources.Get "js/main.ts" | js.Build (dict "minify" false) }} - +{{- $pageid := or .Params.Pageid .File.UniqueID "unknown" -}} +{{- with $jsmod := .Params.JsModule -}} + {{- $js := resources.Get (printf "js/%s" $jsmod) | js.Build ( + dict "minify" false + "params" (dict "pageid" $pageid)) -}} + +{{- end -}} diff --git a/layouts/shortcodes/input.html b/layouts/shortcodes/input.html index 5790626..26c2b3d 100644 --- a/layouts/shortcodes/input.html +++ b/layouts/shortcodes/input.html @@ -4,12 +4,12 @@ @change="save" /> -
+

 
-

+