vue-poc/tools/compile.xq

(:~
 : create app.js from vue files 
 :)
import module namespace html5="text.html5" at "html5parse.xqm";
import module namespace fw="quodatum:file.walker";
declare namespace c="http://www.w3.org/ns/xproc-step";
declare namespace Document="java:ch.digitalfondue.jfiveparse.Document";
declare namespace Element="java:ch.digitalfondue.jfiveparse.Element";
declare namespace Node="java:ch.digitalfondue.jfiveparse.Node";

declare namespace functx = "http://www.functx.com";
declare variable $SRC:="C:/Users/andy/git/vue-poc/src/vue-poc/templates/";
declare variable $CORE:="C:/Users/andy/git/vue-poc/src/vue-poc/static/core.js";
declare variable $DEST:="C:/Users/andy/git/vue-poc/src/vue-poc/static/app-gen.js";

(:~ 
 : generate javascript vue call from vue files in source folder and core.js
 :)
declare function local:process($doc)
{
let $tempNode:= html5:getElementFirstByTagName($doc,"template")
let $template:= Node:getInnerHTML($tempNode)
let $id  := Element:getAttribute($tempNode,"id")
let $name:=functx:capitalize-first($id)=>trace("ID")

let $script:= html5:getElementFirstByTagName($doc,"script")
let $script:= Node:getInnerHTML($script)=>substring-after("{")
let $js:= ``[const `{$name}`=Vue.extend({template:` `{$template}` `,
`{$script}`
);
]``
return if(empty($id)) then () else $js
};

declare function functx:capitalize-first
  ( $arg as xs:string? )  as xs:string? 
{
   concat(upper-case(substring($arg,1,1)), substring($arg,2))
};

let $files:= fw:directory-list($SRC,map{"include-filter":".*\.vue"})
             //c:file/@name/resolve-uri(.,base-uri(.))
let $docs:=$files!(fetch:text(.)=>html5:doc()=>local:process())
let $comment:="// generated " || current-dateTime() || "

"
return file:write-text($DEST,string-join(($comment,$docs,fetch:text($CORE))))