diff --git a/src/vue-poc/expath-pkg.xml b/src/vue-poc/expath-pkg.xml
index 610de0f..c6c567d 100644
--- a/src/vue-poc/expath-pkg.xml
+++ b/src/vue-poc/expath-pkg.xml
@@ -1,9 +1,9 @@
 <package xmlns="http://expath.org/ns/pkg" name="http://expkg-zone58.github.io/ex-dotml"
-	abbrev="vue-poc" version="0.0.2" spec="1.0">
+	abbrev="vue-poc" version="0.0.3" spec="1.0">
 	<title>vue-poc test of vue.js.</title>
-	<dependency name="ace" version="1.2.6" />
+	<dependency name="ace" version="1.2.7" />
 	<dependency name="vuetify" version="0.12.5" />
-	<dependency name="vue" version="2.3.3" />
+	<dependency name="vue" version="2.3.4" />
 	<dependency name="vue-router" version="2.5.3" />
 	<dependency name="google-material" version="0.0.0" />
 	<dependency name="js-beautify" version="1.6.12" />
diff --git a/src/vue-poc/lib/media-types.properties b/src/vue-poc/lib/media-types.properties
new file mode 100644
index 0000000..febb359
--- /dev/null
+++ b/src/vue-poc/lib/media-types.properties
@@ -0,0 +1,1287 @@
+123=application/vnd.lotus-1-2-3
+323=text/h323
+3dm=x-world/x-3dmf
+3dmf=x-world/x-3dmf
+3dml=text/vnd.in3d.3dml
+3g2=video/3gpp
+3gp=video/3gp
+3gpp=audio/3gp
+7z=application/x-7z-compressed
+aab=application/x-authorware-bin
+aac=audio/x-aac
+aam=application/x-authorware-map
+aas=application/x-authorware-map
+abc=text/vnd.abc
+abw=application/x-abiword
+ac=application/pkix-attr-cert
+acc=application/vnd.americandynamics.acc
+ace=application/x-ace-compressed
+acgi=text/html
+acu=application/vnd.acucobol
+acutc=application/vnd.acucorp
+adp=audio/adpcm
+adr=application/x-msaddr
+aep=application/vnd.audiograph
+afl=video/animaflex
+afm=application/x-font-type1
+afp=application/vnd.ibm.modcap
+ahead=application/vnd.ahead.space
+ai=application/postscript
+aif=audio/x-aiff
+aifc=audio/x-aiff
+aiff=audio/x-aiff
+aim=application/x-aim
+aip=text/x-audiosoft-intra
+air=application/vnd.adobe.air-application-installer-package+zip
+ait=application/vnd.dvb.ait
+alt=application/x-up-alert
+amc=application/x-mpeg
+ami=application/vnd.amiga.ami
+ani=application/x-navi-animation
+anx=application/annodex
+aos=application/x-nokia-9000-communicator-add-on-software
+apk=application/vnd.android.package-archive
+application=application/x-ms-application
+apr=application/vnd.lotus-approach
+aps=application/mime
+arj=application/arj
+art=image/x-jg
+asc=text/plain
+asd=application/astound
+asf=video/x.ms.asf
+asm=text/x-asm
+asn=application/astound
+aso=application/vnd.accpac.simply.aso
+asp=text/asp
+asx=video/x.ms.asx
+asz=application/astound
+atc=application/vnd.acucorp
+atom=application/atom+xml
+atomcat=application/atomcat+xml
+atomsvc=application/atomsvc+xml
+atx=application/vnd.antix.game-component
+au=audio/basic
+avi=video/avi
+avs=video/avs-video
+aw=application/applixware
+axa=audio/annodex
+axs=application/olescript
+axv=video/annodex
+azf=application/vnd.airzip.filesecure.azf
+azs=application/vnd.airzip.filesecure.azs
+azw=application/vnd.amazon.ebook
+bas=text/plain
+bat=text/plain
+bcf=application/vnd.belarc-cf
+bci=application/vnd.belarc-bci
+bcpio=application/x-bcpio
+bdf=application/x-font-bdf
+bdm=application/vnd.syncml.dm+wbxml
+bed=application/vnd.realvnc.bed
+bh2=application/vnd.fujitsu.oasysprs
+bild=image/jpeg
+bin=application/x-binary
+bm=image/bmp
+bmi=application/vnd.bmi
+bmp=image/bmp
+boo=application/book
+book=application/book
+box=application/vnd.previewsystems.box
+boz=application/x-bzip2
+bpp=application/x-mmjb-bpp
+bsh=application/x-bsh
+btif=image/prs.btif
+bwp=application/x-bwpreview
+bz=application/x-bzip
+bz2=application/x-bzip2
+c++=text/plain
+c=text/x-c
+c11amc=application/vnd.cluetrust.cartomobile-config
+c11amz=application/vnd.cluetrust.cartomobile-config-pkg
+c4d=application/vnd.clonk.c4group
+c4f=application/vnd.clonk.c4group
+c4g=application/vnd.clonk.c4group
+c4p=application/vnd.clonk.c4group
+c4u=application/vnd.clonk.c4group
+cab=application/x-cabinet
+cacert=application/x-x509-ca-cert
+caf=audio/x-caf
+car=application/vnd.curl.car
+cat=application/vnd.ms-pki.seccat
+cc=text/x-c
+ccad=application/clariscad
+cco=application/x-cocoa
+ccs=text/ccs
+cct=application/x-director
+ccxml=application/ccxml+xml
+cdbcmsg=application/vnd.contact.cmsg
+cdf=application/cdf
+cdkey=application/vnd.mediastation.cdkey
+cdmia=application/cdmi-capability
+cdmic=application/cdmi-container
+cdmid=application/cdmi-domain
+cdmio=application/cdmi-object
+cdmiq=application/cdmi-queue
+cdr=application/x-cdr
+cdx=chemical/x-cdx
+cdxml=application/vnd.chemdraw+xml
+cdy=application/vnd.cinderella
+cer=application/pkix-cert
+cgi=magnus-internal/cgi
+cgm=image/cgm
+cha=application/x-chat
+chat=application/x-chat
+che=application/x-up-cacheop
+chm=application/chm
+chrt=application/vnd.kde.kchart
+cht=audio/x-dspeech
+cif=chemical/x-cif
+cii=application/vnd.anser-web-certificate-issue-initiation
+cil=application/vnd.ms-artgalry
+ckl=application/x-fortezza-ckl
+cla=application/vnd.claymore
+class=application/java
+clkk=application/vnd.crick.clicker.keyboard
+clkp=application/vnd.crick.clicker.palette
+clkt=application/vnd.crick.clicker.template
+clkw=application/vnd.crick.clicker.wordbank
+clkx=application/vnd.crick.clicker
+clp=image/x-clp
+cmc=application/vnd.cosmocaller
+cmd=text/plain
+cmdf=chemical/x-cmdf
+cml=chemical/x-cml
+cmp=application/vnd.yellowriver-custom-menu
+cmx=image/x-cmx
+cnc=application/x-cnc
+cod=image/cis-cod
+coda=application/x-coda
+com=text/plain
+con=application/x-connector
+conf=text/plain
+cpi=image/cpi
+cpio=application/x-cpio
+cpp=text/x-c
+cpt=application/x-cpt
+crd=application/x-mscardfile
+crl=application/pkcs-crl
+crt=application/pkix-cert
+cryptonote=application/vnd.rig.cryptonote
+csh=application/x-csh
+csm=application/x-cu-seeme
+csml=chemical/x-csml
+csp=application/vnd.commonspace
+css=text/css
+cst=application/x-director
+csv=text/comma-separated-values
+cu=application/x-cu-seeme
+curl=text/vnd.curl
+cut=image/x-halo-cut
+cvsignore=text/plain
+cww=application/prs.cww
+cxt=application/x-director
+cxx=text/plain
+dae=model/vnd.collada+xml
+daf=application/vnd.mobius.daf
+dataless=application/vnd.fdsn.seed
+davmount=application/davmount+xml
+dcr=application/x-director
+dcurl=text/vnd.curl.dcurl
+dd2=application/vnd.oma.dd2+xml
+ddd=application/vnd.fujixerox.ddd
+deb=application/x-debian-package
+deepv=application/x-deepv
+def=text/plain
+der=application/x-x509-ca-cert
+dfac=application/vnd.dreamfactory
+dic=text/x-c
+dif=video/x-dv
+dig=multipart/mixed
+dir=application/x-director
+dis=application/vnd.mobius.dis
+djv=image/vnd.djvu
+djvu=image/vnd.djvu
+dl=video/dl
+dna=application/vnd.dna
+doc=application/msword
+docm=application/vnd.ms-word.document.macroenabled.12
+docx=application/vnd.openxmlformats-officedocument.wordprocessingml.document
+dot=application/x-dot
+dotm=application/vnd.ms-word.template.macroenabled.12
+dotx=application/vnd.openxmlformats-officedocument.wordprocessingml.template
+dp=application/commonground
+dpg=application/vnd.dpgraph
+dra=audio/vnd.dra
+drw=application/drafting
+dsc=text/prs.lines.tag
+dsf=image/x-mgx-dsf
+dss=text/dss
+dssc=application/dssc+der
+dst=application/tajima
+dtb=application/x-dtbook+xml
+dtd=application/xml-dtd
+dts=audio/vnd.dts
+dtshd=audio/vnd.dts.hd
+dus=audio/x-dspeech
+dv=video/x-dv
+dvi=application/x-dvi
+dwf=drawing/x-dwf
+dwg=image/vnd
+dxf=image/vnd
+dxp=application/vnd.spotfire.dxp
+dxr=application/x-director
+ebk=application/x-expandedbook
+ecelp4800=audio/vnd.nuera.ecelp4800
+ecelp7470=audio/vnd.nuera.ecelp7470
+ecelp9600=audio/vnd.nuera.ecelp9600
+ecert=application/x-x509-email-cert
+ecma=application/ecmascript
+edm=application/vnd.novadigm.edm
+edn=application/vnd.adobe.edn
+edx=application/vnd.novadigm.edx
+efif=application/vnd.picsel
+ei6=application/vnd.pg.osasli
+el=text/x-script.elisp
+elc=application/x-elc
+email=application/x-x509-email-cert
+emf=image/x-emf
+eml=message/rfc822
+emma=application/emma+xml
+enc=application/pre-encrypted
+env=application/x-envoy
+eol=audio/vnd.digital-winds
+eot=application/vnd.ms-fontobject
+eps=application/postscript
+epub=application/epub+zip
+erf=application/x-hsp-erf
+es=audio/echospeech
+es3=application/vnd.eszigno3+xml
+esf=application/vnd.epson.esf
+esl=audio/echospeech
+et3=application/vnd.eszigno3+xml
+etc=application/x-earthtime
+etd=application/x-ebx
+etf=image/x-etf
+etx=text/x-setext
+evy=application/envoy
+exi=application/exi
+ext=application/vnd.novadigm.ext
+ez=application/andrew-inset
+ez2=application/vnd.ezpix-album
+ez3=application/vnd.ezpix-package
+f=text/plain
+f4v=video/mp4
+f77=text/x-fortran
+f90=text/plain
+fbs=image/vnd.fastbidsheet
+fcs=application/vnd.isac.fcs
+fdf=application/vnd.fdf
+fe_launch=application/vnd.denovo.fcselayout-link
+fg5=application/vnd.fujitsu.oasysgp
+fgd=application/x-director
+fh=image/x-freehand
+fh4=image/x-freehand
+fh5=image/x-freehand
+fh7=image/x-freehand
+fhc=image/x-freehand
+fif=image/fif
+fig=application/x-xfig
+flac=audio/flac
+flc=video/flc
+fli=video/fli
+flo=image/florian
+flv=video/x-flv
+flw=application/vnd.kde.kivio
+flx=text/vnd.fmi.flexstor
+fly=text/vnd.fly
+fm=application/x-maker
+fmf=video/x-atomic3d-feature
+fml=application/fml
+fnc=application/vnd.frogans.fnc
+fo=application/xml
+for=text/plain
+fpx=image/x-fpx
+frame=application/vnd.framemaker
+frl=application/freeloader
+fs=application/X-FSRecipe
+fsc=application/vnd.fsc.weblaunch
+fst=image/vnd.fst
+ftc=application/vnd.fluxtime.clip
+fti=application/vnd.anser-web-funds-transfer-initiation
+funk=audio/make
+fvi=video/isivideo
+fvt=video/vnd.fvt
+fxp=application/vnd.adobe.fxp
+fxpl=application/vnd.adobe.fxp
+fzs=application/vnd.fuzzysheet
+g=text/plain
+g2w=application/vnd.geoplan
+g3=image/g3fax
+g3w=application/vnd.geospace
+gac=application/vnd.groove-account
+gdl=model/vnd.gdl
+geo=application/vnd.dynageo
+gex=application/vnd.geometry-explorer
+ggb=application/vnd.geogebra.file
+ggt=application/vnd.geogebra.tool
+ghf=application/vnd.groove-help
+gif=image/gif
+gim=application/vnd.groove-identity-message
+gl=video/gl
+gmx=application/vnd.gmx
+gnumeric=application/x-gnumeric
+gph=application/vnd.flographit
+gqf=application/vnd.grafeq
+gqs=application/vnd.grafeq
+gram=application/srgs
+gre=application/vnd.geometry-explorer
+grv=application/vnd.groove-injector
+grxml=application/srgs+xml
+gsd=audio/gsm
+gsf=application/x-font-ghostscript
+gsm=audio/gsm
+gsp=application/x-gsp
+gss=application/x-gss
+gtar=application/x-gtar
+gtm=application/vnd.groove-tool-message
+gtw=model/vnd.gtw
+gv=text/vnd.graphviz
+gxt=application/vnd.geonext
+gz=application/gzip
+gzip=application/gzip
+h=text/x-h
+h261=video/h261
+h263=video/h263
+h264=video/h264
+hal=application/vnd.hal+xml
+hbci=application/vnd.hbci
+hdf=application/x-hdf
+hdml=text/x-hdml
+help=application/x-helpfile
+hgl=application/vnd.hp-hpgl
+hh=text/x-h
+hlb=text/x-script
+hlp=application/hlp
+hpg=application/vnd.hp-hpgl
+hpgl=application/vnd.hp-hpgl
+hpid=application/vnd.hp-hpid
+hps=application/vnd.hp-hps
+hqx=application/binhex
+hta=application/hta
+htc=text/x-component
+htke=application/vnd.kenameaapp
+htm=text/html
+html=text/html
+htmls=text/html
+htt=text/webviewhtml
+htx=text/html
+hvd=application/vnd.yamaha.hv-dic
+hvp=application/vnd.yamaha.hv-voice
+hvs=application/vnd.yamaha.hv-script
+i2g=application/vnd.intergeo
+iad=application/x-iad
+ica=application/x-ica
+icc=application/vnd.iccprofile
+ice=x-conference/x-cooltalk
+icm=application/vnd.iccprofile
+ico=image/x-icon
+ics=text/calendar
+idc=text/plain
+ief=image/ief
+iefs=image/ief
+ifb=text/calendar
+ifm=application/vnd.shana.informed.formdata
+ifs=image/ifs
+iges=model/iges
+igl=application/vnd.igloader
+igm=application/vnd.insors.igm
+igs=model/iges
+igx=application/vnd.micrografx.igx
+iif=application/vnd.shana.informed.interchange
+iii=application/x-iphone
+ima=application/x-ima
+imap=application/x-httpd-imap
+imp=application/vnd.accpac.simply.imp
+ims=application/vnd.ms-ims
+in=text/plain
+inf=application/inf
+infopathxml=application/ms-infopath.xml
+ins=application/x-NET-Install
+ip=application/x-ip2
+ipfix=application/ipfix
+ipk=application/vnd.shana.informed.package
+ips=application/ips
+ipx=application/x-ipix
+iqy=text/x-ms-iqy
+irm=application/vnd.ibm.rights-management
+irp=application/vnd.irepository.package+xml
+isu=video/x-isvideo
+it=audio/it
+itms=application/x-itunes-itms
+itp=application/vnd.shana.informed.formtemplate
+itpc=application/x-itunes-itpc
+iv=application/x-inventor
+ivp=application/vnd.immervision-ivp
+ivr=i-world/i-vrml
+ivu=application/vnd.immervision-ivu
+ivy=application/x-livescreen
+iw4=image/x-iw44
+iw44=image/x-iw44
+jad=text/vnd.sun.j2me.app-descriptor
+jam=audio/x-jam
+jar=application/java-archive
+jardiff=application/x-java-archive-diff
+jav=text/plain
+java=text/plain
+jcm=application/x-java-commerce
+jfif=image/jpeg
+jfif-tbnl=image/jpeg
+jisp=application/vnd.jisp
+jlt=application/vnd.hp-jlyt
+jnlp=application/x-java-jnlp-file
+joda=application/vnd.joost.joda-archive
+jp2=image/jp2
+jpe=image/jpeg
+jpeg=image/jpeg
+jpg=image/jpeg
+jpgm=video/jpm
+jpgv=video/jpeg
+jpm=video/jpm
+jps=image/x-jps
+js=text/ecmascript
+jsc=application/x-javascript-config
+json=application/json
+jsp=text/html
+jsu=application/x-javascript;charset
+jut=image/jutvision
+kar=audio/midi
+karbon=application/vnd.kde.karbon
+kfo=application/vnd.kde.kformula
+kia=application/vnd.kidspiration
+kml=application/vnd.google-earth.kml+xml
+kmz=application/vnd.google-earth.kmz
+kne=application/vnd.kinar
+knp=application/vnd.kinar
+kon=application/vnd.kde.kontour
+kpr=application/vnd.kde.kpresenter
+kpt=application/vnd.kde.kpresenter
+ksh=application/x-ksh
+ksp=application/vnd.kde.kspread
+ktr=application/vnd.kahootz
+ktx=image/ktx
+ktz=application/vnd.kahootz
+kwd=application/vnd.kde.kword
+kwt=application/vnd.kde.kword
+la=audio/nspaudio
+lam=audio/x-liveaudio
+lasxml=application/vnd.las.las+xml
+latex=application/x-latex
+lbd=application/vnd.llamagraphics.life-balance.desktop
+lbe=application/vnd.llamagraphics.life-balance.exchange+xml
+lcc=application/fastman
+les=application/vnd.hhe.lesson-player
+lha=application/lha
+link66=application/vnd.route66.link66+xml
+list=text/plain
+list3820=application/vnd.ibm.modcap
+listafp=application/vnd.ibm.modcap
+lit=application/lit
+lma=audio/nspaudio
+log=text/plain
+lostxml=application/lost+xml
+lrm=application/vnd.ms-lrm
+lsm=text/plain
+lsp=text/lsp
+lst=text/plain
+lsx=text/x-la-asf
+ltf=application/vnd.frogans.ltf
+ltx=application/x-latex
+lvp=audio/vnd.lucent.voice
+lwp=application/x-wordpro
+lzh=application/x-lzh
+lzx=application/lzx
+m=text/x-m
+m13=application/x-msmediaview
+m14=application/x-msmediaview
+m1v=video/mpeg
+m21=application/mp21
+m2a=audio/mpeg
+m2v=video/mpeg
+m3a=audio/mpeg
+m3u=audio/x-mpegurl
+m3u8=application/vnd.apple.mpegurl
+m4a=audio/x-m4a
+m4b=audio/x-m4b
+m4p=audio/x-m4p
+m4u=video/vnd.mpegurl
+m4v=video/mp4
+ma=application/mathematica
+mads=application/mads+xml
+mag=application/vnd.ecowin.chart
+maker=application/vnd.framemaker
+man=application/x-troff-man
+map=application/x-navimap
+mar=text/plain
+mathml=application/mathml+xml
+mb=application/mathematica
+mbd=application/mbedlet
+mbk=application/vnd.mobius.mbk
+mbox=application/mbox
+mc$=application/x-magic-cap-package-1.0
+mc1=application/vnd.medcalcdata
+mcd=application/mcad
+mcf=text/mcf
+mcp=application/netmc
+mcurl=text/vnd.curl.mcurl
+mdb=application/mdb
+mdi=image/vnd.ms-modi
+me=application/x-troff-me
+mesh=model/mesh
+meta4=application/metalink4+xml
+mets=application/mets+xml
+mf=text/xml
+mfm=application/vnd.mfmp
+mfp=application/mirage
+mgp=application/vnd.osgeo.mapguide.package
+mgz=application/vnd.proteus.magazine
+mht=message/rfc822
+mhtml=message/rfc822
+mi=application/x-mif
+mid=audio/midi
+midi=audio/midi
+mif=application/x-mif
+mime=www/mime
+mj2=video/mj2
+mjf=audio/x-vnd.audioexplosion.mjuicemediafile
+mjp2=video/mj2
+mjpg=video/x-motion-jpeg
+mlp=application/vnd.dolby.mlp
+mm=application/base64
+mmd=application/vnd.chipnuts.karaoke-mmd
+mme=application/base64
+mmf=application/vnd.smaf
+mmjb_mime=application/x-musicmatch-mmjb5.20detect
+mmr=image/vnd.fujixerox.edmics-mmr
+mmz=application/x-mmjb-mmz
+mnd=audio/x-musicnet-download
+mns=audio/x-musicnet-stream
+mny=application/x-msmoney
+mobi=application/x-mobipocket-ebook
+moc=application/x-mocha
+mocha=application/x-mocha
+mod=audio/mod
+mods=application/mods+xml
+mol=chemical/x-mdl-molfile
+moov=video/quicktime
+mov=video/quicktime
+movie=video/x-sgi-movie
+mp2=audio/mpeg
+mp21=application/mp21
+mp2a=audio/mpeg
+mp2v=video/x-mpeg2
+mp3=audio/mpeg
+mp4=video/mp4
+mp4a=audio/mp4
+mp4s=application/mp4
+mp4v=video/mp4
+mpa=audio/mpeg
+mpc=application/x-project
+mpe=video/mpeg
+mpeg=video/mpeg
+mpegv=video/mpeg
+mpf=application/vnd.ms-mediapackage
+mpg=video/mpeg
+mpg4=video/mp4
+mpga=audio/mpeg
+mpire=application/x-mpire
+mpkg=application/vnd.apple.installer+xml
+mpl=application/x-mpire
+mpm=application/vnd.blueice.multipass
+mpn=application/vnd.mophun.application
+mpp=application/vnd.ms-project
+mpt=application/x-project
+mpv=video/mpeg
+mpv2=video/x-mpeg2
+mpx=application/x-project
+mpy=application/vnd.ibm.minipay
+mqy=application/vnd.mobius.mqy
+mrc=application/marc
+mrcx=application/marcxml+xml
+ms=application/x-troff-ms
+mscml=application/mediaservercontrol+xml
+mseed=application/vnd.fdsn.mseed
+mseq=application/vnd.mseq
+msf=application/vnd.epson.msf
+msh=model/mesh
+msi=application/msi
+msl=application/vnd.mobius.msl
+msm=application/msm
+msty=application/vnd.muvee.style
+msw=application/msword
+mts=model/vnd.mts
+mus=application/vnd.musician
+musicxml=application/vnd.recordare.musicxml+xml
+mv=video/x-sgi-movie
+mvb=application/x-msmediaview
+mwf=application/vnd.mfer
+mwrt=application/macwriteii
+mxf=application/mxf
+mxl=application/vnd.recordare.musicxml
+mxml=application/xv+xml
+mxs=application/vnd.triscape.mxs
+mxu=video/vnd.mpegurl
+my=audio/make
+mzz=application/x-vnd.audioexplosion.mzz
+n2p=application/n2p
+n3=text/n3
+nap=image/naplps
+naplps=image/naplps
+nb=application/mathematica
+nbp=application/vnd.wolfram.player
+nc=application/x-netcdf
+ncm=application/vnd.nokia.configuration-message
+ncx=application/x-dtbncx+xml
+n-gage=application/vnd.nokia.n-gage.symbian.install
+ngdat=application/vnd.nokia.n-gage.data
+nif=image/x-niff
+niff=image/x-niff
+nix=application/x-mix-transfer
+nlu=application/vnd.neurolanguage.nlu
+nml=application/vnd.enliven
+nnd=application/vnd.noblenet-directory
+nns=application/vnd.noblenet-sealer
+nnw=application/vnd.noblenet-web
+npx=application/x-netfpx
+nsc=application/x-nschat
+nsf=application/vnd.lotus-notes
+nvd=application/x-navidoc
+oa2=application/vnd.fujitsu.oasys2
+oa3=application/vnd.fujitsu.oasys3
+oas=application/vnd.fujitsu.oasys
+obd=application/x-msbinder
+oda=application/oda
+odb=application/vnd.oasis.opendocument.database
+odc=text/x-ms-odc
+odf=application/vnd.oasis.opendocument.formula
+odft=application/vnd.oasis.opendocument.formula-template
+odg=application/vnd.oasis.opendocument.graphics
+odi=application/vnd.oasis.opendocument.image
+odm=application/vnd.oasis.opendocument.text-master
+odp=application/vnd.oasis.opendocument.presentation
+ods=application/vnd.oasis.opendocument.spreadsheet
+odt=application/vnd.oasis.opendocument.text
+ofc=application/x-ofc
+ofml=application/fml
+ofx=application/x-ofx
+oga=audio/ogg
+ogg=audio/ogg
+ogv=video/ogg
+ogx=application/ogg
+omc=application/x-omc
+omcd=application/x-omcdatamaker
+omcr=application/x-omcregerator
+onepkg=application/onenote
+onetmp=application/onenote
+onetoc=application/onenote
+onetoc2=application/onenote
+opf=application/oebps-package+xml
+oprc=application/vnd.palm
+org=application/vnd.lotus-organizer
+osf=application/vnd.yamaha.openscoreformat
+osfpvg=application/vnd.yamaha.openscoreformat.osfpvg+xml
+otc=application/vnd.oasis.opendocument.chart-template
+otf=application/vnd.oasis.opendocument.formula-template
+otg=application/vnd.oasis.opendocument.graphics-template
+oth=application/vnd.oasis.opendocument.text-web
+oti=application/vnd.oasis.opendocument.image-template
+otp=application/vnd.oasis.opendocument.presentation-template
+ots=application/vnd.oasis.opendocument.spreadsheet-template
+ott=application/vnd.oasis.opendocument.text-template
+oxt=application/vnd.openofficeorg.extension
+p=text/x-pascal
+p10=application/pkcs10
+p12=application/pkcs-12
+p7a=application/x-pkcs7-signature
+p7b=application/x-pkcs7-certificates
+p7c=application/pkcs7-mime
+p7m=application/pkcs7-mime
+p7r=application/x-pkcs7-certreqresp
+p7s=application/pkcs7-signature
+p8=application/pkcs8
+pac=audio/x-pac
+pae=audio/x-epac
+page=application/x-coda
+part=application/pro_eng
+pas=text/pascal
+paw=application/vnd.pawaafile
+pbd=application/vnd.powerbuilder6
+pbm=image/x-portable-bitmap
+pcast=application/x-podcast
+pcd=image/x-photo-cd
+pcf=application/x-font-pcf
+pcl=application/x-pcl
+pclxl=application/vnd.hp-pclxl
+pct=image/x-pict
+pcurl=application/vnd.curl.pcurl
+pcx=image/x-pcx
+pdb=chemical/x-pdb
+pdf=application/pdf
+pdx=application/vnd.adobe.pdx
+pfa=application/x-font-type1
+pfb=application/x-font-type1
+pfm=application/x-font-type1
+pfr=application/font-tdpfr
+pfunk=audio/make
+pfx=application/x-pkcs12
+pgm=image/x-portable-graymap
+pgn=application/x-chess-pgn
+pgp=application/x-pgp-plugin
+pgr=text/parsnegar-document
+php=application/x-httpd-php
+php3=application/x-httpd-php3
+php4=application/x-httpd-php
+phps=application/x-httpd-php-source
+phtml=application/x-httpd-php4
+pic=image/pict
+pict=image/pict
+pinstall=application/x-picasa-detect
+pjp=image/jpeg
+pjpeg=image/jpeg
+pkg=application/x-newton-compatible-pkg
+pki=application/pkixcmp
+pkipath=application/pkix-pkipath
+pko=application/vnd.ms-pki.pko
+pl=text/plain
+plb=application/vnd.3gpp.pic-bw-large
+plc=application/vnd.mobius.plc
+plf=application/vnd.pocketlearn
+pls=audio/x-scpls
+plx=application/x-pixclscript
+pm=image/x-xpixmap
+pm4=application/x-pagemaker
+pm5=application/x-pagemaker
+pml=application/vnd.ctc-posml
+png=image/png
+pnm=image/x-portable-anymap
+pntg=image/x-macpaint
+portpkg=application/vnd.macports.portpkg
+pot=application/mspowerpoint
+potm=application/vnd.ms-powerpoint.template.macroenabled.12
+potx=application/vnd.openxmlformats-officedocument.presentationml.template
+pov=model/x-pov
+ppa=application/vnd.ms-powerpoint
+ppam=application/vnd.ms-powerpoint.addin.macroenabled.12
+ppd=application/vnd.cups-ppd
+ppm=image/x-portable-pixmap
+pps=application/mspowerpoint
+ppsm=application/vnd.ms-powerpoint.slideshow.macroenabled.12
+ppsx=application/vnd.openxmlformats-officedocument.presentationml.slideshow
+ppt=application/powerpoint
+pptm=application/vnd.ms-powerpoint.presentation.macroenabled.12
+pptx=application/vnd.openxmlformats-officedocument.presentationml.presentation
+ppz=application/mspowerpoint
+pqa=application/vnd.palm
+pqf=application/x-cprplayer
+pqi=application/cprplayer
+prc=application/x-mobipocket-ebook
+pre=application/x-freelance
+prf=application/pics-rules
+proxy=application/x-ns-proxy-autoconfig
+prt=application/pro_eng
+ps=application/postscript
+psb=application/vnd.3gpp.pic-bw-small
+psf=application/x-font-linux-psf
+pskcxml=application/pskc+xml
+psr=application/datawindow
+ptid=application/vnd.pvi.ptid1
+ptlk=application/listenup
+pub=application/x-mspublisher
+push=multipart/x-mixed-replace
+pvb=application/vnd.3gpp.pic-bw-var
+pvu=paleovu/x-pv
+pwn=application/vnd.3m.post-it-notes
+pwz=application/vnd.ms-powerpoint
+py=text/x-script.phyton
+pya=audio/vnd.ms-playready.media.pya
+pyc=applicaiton/x-bytecode.python
+pyv=video/vnd.ms-playready.media.pyv
+qam=application/vnd.epson.quickanime
+qbo=application/vnd.intu.qbo
+qcp=audio/vnd.qcelp
+qd3=x-world/x-3dmf
+qd3d=x-world/x-3dmf
+qfx=application/vnd.intu.qfx
+qif=application/x-qif
+qps=application/vnd.publishare-delta-tree
+qrt=application/quest
+qt=video/quicktime
+qtc=video/x-qtc
+qti=image/x-quicktime
+qtif=image/x-quicktime
+qtl=application/x-quicktimeplayer
+qwd=application/vnd.quark.quarkxpress
+qwt=application/vnd.quark.quarkxpress
+qxb=application/vnd.quark.quarkxpress
+qxd=application/vnd.quark.quarkxpress
+qxl=application/vnd.quark.quarkxpress
+qxt=application/vnd.quark.quarkxpress
+r3t=text/vnd.rn-realtext3d
+ra=audio/x-realaudio
+ram=audio/x-pn-realaudio
+rar=application/rar
+ras=image/cmu-raster
+rast=image/cmu-raster
+rcprofile=application/vnd.ipunplugged.rcprofile
+rdf=application/rdf+xml
+rdz=application/vnd.data-vision.rdz
+rec=application/vnd.rn-recording
+rep=application/vnd.businessobjects
+res=application/x-dtbresource+xml
+rexx=text/x-script.rexx
+rf=image/vnd.rn-realflash
+rgb=image/x-rgb
+rif=application/reginfo+xml
+rip=image/rip
+rl=application/resource-lists+xml
+rlc=image/vnd.fujixerox.edmics-rlc
+rld=application/resource-lists-diff+xml
+rm=audio/x-pn-realaudio
+rmf=audio/rmf
+rmi=audio/mid
+rmm=audio/x-pn-realaudio
+rmp=audio/x-pn-realaudio
+rms=application/vnd.jcp.javame.midlet-rms
+rnc=application/relax-ng-compact-syntax
+rng=application/ringing-tones
+rnx=application/vnd.rn-realplayer
+roff=application/x-troff
+rp=image/vnd.rn-realpix
+rp9=application/vnd.cloanto.rp9
+rpm=application/x-rpm
+rpss=application/vnd.nokia.radio-presets
+rpst=application/vnd.nokia.radio-preset
+rq=application/sparql-query
+rqy=text/x-ms-rqy
+rrf=application/x-InstallFromTheWeb
+rs=application/rls-services+xml
+rsd=application/rsd+xml
+rss=application/rss+xml
+rt=text/richtext
+rtc=application/rtc
+rtf=application/rtf
+rtsp=application/x-rtsp
+rtx=text/richtext
+rv=video/vnd.rn-realvideo
+s=text/x-asm
+s3m=audio/s3m
+saf=application/vnd.yamaha.smaf-audio
+sbk=application/x-tbook
+sbml=application/sbml+xml
+sc=application/vnd.ibm.secure-container
+sca=application/x-supercard
+scd=application/x-msschedule
+scert=application/x-x509-server-cert
+sch=application/schdpl32
+scm=video/x-scm
+scq=application/scvp-cv-request
+scs=application/scvp-cv-response
+scurl=text/vnd.curl.scurl
+sd2=audio/x-sd2
+sda=application/vnd.stardivision.draw
+sdc=application/vnd.stardivision.calc
+sdd=application/vnd.stardivision.impress
+sdkd=application/vnd.solent.sdkm+xml
+sdkm=application/vnd.solent.sdkm+xml
+sdml=text/plain
+sdp=application/sdp
+sdr=application/sounder
+sdv=video/sd-video
+sdw=application/vnd.stardivision.writer
+sea=application/sea
+see=application/vnd.seemail
+seed=application/vnd.fdsn.seed
+sema=application/vnd.sema
+semd=application/vnd.semd
+semf=application/vnd.semf
+ser=application/java-serialized-object
+set=application/set
+setpay=application/set-payment-initiation
+setreg=application/set-registration-initiation
+sfd-hdstx=application/vnd.hydrostatix.sof-data
+sfs=application/vnd.spotfire.sfs
+sgi=image/x-sgi
+sgl=application/vnd.stardivision.writer-global
+sgm=text/sgml
+sgml=text/sgml
+sh=application/x-sh
+sha=application/sha
+shar=application/x-bsh
+shf=application/shf+xml
+shtm=text/html
+shtml=text/html
+shw=application/presentations
+sid=audio/x-psid
+sig=application/pgp-signature
+silo=model/mesh
+sis=application/vnd.symbian.install
+sisx=application/vnd.symbian.install
+sit=application/x-sit
+sitx=application/x-stuffitx
+skd=application/x-koan
+skm=application/x-koan
+skp=application/x-koan
+skt=application/x-koan
+sl=application/x-seelogo
+slc=application/x-salsa
+sldm=application/vnd.ms-powerpoint.slide.macroenabled.12
+sldx=application/vnd.openxmlformats-officedocument.presentationml.slide
+slt=application/vnd.epson.salt
+sm=application/vnd.stepmania.stepchart
+smf=application/vnd.stardivision.math
+smi=application/smil
+smil=application/smil
+sml=application/smil
+smp=application/studiom
+snd=audio/basic
+snf=application/x-font-snf
+sol=application/solids
+spc=text/x-speech
+spf=application/vnd.yamaha.smaf-phrase
+spl=application/futuresplash
+spot=text/vnd.in3d.spot
+spp=application/scvp-vp-response
+spq=application/scvp-vp-request
+spr=application/x-sprite
+sprite=application/x-sprite
+spx=audio/ogg
+sql=text/plain
+src=application/x-wais-source
+sru=application/sru+xml
+srx=application/sparql-results+xml
+sse=application/vnd.kodak-descriptor
+ssf=application/vnd.epson.ssf
+ssi=text/x-server-parsed-html
+ssm=application/streamingmedia
+ssml=application/ssml+xml
+sst=application/vnd.ms-pki.certstore
+st=application/vnd.sailingtracker.track
+stc=application/vnd.sun.xml.calc.template
+std=application/vnd.sun.xml.draw.template
+step=application/step
+stf=application/vnd.wt.stf
+sti=application/vnd.sun.xml.impress.template
+stk=application/hstu
+stl=application/sla
+stp=application/step
+str=application/vnd.pg.format
+stream=audio/x-qt-stream
+stw=application/vnd.sun.xml.writer.template
+sub=image/vnd.dvb.subtitle
+sus=application/vnd.sus-calendar
+susp=application/vnd.sus-calendar
+sv4cpio=application/x-sv4cpio
+sv4crc=application/x-sv4crc
+svc=application/vnd.dvb.service
+svd=application/vnd.svd
+svf=image/vnd
+svg=image/svg+xml
+svgz=image/svg+xml
+svh=image/svh
+svr=x-world/x-svr
+swa=application/x-director
+swf=application/x-shockwave-flash
+swi=application/vnd.aristanetworks.swi
+sxc=application/vnd.sun.xml.calc
+sxd=application/vnd.sun.xml.draw
+sxg=application/vnd.sun.xml.writer.global
+sxi=application/vnd.sun.xml.impress
+sxm=application/vnd.sun.xml.math
+sxw=application/vnd.sun.xml.writer
+t=application/x-troff
+talk=text/x-speech
+tao=application/vnd.tao.intent-module-archive
+tar.gz=application/x-gtar
+tar=application/x-tar
+targa=image/x-targa
+tbk=application/x-tbook
+tbp=application/x-timbuktu
+tbt=application/timbuktu
+tcap=application/vnd.3gpp2.tcap
+tcl=application/x-tcl
+tcsh=text/x-script.tcsh
+teacher=application/vnd.smart.teacher
+tei=application/tei+xml
+teicorpus=application/tei+xml
+tex=application/x-tex
+texi=application/x-texinfo
+texinfo=application/x-texinfo
+text=text/plain
+tfi=application/thraud+xml
+tfm=application/x-tex-tfm
+tgz=application/gzip
+thmx=application/vnd.ms-officetheme
+tif=image/tiff
+tiff=image/tiff
+tki=application/x-tkined
+tkined=application/x-tkined
+tlk=application/x-tlk
+tmo=application/vnd.tmobile-livetv
+tmv=application/x-Parable-Thing
+torrent=application/x-bittorrent
+tpl=application/vnd.groove-tool-template
+tpt=application/vnd.trid.tpt
+tr=application/x-troff
+tra=application/vnd.trueapp
+trm=application/x-msterminal
+troff=application/x-troff
+tsd=application/timestamped-data
+tsi=audio/tsplayer
+tsp=audio/tsplayer
+tsq=application/timestamp-query
+tsr=application/timestamp-reply
+tsv=text/tab-separated-values
+ttc=application/x-font-ttf
+ttf=font/ttf
+ttl=text/turtle
+turbot=image/florian
+twd=application/vnd.simtech-mindmapper
+twds=application/vnd.simtech-mindmapper
+txd=application/vnd.genomatix.tuxedo
+txf=application/vnd.mobius.txf
+txt=text/plain
+u98=urdu/urdu98
+ucert=application/x-x509-user-cert
+udeb=application/x-debian-package
+ufd=application/vnd.ufdl
+ufdl=application/vnd.ufdl
+uil=text/x-uil
+uin=application/x-icq
+uls=text/iuls
+umj=application/vnd.umajin
+uni=text/uri-list
+unis=text/uri-list
+unityweb=application/vnd.unity
+unv=application/i-deas
+uoml=application/vnd.uoml+xml
+uri=text/uri-list
+uris=text/uri-list
+urls=text/uri-list
+usercert=application/x-x509-user-cert
+usr=application/x-x509-user-cert
+ustar=multipart/x-ustar
+utz=application/vnd.uiq.theme
+uu=text/x-uuencode
+uue=text/x-uuencode
+uva=audio/vnd.dece.audio
+uvd=application/vnd.dece.data
+uvf=application/vnd.dece.data
+uvg=image/vnd.dece.graphic
+uvh=video/vnd.dece.hd
+uvi=image/vnd.dece.graphic
+uvm=video/vnd.dece.mobile
+uvp=video/vnd.dece.pd
+uvs=video/vnd.dece.sd
+uvt=application/vnd.dece.ttml+xml
+uvu=video/vnd.uvvu.mp4
+uvv=video/vnd.dece.video
+uvva=audio/vnd.dece.audio
+uvvd=application/vnd.dece.data
+uvvf=application/vnd.dece.data
+uvvg=image/vnd.dece.graphic
+uvvh=video/vnd.dece.hd
+uvvi=image/vnd.dece.graphic
+uvvm=video/vnd.dece.mobile
+uvvp=video/vnd.dece.pd
+uvvs=video/vnd.dece.sd
+uvvt=application/vnd.dece.ttml+xml
+uvvu=video/vnd.uvvu.mp4
+uvvv=video/vnd.dece.video
+uvvx=application/vnd.dece.unspecified
+uvx=application/vnd.dece.unspecified
+vbd=application/activexdocument
+vbs=video/mpeg
+vcd=application/x-cdlink
+vcf=text/x-vcard
+vcg=application/vnd.groove-vcard
+vcs=text/x-vcalendar
+vcx=application/vnd.vcx
+vda=application/vda
+vdo=video/vdo
+vew=application/groupwise
+vgm=video/x-videogram
+vgp=video/x-videogram-plugin
+vgx=video/x-videogram
+vis=application/vnd.visionary
+viv=video/vivo
+vivo=video/vivo
+vmd=application/vocaltec-media-desc
+vmf=application/vocaltec-media-file
+vmi=application/x-dreamcast-vms-info
+vms=application/x-dreamcast-vms
+voc=audio/voc
+vor=application/vnd.stardivision.writer
+vos=video/vosaic
+vox=audio/voxware
+vpa=application/vpa
+vpg=application/x-vpeg005
+vqe=audio/x-twinvq-plugin
+vqf=audio/x-twinvq
+vql=audio/x-twinvq
+vrml=model/vrml
+vrt=x-world/x-vrt
+vsd=application/x-visio
+vsf=application/vnd.vsf
+vss=application/vnd.visio
+vst=application/x-visio
+vsw=application/x-visio
+vts=workbook/formulaone
+vtts=workbook/formulaone
+vtu=model/vnd.vtu
+vxml=application/voicexml+xml
+w3d=application/x-director
+w60=application/wordperfect6.0
+w61=application/wordperfect6.1
+w6w=application/msword
+wad=application/x-doom
+waf=plugin/wanimate
+wan=plugin/wanimate
+wav=audio/wav
+wax=audio/x-ms-wax
+wb1=application/x-qpro
+wbmp=image/vnd.wap.wbmp
+wbs=application/vnd.criticaltools.wbs+xml
+wbxml=application/vnd.wap.wbxml
+wcm=application/vnd.ms-works
+wdb=application/vnd.ms-works
+web=application/vnd.xara
+weba=audio/webm
+webm=video/webm
+webp=image/webp
+wg=application/vnd.pmi.widget
+wgt=application/widget
+wi=image/wavelet
+wid=application/x-DemoShield
+wis=application/x-InstallShield
+wiz=application/msword
+wk1=application/x-123
+wk2=application/vnd.lotus-1-2-3
+wk3=application/vnd.lotus-1-2-3
+wk4=application/vnd.lotus-1-2-3
+wks=application/vnd.lotus-1-2-3
+wlt=application/x-mswallet
+wm=video/x-ms-wm
+wma=audio/x-ms-wma
+wmd=application/x-ms-wmd
+wmf=image/x-wmf
+wml=x-world/x-vrml
+wmlc=application/vnd.wap.wmlc
+wmls=text/vnd.wap.wmlscript
+wmlsc=application/vnd.wap.wmlscriptc
+wmv=video/x-ms-wmv
+wmx=video/x-ms-wmx
+wmz=application/x-ms-wmz
+woff=application/x-font-woff
+word=application/msword
+wp=application/wordperfect
+wp5=application/wordperfect
+wp6=application/wordperfect
+wpd=application/x-wpwin
+wpl=application/vnd.ms-wpl
+wps=application/vnd.ms-works
+wq1=application/x-lotus
+wqd=application/vnd.wqd
+wri=application/write
+wrl=model/vrml
+wrz=model/vrml
+wsc=text/scriplet
+wsdl=application/wsdl+xml
+wspolicy=application/wspolicy+xml
+wsrc=application/x-wais-source
+wtb=application/vnd.webturbo
+wtk=application/x-wintalk
+wtls-ca-certificate=application/vnd.wap.wtls-ca-certificate
+wtx=audio/wtx
+wv=video/wavelet
+wvx=video/x-ms-wvx
+x3d=application/vnd.hzn-3d-crossword
+xap=application/x-silverlight-app
+xar=application/vnd.xara
+xbap=application/x-ms-xbap
+xbd=application/vnd.fujixerox.docuworks.binder
+xbm=image/x-xbitmap
+xdf=application/xcap-diff+xml
+xdm=application/vnd.syncml.dm+xml
+xdp=application/vnd.adobe.xdp+xml
+xdr=video/x-videogram
+xdssc=application/dssc+xml
+xdw=application/vnd.fujixerox.docuworks
+xenc=application/xenc+xml
+xer=application/patch-ops-error+xml
+xfd=application/vnd.adobe.xfd+xml
+xfdf=application/vnd.adobe.xfdf
+xfdl=application/vnd.xfdl
+xgz=xgl/drawing
+xht=application/xhtml+xml
+xhtm=application/xhtml+xml
+xhtml=application/xhtml+xml
+xhvml=application/xv+xml
+xif=image/vnd.xiff
+xl=application/excel
+xla=application/excel
+xlam=application/vnd.ms-excel.addin.macroEnabled.12
+xlb=application/excel
+xlc=application/excel
+xld=application/excel
+xlk=application/excel
+xll=application/excel
+xlm=application/excel
+xls=application/excel
+xlsb=application/vnd.ms-excel.sheet.binary.macroEnabled.12
+xlsm=application/vnd.ms-excel.sheet.macroenabled.12
+xlsx=application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
+xlt=application/excel
+xltm=application/vnd.ms-excel.template.macroenabled.12
+xltx=application/vnd.openxmlformats-officedocument.spreadsheetml.template
+xlv=application/excel
+xlw=application/excel
+xm=audio/xm
+xml=application/xml
+xmz=xgl/movie
+xo=application/vnd.olpc-sugar
+xop=application/xop+xml
+xpi=application/x-xpinstall
+xpix=application/x-vnd.ls-xpix
+xpl=application/xproc+xml
+xpm=image/x-xbitmap
+x-png=image/png
+xpr=application/vnd.is-xpr
+xproc=application/xproc+xml
+xps=application/vnd.ms-xpsdocument
+xpw=application/vnd.intercon.formnet
+xpx=application/vnd.intercon.formnet
+xq=application/xquery
+xql=application/xquery
+xqm=application/xquery
+xquery=application/xquery
+xqy=application/xquery
+xsd=text/xml
+xsl=text/xml
+xslt=application/xslt+xml
+xsm=application/vnd.syncml+xml
+xspf=application/xspf+xml
+xsr=video/x-amt-showrun
+xul=application/vnd.mozilla.xul+xml
+xvm=application/xv+xml
+xvml=application/xv+xml
+xwd=image/x-xwindowdump
+xyz=chemical/x-pdb
+yang=application/yang
+yin=application/yin+xml
+z=application/compress
+zaz=application/vnd.zzazz.deck+xml
+zip=application/zip
+zir=application/vnd.zul
+zirz=application/vnd.zul
+zlib=application/x-deflate
+zpa=application/pcphoto
+zsh=text/x-script.zsh
diff --git a/src/vue-poc/lib/mimetype.xqm b/src/vue-poc/lib/mimetype.xqm
new file mode 100644
index 0000000..a27ed5d
--- /dev/null
+++ b/src/vue-poc/lib/mimetype.xqm
@@ -0,0 +1,60 @@
+xquery version "3.1";
+module namespace mt = 'quodatum.data.mimetype';
+declare namespace MediaType='java:org.basex.util.http.MediaType';
+declare %basex:lazy variable $mt:lines:="media-types.properties"=>fn:unparsed-text-lines();
+(:~ 
+ : fetch function for given data type "text","xml","binary"
+: @return function()
+:)
+declare function mt:fetch-fn($treat as xs:string)
+as function(*)
+{
+     switch  ($treat) 
+     case "text"
+          return fetch:text(?)
+     case "xml" 
+          return fetch:text(?)
+     default 
+          return fetch:binary(?)
+};
+
+(:~ get mediatype and dataformat as map
+ : @return e.g. {type:"application/xml","treat-as":"xml"}
+ :)
+declare function mt:type($filepath as xs:string)
+as map(*)
+{
+let $f:="a." || mt:base-ext($filepath)
+let $a:=MediaType:get($f)
+let $type:= if($a="application/sparql-query") then 
+                 "text"
+            else if(MediaType:isXML($a)) then 
+                 "xml"
+            else if(MediaType:isText($a) or MediaType:isXQuery($a))then
+                "text"
+            else
+               "binary"
+ return map{"type":MediaType:type($a) ,"treat-as":$type}
+};
+
+
+(:~ treat as extension
+:)
+declare function mt:base-ext($filepath as xs:string)
+{
+  let $ext:=file:name($filepath)=>substring-after(".")
+  let $types:=map{"vue":".html"}
+  return if($types($ext)) then $types($ext) else $ext
+};
+
+(:~
+: map of keys:all mimetypes, values: extensions  as array
+:)
+declare function mt:types(){
+fold-left($mt:lines,
+         map{},
+         function($acc,$line){
+              let $p:=tokenize ($line,"=")
+              return map:merge(($acc,map{tail($p):head($p)}),map { 'duplicates': 'combine' })
+             })
+ }; 
\ No newline at end of file
diff --git a/src/vue-poc/static/app-gen.js b/src/vue-poc/static/app-gen.js
index 155e029..d37d967 100644
--- a/src/vue-poc/static/app-gen.js
+++ b/src/vue-poc/static/app-gen.js
@@ -1,26 +1,95 @@
-// generated 2017-06-16T23:13:22.444+01:00
-
const Edit=Vue.extend({template:` 
+// generated 2017-06-21T16:59:58.292+01:00
+
/**
+ * vue filters
+ */
+
+//Define the date time format filter
+Vue.filter("formatDate", function(date) {
+    return moment(date).format("MMMM D, YYYY")
+});
+
+Vue.filter('readablizeBytes', function (bytes,decimals) {
+  if(bytes == 0) return '0 Bytes';
+  var k = 1000,
+      dm = decimals || 2,
+      sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+      i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+});
+Vue.filter("any", function(any) {
+  return "ANY"
+});
+/**
+ * Vue filter to round the decimal to the given place.
+ * http://jsfiddle.net/bryan_k/3ova17y9/
+ *
+ * @param {String} value    The value string.
+ * @param {Number} decimals The number of decimal places.
+ */
+Vue.filter('round', function(value, decimals) {
+  if(!value) {
+    value = 0;
+  }
+
+  if(!decimals) {
+    decimals = 0;
+  }
+
+  value = Math.round(value * Math.pow(10, decimals)) / Math.pow(10, decimals);
+  return value;
+});const Notfound=Vue.extend({template:` 
+ <v-container fluid="">
+ Not found
+ </v-container>
+ `,
+
+  data:  function(){
+    return {
+      message: 'bad route!'
+      }
+  },
+  created:function(){
+    console.log("notfound",this.$route.query.q)
+  }
+}
+
+);
+const Edit=Vue.extend({template:` 
 <v-container fluid="">
- <v-layout row="" wrap="">
-<v-flex xs12="">
-<v-toolbar class="green">
+      <v-snackbar top="" error="" v-model="snackbar">
+      {{ message }}
+      <v-btn flat="" @click.native="snackbar = false"><v-icon>highlight_off</v-icon></v-btn>
+    </v-snackbar>
+<v-card>
+
+ <v-app-bar>
+<v-menu offset-y="">
+  <v-btn primary="" icon="" dark="" slot="activator" v-tooltip:top="{ html: path.join('/') }"><v-icon>folder</v-icon></v-btn>
+  <v-list>
+    <v-list-item v-for="item in path" :key="item">
+      <v-list-tile>
+        <v-list-tile-title @click="showfiles()">{{ item }}</v-list-tile-title>
+      </v-list-tile>
+    </v-list-item>
+  </v-list>
+</v-menu>
+
   <v-toolbar-title>
-    <v-btn @click.native="showfiles()" small="" icon="" v-tooltip:top="{ html: path.join('/') }">
-    <v-icon>folder</v-icon></v-btn>
-<span>{{ name }}</span>
-<v-chip v-if="dirty" label="" small="" class="red white--text">*</v-chip>
-<v-chip v-if="!dirty" label="" small="" class="green white--text">.</v-chip>
- <v-chip small="" class="primary white--text">{{ mode }}</v-chip>
-       
+      <span>{{ name }}</span>
   </v-toolbar-title>
   <v-toolbar-items>
-     <v-chip @click.native="acecmd('goToNextError')" v-tooltip:right="{ html: 'Annotations: Errors,Warning and Info' }">
-          <v-avatar>
-              <v-icon right="">navigate_next</v-icon>
-           </v-avatar>         
-          <v-avatar class="red " small="">{{annotations &amp;&amp; annotations.error}}</v-avatar>
-          <v-avatar class="yellow ">{{annotations &amp;&amp; annotations.warning}}</v-avatar>
+  <span v-tooltip:top="{ html: 'Change' }">
+  <v-chip v-if="dirty" label="" small="" class="red white--text">*</v-chip>
+<v-chip v-if="!dirty" label="" small="" class="green white--text">.</v-chip>
+</span>
+ <v-chip small="" v-tooltip:top="{ html: mimetype }">{{ mode }}</v-chip>
+     <v-chip @click.native="acecmd('goToNextError')" v-tooltip:top="{ html: 'Annotations: Errors,Warning and Info' }">
           <v-avatar class="green ">{{annotations &amp;&amp; annotations.info}}</v-avatar>
+          <v-avatar class="yellow ">{{annotations &amp;&amp; annotations.warning}}</v-avatar>        
+          <v-avatar class="red " small="">{{annotations &amp;&amp; annotations.error}}</v-avatar>    
+           <v-avatar>
+              <v-icon black="">navigate_next</v-icon>
+           </v-avatar>
           </v-chip>
    <v-btn dark="" icon="" @click.native="acecmd('outline')">
       <v-icon>star</v-icon>
@@ -75,38 +144,24 @@
       </v-btn>
      
           <v-list>
-            <v-list-item @click="fetch('/vue-poc/vue-poc.xqm')">
+            <v-list-item>
               <v-list-tile>
-                <v-list-tile-title>load xquery</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-            <v-list-item @click="fetch('/vue-poc/data/vue-poc/ch4d1.xml')">
-              <v-list-tile>
-                <v-list-tile-title>load xml</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-            <v-list-item @click="fetch('/vue-poc/static/app-gen.js')">
-              <v-list-tile>
-                <v-list-tile-title>load js</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-          <v-list-item>
-              <v-list-tile>
-                <v-list-tile-title @click="fetch('/vue-poc/static/app.html')">load html</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-             <v-list-item>
-              <v-list-tile>
-                <v-list-tile-title @click="fetch('/vue-poc/static/app.css')">load css</v-list-tile-title>
+                <v-list-tile-title>unused</v-list-tile-title>
               </v-list-tile>
             </v-list-item>
+            
           </v-list>
       </v-menu>
     </v-toolbar-items>
-        </v-toolbar>
+ </v-app-bar>
    <v-progress-linear v-if="busy" v-bind:indeterminate="true"></v-progress-linear>
-   <v-dialog v-model="clearDialog">
-  <v-card>
+
+
+<v-flex xs12="" style="height:70vh" v-if="!busy" fill-height="">
+  
+    <vue-ace editor-id="editorA" :content="contentA" :mode="mode" :wrap="wrap" v-on:change-content="changeContentA" v-on:annotation="annotation"></vue-ace>
+  
+ <v-dialog v-model="clearDialog">
     <v-card-row>
       <v-card-title>Clear?</v-card-title>
     </v-card-row>
@@ -117,16 +172,10 @@
       <v-btn class="green--text darken-1" flat="flat" @click.native="reset(false)">Cancel</v-btn>
       <v-btn class="green--text darken-1" flat="flat" @click.native="reset(true)">Ok</v-btn>
     </v-card-row>
-  </v-card>
-</v-dialog>
-</v-flex>
-<v-flex xs12="" style="height:70vh" v-if="!busy" fill-height="">
-  
-    <vue-ace editor-id="editorA" :content="contentA" :mode="mode" :wrap="wrap" v-on:change-content="changeContentA" v-on:annotation="annotation"></vue-ace>
-  
-  </v-flex>
-</v-layout>
+  </v-dialog></v-flex></v-card>
 
+
+  
  </v-container>
  `,
 
@@ -139,16 +188,20 @@
       url:'',
       name:'',
       path:[],
+      mimetype:"",
       wrap:false,
       busy:false,
       clearDialog:false,
       annotations:null,
       dirty:false,
+      snackbar:false,
+      message:"Cant do that",
       mimemap:{
           "text/xml":"xml",
           "application/xml":"xml",
           "application/xquery":"xquery",
           "text/ecmascript":"javascript",
+          "application/sparql-query":"sparql",
           "text/html":"html",
           "text/css":"css"
       }
@@ -171,9 +224,10 @@
     // load from url
     fetch(url){
       this.busy=true
-      HTTP.get("raw?url="+url,axios_json)
+      HTTP.get("edit?url="+url,axios_json)
       .then(r=>{
         //console.log(r)
+        this.mimetype=r.data.mimetype
         this.mode=this.acetype(r.data.mimetype)
         this.contentA=r.data.data
         var a=url.split("/")
@@ -218,7 +272,8 @@
          a=css_beautify(a, { indent_size: 2 })
          break;     
       default:
-        alert("beaut: " + this.mode)
+        this.message="No beautify yet for "+this.mode
+        this.snackbar=true
      } 
       this.contentA=a
       this.busy=false
@@ -255,82 +310,65 @@
 }
 
 );
-const Extension=Vue.extend({template:` 
+const Eval=Vue.extend({template:` 
  <v-container fluid="">
-  <v-layout>
- 
-  <table>
-   <tbody><tr v-for="(item, row) in grid">
-    <td v-for="(cell,col) in item" style="width:3em;" @click="click(row,col)">{{cell}}</td>
-   </tr>
-  </tbody></table>
-  </v-layout>
-   
-   <a href="http://homepages.cwi.nl/~steven/Talks/2017/06-10-iot/game-demo.html">demo</a>
+  <v-card class="grey lighten-1 z-depth-1 mb-5" height="200px">
+  <vue-ace editor-id="editorA" :content="xq" mode="xquery" wrap="true" v-on:change-content="onChange"></vue-ace>
+    </v-card>
  </v-container>
  `,
 
   data:  function(){
-    return {grid: [
-      [1,5,8,12],
-      [2,6,9,13],
-      [3,7,10,14],
-      [4,null,11,15] 
-    ],
-    empty:[3,1]
+    return {
+      xq: '(:~ do something :)'
+      }
+  },
+  methods:{
+    onChange(){
+      console.log("go")
     }
   },
-  methods: {
-    click: function (row,col) {
-      var g=this.grid
-      var h=g[row][col]
-      g[row][col]=null
-      g[this.empty[0]][this.empty[1]]=h
-      var e=[row,col]
-      this.empty=e
-      this.grid= g
-      console.log("click",this.grid,e)
-      this.$forceUpdate()
-    }
+  created:function(){
+    console.log("notfound",this.$route.query.q)
   }
 }
 
-
 );
 const Files=Vue.extend({template:` 
  <v-container fluid="">
 
 <v-card>
-  <v-toolbar class="green">
-<v-menu offset-y="">
-  <v-btn primary="" icon="" dark="" slot="activator"><v-icon>folder</v-icon></v-btn>
-  <v-list>
-    <v-list-item v-for="item in crumbs" :key="item">
-      <v-list-tile>
-        <v-list-tile-title @click="root()">{{ item }}</v-list-tile-title>
-      </v-list-tile>
-    </v-list-item>
-  </v-list>
-</v-menu>
+  <v-app-bar>
+		<v-menu offset-y="">
+		  <v-btn icon="" dark="" slot="activator"><v-icon>folder</v-icon></v-btn>
+		  <v-list>
+		    <v-list-item v-for="item in crumbs" :key="item">
+		      <v-list-tile>
+		        <v-list-tile-title @click="root()">{{ item }}</v-list-tile-title>
+		      </v-list-tile>
+		    </v-list-item>
+		  </v-list>
+		</v-menu>
     <v-toolbar-title>{{ url }}</v-toolbar-title>
     <v-spacer></v-spacer>
       <v-text-field prepend-icon="search" label="Filter..." v-model="q" type="search" hide-details="" single-line="" dark="" @keyup.native.enter="filter"></v-text-field>
     <v-icon>view_module</v-icon>
-  </v-toolbar>
+  </v-app-bar>
+  
   <v-progress-linear v-if="busy" v-bind:indeterminate="true"></v-progress-linear>
   <v-list v-if="!busy" two-line="" subheader="">
     <v-subheader inset="">Folders</v-subheader>
-    <v-list-item v-for="item in folders" v-bind:key="item.name">
+    <v-list-item v-for="item in folders" v-bind:key="item.name" @click="folder(item.name)">
       <v-list-tile avatar="">
-        <v-list-tile-avatar @click="folder(item.name)">
+        <v-list-tile-avatar>
           <v-icon v-bind:class="[item.iconClass]">{{ item.icon }}</v-icon>
         </v-list-tile-avatar>
-        <v-list-tile-content @click="folder(item.name)">
+        <v-list-tile-content>
           <v-list-tile-title>{{ item.name }}</v-list-tile-title>
           <v-list-tile-sub-title>modified: {{ item.modified | formatDate}} size: {{ item.size | readablizeBytes}}</v-list-tile-sub-title>
         </v-list-tile-content>
         <v-list-tile-action>
-          <v-btn icon="" ripple="" @click.native="info(item.name)">
+          <v-btn icon="" ripple="" @click.native.stop="info(item.name)">
             <v-icon class="grey--text text--lighten-1">info</v-icon>
           </v-btn>
         </v-list-tile-action>
@@ -338,23 +376,24 @@ const Files=Vue.extend({template:`
     </v-list-item>
     <v-divider inset=""></v-divider>
     <v-subheader inset="">Files</v-subheader>
-    <v-list-item v-for="item in files" v-bind:key="item.name">
+    <v-list-item v-for="item in files" v-bind:key="item.name" @click="file(item.name)">
       <v-list-tile>
         <v-list-tile-avatar>
           <v-icon v-bind:class="[item.iconClass]">{{ item.icon }}</v-icon>
         </v-list-tile-avatar>
         <v-list-tile-content>
-          <v-list-tile-title @click="file(item.name)">{{ item.name }}</v-list-tile-title>
+          <v-list-tile-title>{{ item.name }}</v-list-tile-title>
            <v-list-tile-sub-title>modified: {{ formatDate(item.modified) }} size: {{ readablizeBytes(item.size) }}</v-list-tile-sub-title>
         </v-list-tile-content>
         <v-list-tile-action>
-          <v-btn icon="" ripple="">
+          <v-btn icon="" ripple="" @click.native.stop="info(item.name)">
             <v-icon class="grey--text text--lighten-1">info</v-icon>
           </v-btn>
         </v-list-tile-action>
       </v-list-tile>
     </v-list-item>
   </v-list>
+    <v-navigation-drawer right="" light="" temporary="" v-model="infodraw">Some info here {{selected}}</v-navigation-drawer>
 </v-card>
  </v-container>
  `,
@@ -366,7 +405,9 @@ const Files=Vue.extend({template:`
             files:[],
             items:["root"],
             q:"",
-            busy:false
+            busy:false,
+            infodraw:false,
+            selected:""
     }
   },
   methods:{
@@ -403,8 +444,9 @@ const Files=Vue.extend({template:`
     filter(){
       console.log("TODO")
     },
-    info(){
-      alert("info")
+    info(sel){
+      this.selected=sel
+      this.infodraw=true
     },
     readablizeBytes(v){
       return Vue.filter('readablizeBytes')(v)
@@ -433,6 +475,52 @@ const Files=Vue.extend({template:`
   }
 }
 
+);
+const History=Vue.extend({template:` 
+ <v-container fluid="">
+ <v-list>
+          <v-list-item v-for="item in items" v-bind:key="item.title" @click="doEdit(item.url)">
+            <v-list-tile avatar="">
+              <v-list-tile-action>
+                <v-icon v-if="item.icon" class="pink--text">star</v-icon>
+              </v-list-tile-action>
+              <v-list-tile-content>
+                <v-list-tile-title v-text="item.url"></v-list-tile-title>
+              </v-list-tile-content>
+              <v-list-tile-avatar>
+                <img v-bind:src="item.avatar">
+              </v-list-tile-avatar>
+            </v-list-tile>
+          </v-list-item>
+        </v-list>
+ </v-container>
+ `,
+
+  data:  function(){
+    return {
+      message: 'Hello Vue.js!',
+      items:[]
+      }
+  },
+  methods:{
+    get() {
+      HTTP.get('history')
+      .then((res) => {
+        this.items = res.data.items;
+        console.log("items",this.items)
+      });
+    },
+    doEdit(url){
+      console.log("DD"+url)
+        router.push({ path: 'edit', query: { url: url  }})
+    }
+  },
+  created:function(){
+    this.get()
+    console.log("history")
+  }
+}
+
 );
 const Home=Vue.extend({template:` 
 <v-layout class="ma-5">
@@ -440,7 +528,7 @@ const Home=Vue.extend({template:`
 <v-card hover="" raised="">
   <v-card-row height="200px" class="pa-5 green lighten-1">
     <div class="display-1 white--text text-xs-center">VUE-POC</div>
-    v0.0.1
+    v0.0.2
   </v-card-row>
 </v-card>
 </v-flex>
@@ -448,11 +536,11 @@ const Home=Vue.extend({template:`
   <p>This is a experiment in using <code>vue.js</code>.</p>
   <ul>
   <li><a href="https://vuetifyjs.com/" target="new">vuetifyjs</a></li>
-  <li><a href="https://github.com/monterail/vue-multiselect">vue-multiselect</a></li>
-<li><a href="https://github.com/sagalbot/vue-select"><s>vue-select</s></a></li>
-<li><a href="https://github.com/beautify-web/js-beautify">js-beautify</a></li>
-<li><a href="http://localhost:8984/doc/#/data/app/vue-poc">doc</a></li>
-
+  <li><a href="https://github.com/monterail/vue-multiselect" target="new">vue-multiselect</a></li>
+<li><a href="https://github.com/sagalbot/vue-select" target="new"><s>vue-select</s></a></li>
+<li><a href="https://github.com/beautify-web/js-beautify" target="new">js-beautify</a></li>
+<li><a href="/doc/#/data/app/vue-poc" target="new">doc</a></li>
+<li><a href="/dba" target="new">DBA app</a></li>
   </ul>
 </v-flex>
 <v-btn floating="floating">
@@ -577,17 +665,20 @@ const People=Vue.extend({template:`
   </v-layout>
   <v-layout>
   <v-flex xs5="">
-   <v-card-row img="music.jpg" height="300px"></v-card-row>
+   <v-card-row img="resources/music.jpg" height="300px"></v-card-row>
   </v-flex>
-  <v-flex xs5="">
-  <v-card-row img="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" height="300px"></v-card-row>
+  <v-flex xs1="">
+  <v-card-row img="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" height="60px"></v-card-row>
   </v-flex>
   </v-layout>
  </v-container>
  `,
 
   data:  function(){
-    return {message: 'Hello Vue.js!'}
+    return {
+      message: 'Hello Vue.js!',
+      img:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
+      }
   },
   methods: {
     reverseMessage: function () {
@@ -609,11 +700,12 @@ const Ping=Vue.extend({template:`
           <th>Repeat</th>
           <th>Last</th>
           <th>Count</th>
-          <th>Median</th>
+         
           <th>Avg</th>
           
           <th>min</th>
           <th>max</th>
+           <th>Median</th>
         </tr>
       </thead>
       <tbody>
@@ -632,9 +724,7 @@ const Ping=Vue.extend({template:`
               <td>
                   <span>{{getValues.count}}</span>
               </td>   
-              <td>
-                  <span>{{getValues.median}}</span>
-              </td>
+            
               <td>
                   <span>{{getValues.avg | round(2)}}</span>
               </td>
@@ -645,6 +735,9 @@ const Ping=Vue.extend({template:`
               <td>
                   <span>{{getValues.max}}</span>
               </td>
+                <td>
+                  <span>{{getValues.median}}</span>
+              </td>
           </tr>
             <tr>
           <td>
@@ -686,7 +779,7 @@ const Ping=Vue.extend({template:`
       getValues: new perfStat(),
       postValues: new perfStat(),
       repeat:{get:false,post:false},
-      counter:0
+      counter:null
       }
   },
   methods:{
@@ -722,6 +815,47 @@ const Ping=Vue.extend({template:`
   }
 }
 
+);
+const Puzzle=Vue.extend({template:` 
+ <v-container fluid="">
+  <a href="http://homepages.cwi.nl/~steven/Talks/2017/06-10-iot/game-demo.html">demo</a>
+  <v-layout>
+ 
+  <table>
+   <tbody><tr v-for="(item, row) in grid">
+    <td v-for="(cell,col) in item" style="width:3em;" @click="click(row,col)">{{cell}}</td>
+   </tr>
+  </tbody></table>
+  </v-layout>
+ </v-container>
+ `,
+
+  data:  function(){
+    return {grid: [
+      [1,5,8,12],
+      [2,6,9,13],
+      [3,7,10,14],
+      [4,null,11,15] 
+    ],
+    empty:[3,1]
+    }
+  },
+  methods: {
+    click: function (row,col) {
+      var g=this.grid
+      var h=g[row][col]
+      g[row][col]=null
+      g[this.empty[0]][this.empty[1]]=h
+      var e=[row,col]
+      this.empty=e
+      this.grid= g
+      console.log("click",this.grid,e)
+      this.$forceUpdate()
+    }
+  }
+}
+
+
 );
 const Search=Vue.extend({template:` 
  <v-container fluid="">
@@ -812,47 +946,37 @@ const Settings=Vue.extend({template:`
           <v-list-item>
             <v-list-tile avatar="">
               <v-list-tile-action>
-                <v-checkbox v-model="ace.notifications"></v-checkbox>
+                <v-checkbox v-model="ace.enableSnippets"></v-checkbox>
               </v-list-tile-action>
               <v-list-tile-content>
-                <v-list-tile-title>Notifications</v-list-tile-title>
-                <v-list-tile-sub-title>Allow notifications</v-list-tile-sub-title>
+                <v-list-tile-title>enableSnippets</v-list-tile-title>
+                <v-list-tile-sub-title>Allow snippets</v-list-tile-sub-title>
               </v-list-tile-content>
             </v-list-tile>
           </v-list-item>
           <v-list-item>
             <v-list-tile avatar="">
               <v-list-tile-action>
-                <v-checkbox v-model="ace.sound"></v-checkbox>
+                <v-checkbox v-model="ace.enableBasicAutocompletion"></v-checkbox>
               </v-list-tile-action>
               <v-list-tile-content>
-                <v-list-tile-title>Sound</v-list-tile-title>
-                <v-list-tile-sub-title>Hangouts message</v-list-tile-sub-title>
+                <v-list-tile-title>enableBasicAutocompletion</v-list-tile-title>
+                <v-list-tile-sub-title>enableBasicAutocompletion</v-list-tile-sub-title>
               </v-list-tile-content>
             </v-list-tile>
           </v-list-item>
           <v-list-item>
             <v-list-tile avatar="">
               <v-list-tile-action>
-                <v-checkbox v-model="ace.video"></v-checkbox>
+                <v-checkbox v-model="ace.enableLiveAutocompletion"></v-checkbox>
               </v-list-tile-action>
               <v-list-tile-content>
-                <v-list-tile-title>Video sounds</v-list-tile-title>
-                <v-list-tile-sub-title>Hangouts vidoe call</v-list-tile-sub-title>
-              </v-list-tile-content>
-            </v-list-tile>
-          </v-list-item>
-          <v-list-item>
-            <v-list-tile avatar="">
-              <v-list-tile-action>
-                <v-checkbox v-model="ace.invites"></v-checkbox>
-              </v-list-tile-action>
-              <v-list-tile-content>
-                <v-list-tile-title>Invites</v-list-tile-title>
-                <v-list-tile-sub-title>Notify when receiving invites</v-list-tile-sub-title>
+                <v-list-tile-title>enableLiveAutocompletion</v-list-tile-title>
+                <v-list-tile-sub-title>enableLiveAutocompletion</v-list-tile-sub-title>
               </v-list-tile-content>
             </v-list-tile>
           </v-list-item>
+ 
         </v-list>
       </v-card>
     </v-flex>
@@ -862,10 +986,9 @@ const Settings=Vue.extend({template:`
   data () {
     return {
       ace: {
-      notifications: false,
-      sound: false,
-      video: false,
-      invites: false
+        enableSnippets: true,
+        enableBasicAutocompletion: true,
+        enableLiveAutocompletion: true
     }
     }
   },
@@ -1020,42 +1143,7 @@ const HTTP = axios.create({
 });
 const axios_json={ headers: {accept: 'application/json'}};
 
-// Filters:
-//Define the date time format filter
-Vue.filter("formatDate", function(date) {
-    return moment(date).format("MMMM D, YYYY")
-});
 
-Vue.filter('readablizeBytes', function (bytes,decimals) {
-  if(bytes == 0) return '0 Bytes';
-  var k = 1000,
-      dm = decimals || 2,
-      sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-      i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
-});
-Vue.filter("any", function(any) {
-  return "ANY"
-});
-/**
- * Vue filter to round the decimal to the given place.
- * http://jsfiddle.net/bryan_k/3ova17y9/
- *
- * @param {String} value    The value string.
- * @param {Number} decimals The number of decimal places.
- */
-Vue.filter('round', function(value, decimals) {
-  if(!value) {
-    value = 0;
-  }
-
-  if(!decimals) {
-    decimals = 0;
-  }
-
-  value = Math.round(value * Math.pow(10, decimals)) / Math.pow(10, decimals);
-  return value;
-});
 
 Vue.config.errorHandler = function (err, vm, info) {
   // handle error
@@ -1087,10 +1175,14 @@ const router = new VueRouter({
     { path: '/login', component: Login,meta:{title:"login"} },
     { path: '/edit', component: Edit,meta:{title:"Ace editor"} },
     { path: '/thumbnail', component: Thumbnail,meta:{title:"Thumbnail generator"} },
-    { path: '/files', component: Files,meta:{title:"Files"} },
+    { path: '/files', component: Files,meta:{title:"File system"} },
+    { path: '/files', component: Files,meta:{title:"File system"} },
     { path: '/ping', component: Ping,meta:{title:"Ping"} },
     { path: '/settings', component: Settings,meta:{title:"Settings"} },
-    { path: '/extension', component: Extension,meta:{title:"Xform"} }
+    { path: '/history', component: History,meta:{title:"File History"} },
+    { path: '/puzzle', component: Puzzle,meta:{title:"Jigsaw"} },
+    { path: '/eval', component: Eval,meta:{title:"Evaluate XQuery"} },
+    { path: '*', component: Notfound,meta:{title:"Page not found"} }
   ],
 });
 router.afterEach(function(route) {
@@ -1121,75 +1213,23 @@ const app = new Vue({
     q:"",
     status:{},
     drawer:true,
-    title:"@TODO title",
     mini: false,
-    items: [{
-      href: '/',
-      router: true,
-      title: 'Home',
-      icon: 'home'    
-    }, {
-      href: 'files',
-      router: true,
-      title: 'files',
-      icon: 'folder' 
-    }, {
-      href: 'edit',
-      router: true,
-      title: 'edit',
-      icon: 'mode_edit'    
-    }, {
-      href: 'search',
-      router: true,
-      title: 'search',
-      icon: 'search'
-  }, {
-      href: 'people',
-      router: true,
-      title: 'People',
-      icon: 'person'      
-   }, {
-      href: 'select',
-      router: true,
-      title: 'select',
-      icon: 'extension'
-  }, {
-      href: 'options',
-      router: true,
-      title: 'options',
-      icon: 'domain'
-  }, {
-    href: 'tabs',
-    router: true,
-    title: 'tabs',
-    icon: 'switch_camera'
-  }, {
-    href: 'login',
-    router: true,
-    title: 'login',
-    icon: 'account_balance' 
-}, {
-  href: 'ping',
-  router: true,
-  title: 'ping',
-  icon: 'update'
-},{
-  href: 'thumbnail',
-  router: true,
-  title: 'thumbnail',
-  icon: 'touch_app'    
-},{
-  href: 'settings',
-  router: true,
-  title: 'settings',
-  icon: 'settings'
-},{
-  href: 'extension',
-  router: true,
-  title: 'extension',
-  icon: 'extension'    
-}]
-  
+    items: [
+      {href: '/',title: 'Home', icon: 'home'    }, 
+      {href: 'files', title: 'File system',icon: 'folder' },
+      {href: 'edit',title: 'edit',icon: 'mode_edit'},
+      {href: 'history',title: 'history',icon: 'history'},
+      {href: 'eval',title: 'Evaluate',icon: 'cake'}, 
+      {href: 'people',title: 'People',icon: 'person'}, 
+      {href: 'select',title: 'select',icon: 'extension'},
+      {href: 'puzzle',title: 'Puzzle',icon: 'extension'}, 
+      {href: 'options',title: 'options',icon: 'domain'}, 
+      {href: 'tabs',title: 'tabs',icon: 'switch_camera'}, 
+      {href: 'ping',title: 'ping',icon: 'update'},
+      {href: 'thumbnail',title: 'thumbnail',icon: 'touch_app'},
+      {href: 'settings',title: 'settings',icon: 'settings'  }
+]
+
   }},
   methods: {
       
diff --git a/src/vue-poc/static/app.html b/src/vue-poc/static/app.html
index ed6611f..beeee85 100644
--- a/src/vue-poc/static/app.html
+++ b/src/vue-poc/static/app.html
@@ -15,14 +15,14 @@
 <link href="/vue-poc/ui/app.css" rel="stylesheet" type="text/css">
 <link rel="shortcut icon" href="/vue-poc/ui/icon.png"/>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/2.5.3/vue-router.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.16.1/axios.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.4.0/qs.js"></script>
 <script src="https://unpkg.com/vuetify@0.12.7/dist/vuetify.min.js"></script>
 <script src="https://unpkg.com/vue-multiselect@2.0.0-beta.15/dist/vue-multiselect.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.7/ace.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.7/ext-language_tools.js"></script>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.6.12/beautify.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.6.12/beautify-css.js"></script>
@@ -73,13 +73,15 @@
       </v-list>
  </v-navigation-drawer>
  
- <v-toolbar class="blue" >
+ <v-toolbar class="green lighten-1" >
   <v-toolbar-side-icon @click.native.stop="drawer = !drawer"  ></v-toolbar-side-icon>  
   <v-toolbar-title class="hidden-sm-and-down">{{$route.meta.title}}</v-toolbar-title>
   <v-spacer></v-spacer>
    <v-text-field prepend-icon="search" label="Search..." v-model="q"
    hide-details single-line dark @keyup.native.enter="search"></v-text-field>
+   <v-avatar>
    {{status.user}}
+   </v-avatar>
 </v-toolbar>
  <main>    
       <transition name="fade" mode="out-in">
diff --git a/src/vue-poc/static/core.js b/src/vue-poc/static/core.js
index 9de63c0..d458084 100644
--- a/src/vue-poc/static/core.js
+++ b/src/vue-poc/static/core.js
@@ -11,42 +11,7 @@ const HTTP = axios.create({
 });
 const axios_json={ headers: {accept: 'application/json'}};
 
-// Filters:
-//Define the date time format filter
-Vue.filter("formatDate", function(date) {
-    return moment(date).format("MMMM D, YYYY")
-});
 
-Vue.filter('readablizeBytes', function (bytes,decimals) {
-  if(bytes == 0) return '0 Bytes';
-  var k = 1000,
-      dm = decimals || 2,
-      sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-      i = Math.floor(Math.log(bytes) / Math.log(k));
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
-});
-Vue.filter("any", function(any) {
-  return "ANY"
-});
-/**
- * Vue filter to round the decimal to the given place.
- * http://jsfiddle.net/bryan_k/3ova17y9/
- *
- * @param {String} value    The value string.
- * @param {Number} decimals The number of decimal places.
- */
-Vue.filter('round', function(value, decimals) {
-  if(!value) {
-    value = 0;
-  }
-
-  if(!decimals) {
-    decimals = 0;
-  }
-
-  value = Math.round(value * Math.pow(10, decimals)) / Math.pow(10, decimals);
-  return value;
-});
 
 Vue.config.errorHandler = function (err, vm, info) {
   // handle error
@@ -78,10 +43,14 @@ const router = new VueRouter({
     { path: '/login', component: Login,meta:{title:"login"} },
     { path: '/edit', component: Edit,meta:{title:"Ace editor"} },
     { path: '/thumbnail', component: Thumbnail,meta:{title:"Thumbnail generator"} },
-    { path: '/files', component: Files,meta:{title:"Files"} },
+    { path: '/files', component: Files,meta:{title:"File system"} },
+    { path: '/files', component: Files,meta:{title:"File system"} },
     { path: '/ping', component: Ping,meta:{title:"Ping"} },
     { path: '/settings', component: Settings,meta:{title:"Settings"} },
-    { path: '/extension', component: Extension,meta:{title:"Xform"} }
+    { path: '/history', component: History,meta:{title:"File History"} },
+    { path: '/puzzle', component: Puzzle,meta:{title:"Jigsaw"} },
+    { path: '/eval', component: Eval,meta:{title:"Evaluate XQuery"} },
+    { path: '*', component: Notfound,meta:{title:"Page not found"} }
   ],
 });
 router.afterEach(function(route) {
@@ -112,75 +81,23 @@ const app = new Vue({
     q:"",
     status:{},
     drawer:true,
-    title:"@TODO title",
     mini: false,
-    items: [{
-      href: '/',
-      router: true,
-      title: 'Home',
-      icon: 'home'    
-    }, {
-      href: 'files',
-      router: true,
-      title: 'files',
-      icon: 'folder' 
-    }, {
-      href: 'edit',
-      router: true,
-      title: 'edit',
-      icon: 'mode_edit'    
-    }, {
-      href: 'search',
-      router: true,
-      title: 'search',
-      icon: 'search'
-  }, {
-      href: 'people',
-      router: true,
-      title: 'People',
-      icon: 'person'      
-   }, {
-      href: 'select',
-      router: true,
-      title: 'select',
-      icon: 'extension'
-  }, {
-      href: 'options',
-      router: true,
-      title: 'options',
-      icon: 'domain'
-  }, {
-    href: 'tabs',
-    router: true,
-    title: 'tabs',
-    icon: 'switch_camera'
-  }, {
-    href: 'login',
-    router: true,
-    title: 'login',
-    icon: 'account_balance' 
-}, {
-  href: 'ping',
-  router: true,
-  title: 'ping',
-  icon: 'update'
-},{
-  href: 'thumbnail',
-  router: true,
-  title: 'thumbnail',
-  icon: 'touch_app'    
-},{
-  href: 'settings',
-  router: true,
-  title: 'settings',
-  icon: 'settings'
-},{
-  href: 'extension',
-  router: true,
-  title: 'extension',
-  icon: 'extension'    
-}]
-  
+    items: [
+      {href: '/',title: 'Home', icon: 'home'    }, 
+      {href: 'files', title: 'File system',icon: 'folder' },
+      {href: 'edit',title: 'edit',icon: 'mode_edit'},
+      {href: 'history',title: 'history',icon: 'history'},
+      {href: 'eval',title: 'Evaluate',icon: 'cake'}, 
+      {href: 'people',title: 'People',icon: 'person'}, 
+      {href: 'select',title: 'select',icon: 'extension'},
+      {href: 'puzzle',title: 'Puzzle',icon: 'extension'}, 
+      {href: 'options',title: 'options',icon: 'domain'}, 
+      {href: 'tabs',title: 'tabs',icon: 'switch_camera'}, 
+      {href: 'ping',title: 'ping',icon: 'update'},
+      {href: 'thumbnail',title: 'thumbnail',icon: 'touch_app'},
+      {href: 'settings',title: 'settings',icon: 'settings'  }
+]
+
   }},
   methods: {
       
diff --git a/src/vue-poc/static/filters.js b/src/vue-poc/static/filters.js
new file mode 100644
index 0000000..56482f1
--- /dev/null
+++ b/src/vue-poc/static/filters.js
@@ -0,0 +1,39 @@
+/**
+ * vue filters
+ */
+
+//Define the date time format filter
+Vue.filter("formatDate", function(date) {
+    return moment(date).format("MMMM D, YYYY")
+});
+
+Vue.filter('readablizeBytes', function (bytes,decimals) {
+  if(bytes == 0) return '0 Bytes';
+  var k = 1000,
+      dm = decimals || 2,
+      sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+      i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+});
+Vue.filter("any", function(any) {
+  return "ANY"
+});
+/**
+ * Vue filter to round the decimal to the given place.
+ * http://jsfiddle.net/bryan_k/3ova17y9/
+ *
+ * @param {String} value    The value string.
+ * @param {Number} decimals The number of decimal places.
+ */
+Vue.filter('round', function(value, decimals) {
+  if(!value) {
+    value = 0;
+  }
+
+  if(!decimals) {
+    decimals = 0;
+  }
+
+  value = Math.round(value * Math.pow(10, decimals)) / Math.pow(10, decimals);
+  return value;
+});
\ No newline at end of file
diff --git a/src/vue-poc/static/music.jpg b/src/vue-poc/static/resources/music.jpg
similarity index 100%
rename from src/vue-poc/static/music.jpg
rename to src/vue-poc/static/resources/music.jpg
diff --git a/src/vue-poc/static/resources/sparql.rq b/src/vue-poc/static/resources/sparql.rq
new file mode 100644
index 0000000..ad63b3f
--- /dev/null
+++ b/src/vue-poc/static/resources/sparql.rq
@@ -0,0 +1,8 @@
+PREFIX foaf:  <http://xmlns.com/foaf/0.1/>
+PREFIX card: <http://www.w3.org/People/Berners-Lee/card#>
+SELECT ?homepage
+FROM <http://www.w3.org/People/Berners-Lee/card>
+WHERE {
+    card:i foaf:knows ?known .
+    ?known foaf:homepage ?homepage .
+}
\ No newline at end of file
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-0.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-0.jpeg
new file mode 100644
index 0000000..3f63226
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-0.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-1.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-1.jpeg
new file mode 100644
index 0000000..54ae48d
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-1.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-2.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-2.jpeg
new file mode 100644
index 0000000..dc8806b
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-2.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-3.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-3.jpeg
new file mode 100644
index 0000000..3eefd16
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-0-3.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-0.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-0.jpeg
new file mode 100644
index 0000000..cf63971
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-0.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-1.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-1.jpeg
new file mode 100644
index 0000000..cee2c03
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-1.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-2.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-2.jpeg
new file mode 100644
index 0000000..ea95b24
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-2.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-3.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-3.jpeg
new file mode 100644
index 0000000..25a01be
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-1-3.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-0.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-0.jpeg
new file mode 100644
index 0000000..928b7fd
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-0.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-1.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-1.jpeg
new file mode 100644
index 0000000..bf1c607
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-1.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-2.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-2.jpeg
new file mode 100644
index 0000000..6bcaa30
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-2.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-3.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-3.jpeg
new file mode 100644
index 0000000..13afc33
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-2-3.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-0.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-0.jpeg
new file mode 100644
index 0000000..e576ae6
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-0.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-1.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-1.jpeg
new file mode 100644
index 0000000..cc5d952
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-1.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-2.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-2.jpeg
new file mode 100644
index 0000000..edde460
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-2.jpeg differ
diff --git a/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-3.jpeg b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-3.jpeg
new file mode 100644
index 0000000..dccac79
Binary files /dev/null and b/src/vue-poc/static/resources/tiles/music [www.imagesplitter.net]-3-3.jpeg differ
diff --git a/src/vue-poc/static/resources/turtle.ttl b/src/vue-poc/static/resources/turtle.ttl
new file mode 100644
index 0000000..714f084
--- /dev/null
+++ b/src/vue-poc/static/resources/turtle.ttl
@@ -0,0 +1,65 @@
+@prefix fuseki:  <http://jena.apache.org/fuseki#> .
+@prefix rdf:     <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
+@prefix rdfs:   <http://www.w3.org/2000/01/rdf-schema#> .
+@prefix tdb:     <http://jena.hpl.hp.com/2008/tdb#> .
+@prefix ja:      <http://jena.hpl.hp.com/2005/11/Assembler#> .
+## ---------------------------------------------------------------
+[] ja:loadClass "org.apache.jena.tdb.TDB" .
+tdb:DatasetTDB  rdfs:subClassOf  ja:RDFDataset .
+tdb:GraphTDB    rdfs:subClassOf  ja:Model .
+
+[] rdf:type fuseki:Server ;
+   # Timeout - server-wide default: milliseconds.
+   # Format 1: "1000" -- 1 second timeout
+   # Format 2: "10000,60000" -- 10s timeout to first result, then 60s
+timeout for the rest of query.
+   # See java doc for ARQ.queryTimeout
+   # ja:context [ ja:cxtName "arq:queryTimeout" ;  ja:cxtValue "10000" ] ;
+
+   # ja:loadClass "your.code.Class" ;
+
+   fuseki:services (
+     <#reminer1>
+   ) .
+
+## ---------------------------------------------------------------
+## Updatable in-memory dataset.
+<#reminer1> rdf:type fuseki:Service ;
+    # URI of the dataset -- http://host:port/reminer1
+    fuseki:name                        "/test" ;
+    fuseki:serviceQuery                "sparql" ;
+    fuseki:serviceQuery                "query" ;
+    fuseki:serviceUpdate               "update" ;
+    fuseki:serviceUpload               "upload" ;
+    fuseki:serviceReadWriteGraphStore  "data" ;
+    fuseki:serviceReadGraphStore       "get" ;
+    fuseki:dataset                     <#rdf_dataset> ;
+    .
+
+
+## In-memory, initially empty.
+## This database set-up allows OWL inference.
+
+
+<#rdf_dataset> rdf:type ja:RDFDataset ;
+    ja:defaultGraph <#infGraph>;
+    ##ja:defaultGraph <#modelDft>;
+    .
+
+<#infGraph> rdf:type ja:InfModel ;
+        ja:reasoner [ ja:reasonerURL <http://jena.hpl.hp.com/2003/
+GenericRuleReasoner> ];
+        ja:rules: [ja:rulesFrom <file:./../rules/graphTest.rules>; ];
+        ja:baseModel <#tdbGraph>;
+    .
+
+<#tdbGraph> rdf:type tdb:GraphTDB ;
+    tdb:dataset <#tdb_datset> ;
+    tdb:graphName <Graph_Test>;
+    .
+
+<#tdb_datset> rdf:type tdb:DatasetTDB ;
+    tdb:location "db" ;
+    tdb:unionDefaultGraph true ;
+    .
+## ---------------------------------------------------------------
\ No newline at end of file
diff --git a/src/vue-poc/static/vue-ace.js b/src/vue-poc/static/vue-ace.js
index bb98936..54261d1 100644
--- a/src/vue-poc/static/vue-ace.js
+++ b/src/vue-poc/static/vue-ace.js
@@ -13,8 +13,14 @@ Vue.component('vue-ace', {
     return {
       editor: Object,
       beforeContent: '',
-      annots:{error:0,warning:0,info:0} 
-    }
+      aceSettings:{
+          enableSnippets:true,
+          enableBasicAutocompletion:true,
+          enableLiveAutocompletion:true},
+      annots:{
+        error:0,warning:0,info:0
+        } 
+      }
   },
   watch: {
     'content' (value) {
@@ -32,13 +38,15 @@ Vue.component('vue-ace', {
   }
   },
   methods:{
+
     command(cmd){
       //alert("fold")
       var cm = this.editor.commands
       //console.log(cm.commands)
      cm.exec(cmd, this.editor)
     },
-    set(){
+    
+    testAnnotations(){
     this.editor.getSession().setAnnotations([{
       row: 1,
       column: 0,
@@ -47,15 +55,13 @@ Vue.component('vue-ace', {
     }]);
     }
   },
+  
   mounted () {
     const mode = this.mode || 'text'
     const theme = this.theme || 'github'
     const wrap = this.wrap || false
 
-    const aceSettings={
-          snippets:true,
-          basicAutocompletion:true,
-          liveAutocompletion:true}
+    const aceSettings=this.aceSettings
     
     const readOnly = this.readOnly || false
     ace.config.set("workerPath", "/vue-poc/ui/ace-workers") 
@@ -70,9 +76,11 @@ Vue.component('vue-ace', {
     session.setUseWrapMode(wrap)
     this.editor.setTheme(`ace/theme/${theme}`)
     this.editor.setOptions({ readOnly:this.readOnly,
-                        enableSnippets : aceSettings.snippets,
-                        enableBasicAutocompletion : aceSettings.basicAutocompletion,
-                        enableLiveAutocompletion : aceSettings.liveAutocompletion
+                        enableSnippets : aceSettings.enableSnippets,
+                        enableBasicAutocompletion : aceSettings.enableBasicAutocompletion,
+                        enableLiveAutocompletion : aceSettings.enableLiveAutocompletion,
+                        tabSize: 2,
+                        useSoftTabs: true
                         });
     this.editor.commands.addCommand({
       name: "showKeyboardShortcuts",
diff --git a/src/vue-poc/templates/404.vue b/src/vue-poc/templates/404.vue
new file mode 100644
index 0000000..48baeb5
--- /dev/null
+++ b/src/vue-poc/templates/404.vue
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<template id="notfound">
+ <v-container fluid>
+ Not found
+ </v-container>
+</template>
+
+<script>{
+  data:  function(){
+    return {
+      message: 'bad route!'
+      }
+  },
+  created:function(){
+    console.log("notfound",this.$route.query.q)
+  }
+}
+</script>
diff --git a/src/vue-poc/templates/edit.vue b/src/vue-poc/templates/edit.vue
index f396dc5..7073aca 100644
--- a/src/vue-poc/templates/edit.vue
+++ b/src/vue-poc/templates/edit.vue
@@ -1,28 +1,42 @@
 <!DOCTYPE html>
 <template id="edit">
 <v-container fluid>
- <v-layout row wrap>
-<v-flex xs12>
-<v-toolbar class="green">
-  <v-toolbar-title>
-    <v-btn @click.native="showfiles()" small icon  v-tooltip:top="{ html: path.join('/') }">
-    <v-icon>folder</v-icon></v-btn>
-<span >{{ name }}</span>
-<v-chip v-if="dirty" label small class="red white--text">*</v-chip>
-<v-chip  v-if="!dirty" label small class="green white--text">.</v-chip>
- <v-chip small class="primary white--text">{{ mode }}</v-chip>
-       
+      <v-snackbar top error  v-model="snackbar">
+      {{ message }}
+      <v-btn flat  @click.native="snackbar = false"><v-icon>highlight_off</v-icon></v-btn>
+    </v-snackbar>
+<v-card>
+
+ <v-app-bar>
+<v-menu offset-y>
+  <v-btn primary icon dark slot="activator" v-tooltip:top="{ html: path.join('/') }"><v-icon >folder</v-icon></v-btn>
+  <v-list>
+    <v-list-item v-for="item in path" :key="item">
+      <v-list-tile>
+        <v-list-tile-title @click="showfiles()">{{ item }}</v-list-tile-title>
+      </v-list-tile>
+    </v-list-item>
+  </v-list>
+</v-menu>
+
+  <v-toolbar-title >
+      <span >{{ name }}</span>
   </v-toolbar-title>
   <v-toolbar-items>
+  <span v-tooltip:top="{ html: 'Changed?' }">
+  <v-chip v-if="dirty" label small class="red white--text">*</v-chip>
+<v-chip  v-if="!dirty" label small class="green white--text">.</v-chip>
+</span>
+ <v-chip small  v-tooltip:top="{ html: mimetype }">{{ mode }}</v-chip>
      <v-chip   @click.native="acecmd('goToNextError')"
-          v-tooltip:right="{ html: 'Annotations: Errors,Warning and Info' }"
+          v-tooltip:top="{ html: 'Annotations: Errors,Warning and Info' }"
            >
-          <v-avatar>
-              <v-icon right >navigate_next</v-icon>
-           </v-avatar>         
-          <v-avatar   class="red " small>{{annotations && annotations.error}}</v-avatar>
-          <v-avatar  class="yellow ">{{annotations && annotations.warning}}</v-avatar>
           <v-avatar  class="green ">{{annotations && annotations.info}}</v-avatar>
+          <v-avatar  class="yellow ">{{annotations && annotations.warning}}</v-avatar>        
+          <v-avatar   class="red " small>{{annotations && annotations.error}}</v-avatar>    
+           <v-avatar>
+              <v-icon black >navigate_next</v-icon>
+           </v-avatar>
           </v-chip>
    <v-btn dark icon @click.native="acecmd('outline')">
       <v-icon>star</v-icon>
@@ -77,38 +91,26 @@
       </v-btn>
      
           <v-list>
-            <v-list-item @click="fetch('/vue-poc/vue-poc.xqm')">
+            <v-list-item >
               <v-list-tile>
-                <v-list-tile-title >load xquery</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-            <v-list-item  @click="fetch('/vue-poc/data/vue-poc/ch4d1.xml')">
-              <v-list-tile>
-                <v-list-tile-title >load xml</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-            <v-list-item  @click="fetch('/vue-poc/static/app-gen.js')">
-              <v-list-tile>
-                <v-list-tile-title >load js</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-          <v-list-item>
-              <v-list-tile>
-                <v-list-tile-title  @click="fetch('/vue-poc/static/app.html')">load html</v-list-tile-title>
-              </v-list-tile>
-            </v-list-item>
-             <v-list-item>
-              <v-list-tile>
-                <v-list-tile-title  @click="fetch('/vue-poc/static/app.css')">load css</v-list-tile-title>
+                <v-list-tile-title >unused</v-list-tile-title>
               </v-list-tile>
             </v-list-item>
+            
           </v-list>
       </v-menu>
     </v-toolbar-items>
-        </v-toolbar>
+ </v-app-bar>
    <v-progress-linear v-if="busy" v-bind:indeterminate="true" ></v-progress-linear>
-   <v-dialog v-model="clearDialog" >
-  <v-card>
+
+
+<v-flex xs12 style="height:70vh" v-if="!busy" fill-height>
+  
+    <vue-ace editor-id="editorA" :content="contentA" :mode="mode" :wrap="wrap"
+v-on:change-content="changeContentA" 
+v-on:annotation="annotation"></vue-ace>
+  
+ <v-dialog v-model="clearDialog" >
     <v-card-row>
       <v-card-title>Clear?</v-card-title>
     </v-card-row>
@@ -121,16 +123,8 @@
     </v-card-row>
   </v-card>
 </v-dialog>
-</v-flex>
-<v-flex xs12 style="height:70vh" v-if="!busy" fill-height>
+</v-card>
   
-    <vue-ace editor-id="editorA" :content="contentA" :mode="mode" :wrap="wrap"
-v-on:change-content="changeContentA" 
-v-on:annotation="annotation"></vue-ace>
-  
-  </v-flex>
-</v-layout>
-
  </v-container>
 </template>
 
@@ -144,16 +138,20 @@ v-on:annotation="annotation"></vue-ace>
       url:'',
       name:'',
       path:[],
+      mimetype:"",
       wrap:false,
       busy:false,
       clearDialog:false,
       annotations:null,
       dirty:false,
+      snackbar:false,
+      message:"Cant do that",
       mimemap:{
           "text/xml":"xml",
           "application/xml":"xml",
           "application/xquery":"xquery",
           "text/ecmascript":"javascript",
+          "application/sparql-query":"sparql",
           "text/html":"html",
           "text/css":"css"
       }
@@ -176,9 +174,10 @@ v-on:annotation="annotation"></vue-ace>
     // load from url
     fetch(url){
       this.busy=true
-      HTTP.get("raw?url="+url,axios_json)
+      HTTP.get("edit?url="+url,axios_json)
       .then(r=>{
         //console.log(r)
+        this.mimetype=r.data.mimetype
         this.mode=this.acetype(r.data.mimetype)
         this.contentA=r.data.data
         var a=url.split("/")
@@ -223,7 +222,8 @@ v-on:annotation="annotation"></vue-ace>
          a=css_beautify(a, { indent_size: 2 })
          break;     
       default:
-        alert("beaut: " + this.mode)
+        this.message="No beautify yet for "+this.mode
+        this.snackbar=true
      } 
       this.contentA=a
       this.busy=false
diff --git a/src/vue-poc/templates/eval.vue b/src/vue-poc/templates/eval.vue
new file mode 100644
index 0000000..fab701d
--- /dev/null
+++ b/src/vue-poc/templates/eval.vue
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<template id="eval">
+ <v-container fluid>
+  <v-card class="grey lighten-1 z-depth-1 mb-5" height="200px" >
+  <vue-ace editor-id="editorA" :content="xq" mode="xquery" wrap="true"
+    v-on:change-content="onChange" 
+    ></vue-ace>
+    </v-card>
+ </v-container>
+</template>
+
+<script>{
+  data:  function(){
+    return {
+      xq: '(:~ do something :)'
+      }
+  },
+  methods:{
+    onChange(){
+      console.log("go")
+    }
+  },
+  created:function(){
+    console.log("notfound",this.$route.query.q)
+  }
+}
+</script>
diff --git a/src/vue-poc/templates/files.vue b/src/vue-poc/templates/files.vue
index 65d9873..04a3f8d 100644
--- a/src/vue-poc/templates/files.vue
+++ b/src/vue-poc/templates/files.vue
@@ -3,37 +3,38 @@
  <v-container fluid>
 
 <v-card>
-  <v-toolbar class="green">
-<v-menu offset-y>
-  <v-btn primary icon dark slot="activator"><v-icon >folder</v-icon></v-btn>
-  <v-list>
-    <v-list-item v-for="item in crumbs" :key="item">
-      <v-list-tile>
-        <v-list-tile-title @click="root()">{{ item }}</v-list-tile-title>
-      </v-list-tile>
-    </v-list-item>
-  </v-list>
-</v-menu>
+  <v-app-bar>
+		<v-menu offset-y>
+		  <v-btn  icon dark slot="activator"><v-icon >folder</v-icon></v-btn>
+		  <v-list>
+		    <v-list-item v-for="item in crumbs" :key="item">
+		      <v-list-tile>
+		        <v-list-tile-title @click="root()">{{ item }}</v-list-tile-title>
+		      </v-list-tile>
+		    </v-list-item>
+		  </v-list>
+		</v-menu>
     <v-toolbar-title>{{ url }}</v-toolbar-title>
     <v-spacer></v-spacer>
       <v-text-field prepend-icon="search" label="Filter..." v-model="q" type="search"
    hide-details single-line dark @keyup.native.enter="filter"></v-text-field>
     <v-icon>view_module</v-icon>
-  </v-toolbar>
+  </v-app-bar>
+  
   <v-progress-linear v-if="busy" v-bind:indeterminate="true" ></v-progress-linear>
   <v-list v-if="!busy" two-line subheader>
     <v-subheader inset>Folders</v-subheader>
-    <v-list-item v-for="item in folders" v-bind:key="item.name" >
+    <v-list-item v-for="item in folders" v-bind:key="item.name" @click="folder(item.name)">
       <v-list-tile avatar >
-        <v-list-tile-avatar  @click="folder(item.name)">
+        <v-list-tile-avatar  >
           <v-icon v-bind:class="[item.iconClass]">{{ item.icon }}</v-icon>
         </v-list-tile-avatar>
-        <v-list-tile-content  @click="folder(item.name)">
+        <v-list-tile-content  >
           <v-list-tile-title>{{ item.name }}</v-list-tile-title>
           <v-list-tile-sub-title>modified: {{ item.modified | formatDate}} size: {{ item.size | readablizeBytes}}</v-list-tile-sub-title>
         </v-list-tile-content>
         <v-list-tile-action>
-          <v-btn icon ripple @click.native="info(item.name)">
+          <v-btn icon ripple @click.native.stop="info(item.name)">
             <v-icon class="grey--text text--lighten-1">info</v-icon>
           </v-btn>
         </v-list-tile-action>
@@ -41,23 +42,25 @@
     </v-list-item>
     <v-divider inset></v-divider>
     <v-subheader inset>Files</v-subheader>
-    <v-list-item v-for="item in files" v-bind:key="item.name">
+    <v-list-item v-for="item in files" v-bind:key="item.name" @click="file(item.name)">
       <v-list-tile>
         <v-list-tile-avatar>
           <v-icon v-bind:class="[item.iconClass]">{{ item.icon }}</v-icon>
         </v-list-tile-avatar>
         <v-list-tile-content>
-          <v-list-tile-title @click="file(item.name)">{{ item.name }}</v-list-tile-title>
+          <v-list-tile-title >{{ item.name }}</v-list-tile-title>
            <v-list-tile-sub-title>modified: {{ formatDate(item.modified) }} size: {{ readablizeBytes(item.size) }}</v-list-tile-sub-title>
         </v-list-tile-content>
         <v-list-tile-action>
-          <v-btn icon ripple>
+          <v-btn icon ripple @click.native.stop="info(item.name)">
             <v-icon class="grey--text text--lighten-1">info</v-icon>
           </v-btn>
         </v-list-tile-action>
       </v-list-tile>
     </v-list-item>
   </v-list>
+    <v-navigation-drawer right light temporary v-model="infodraw"
+      >Some info here {{selected}}</v-navigation-drawer>
 </v-card>
  </v-container>
 </template>
@@ -70,7 +73,9 @@
             files:[],
             items:["root"],
             q:"",
-            busy:false
+            busy:false,
+            infodraw:false,
+            selected:""
     }
   },
   methods:{
@@ -107,8 +112,9 @@
     filter(){
       console.log("TODO")
     },
-    info(){
-      alert("info")
+    info(sel){
+      this.selected=sel
+      this.infodraw=true
     },
     readablizeBytes(v){
       return Vue.filter('readablizeBytes')(v)
diff --git a/src/vue-poc/templates/history.vue b/src/vue-poc/templates/history.vue
new file mode 100644
index 0000000..76bc513
--- /dev/null
+++ b/src/vue-poc/templates/history.vue
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<template id="history">
+ <v-container fluid>
+ <v-list>
+          <v-list-item v-for="item in items" v-bind:key="item.title"
+          @click="doEdit(item.url)">
+            <v-list-tile avatar>
+              <v-list-tile-action>
+                <v-icon v-if="item.icon" class="pink--text">star</v-icon>
+              </v-list-tile-action>
+              <v-list-tile-content>
+                <v-list-tile-title v-text="item.url"></v-list-tile-title>
+              </v-list-tile-content>
+              <v-list-tile-avatar>
+                <img v-bind:src="item.avatar"/>
+              </v-list-tile-avatar>
+            </v-list-tile>
+          </v-list-item>
+        </v-list>
+ </v-container>
+</template>
+
+<script>{
+  data:  function(){
+    return {
+      message: 'Hello Vue.js!',
+      items:[]
+      }
+  },
+  methods:{
+    get() {
+      HTTP.get('history')
+      .then((res) => {
+        this.items = res.data.items;
+        console.log("items",this.items)
+      });
+    },
+    doEdit(url){
+      console.log("DD"+url)
+        router.push({ path: 'edit', query: { url: url  }})
+    }
+  },
+  created:function(){
+    this.get()
+    console.log("history")
+  }
+}
+</script>
diff --git a/src/vue-poc/templates/home.vue b/src/vue-poc/templates/home.vue
index d344494..e3a9b61 100644
--- a/src/vue-poc/templates/home.vue
+++ b/src/vue-poc/templates/home.vue
@@ -5,7 +5,7 @@
 <v-card hover raised>
   <v-card-row height="200px" class="pa-5 green lighten-1">
     <div class="display-1 white--text text-xs-center">VUE-POC</div>
-    v0.0.1
+    v0.0.2
   </v-card-row>
 </v-card>
 </v-flex>
@@ -13,11 +13,11 @@
   <p>This is a experiment in using <code>vue.js</code>.</p>
   <ul>
   <li><a href="https://vuetifyjs.com/" target="new">vuetifyjs</a></li>
-  <li><a href="https://github.com/monterail/vue-multiselect">vue-multiselect</a></li>
-<li><a href="https://github.com/sagalbot/vue-select"><s>vue-select</s></a></li>
-<li><a href="https://github.com/beautify-web/js-beautify">js-beautify</a></li>
-<li><a href="http://localhost:8984/doc/#/data/app/vue-poc">doc</a></li>
-
+  <li><a href="https://github.com/monterail/vue-multiselect" target="new">vue-multiselect</a></li>
+<li><a href="https://github.com/sagalbot/vue-select" target="new"><s>vue-select</s></a></li>
+<li><a href="https://github.com/beautify-web/js-beautify" target="new">js-beautify</a></li>
+<li><a href="/doc/#/data/app/vue-poc" target="new">doc</a></li>
+<li><a href="/dba" target="new">DBA app</a></li>
   </ul>
 </v-flex>
 <v-btn floating="floating">
diff --git a/src/vue-poc/templates/people.vue b/src/vue-poc/templates/people.vue
index bdf04f9..f5ffc82 100644
--- a/src/vue-poc/templates/people.vue
+++ b/src/vue-poc/templates/people.vue
@@ -8,10 +8,10 @@
   </v-layout>
   <v-layout>
   <v-flex xs5>
-   <v-card-row img="music.jpg" height="300px"></v-card-row>
+   <v-card-row img="resources/music.jpg" height="300px"></v-card-row>
   </v-flex>
-  <v-flex xs5>
-  <v-card-row img="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" height="300px"></v-card-row>
+  <v-flex xs1>
+  <v-card-row img="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" height="60px"></v-card-row>
   </v-flex>
   </v-layout>
  </v-container>
@@ -19,7 +19,10 @@
 
 <script>{
   data:  function(){
-    return {message: 'Hello Vue.js!'}
+    return {
+      message: 'Hello Vue.js!',
+      img:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
+      }
   },
   methods: {
     reverseMessage: function () {
diff --git a/src/vue-poc/templates/ping.vue b/src/vue-poc/templates/ping.vue
index d65c719..74f8141 100644
--- a/src/vue-poc/templates/ping.vue
+++ b/src/vue-poc/templates/ping.vue
@@ -10,11 +10,12 @@
           <th >Repeat</th>
           <th >Last</th>
           <th >Count</th>
-          <th >Median</th>
+         
           <th >Avg</th>
           
           <th >min</th>
           <th >max</th>
+           <th >Median</th>
         </tr>
       </thead>
       <tbody>
@@ -33,9 +34,7 @@
               <td>
                   <span >{{getValues.count}}</span>
               </td>   
-              <td>
-                  <span >{{getValues.median}}</span>
-              </td>
+            
               <td>
                   <span >{{getValues.avg | round(2)}}</span>
               </td>
@@ -46,6 +45,9 @@
               <td>
                   <span >{{getValues.max}}</span>
               </td>
+                <td>
+                  <span >{{getValues.median}}</span>
+              </td>
           </tr>
             <tr>
           <td>
@@ -88,7 +90,7 @@
       getValues: new perfStat(),
       postValues: new perfStat(),
       repeat:{get:false,post:false},
-      counter:0
+      counter:null
       }
   },
   methods:{
diff --git a/src/vue-poc/templates/extension.vue b/src/vue-poc/templates/puzzle.vue
similarity index 85%
rename from src/vue-poc/templates/extension.vue
rename to src/vue-poc/templates/puzzle.vue
index 870b828..8d53a4b 100644
--- a/src/vue-poc/templates/extension.vue
+++ b/src/vue-poc/templates/puzzle.vue
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
-<template id="extension">
+<template id="puzzle">
  <v-container fluid>
+  <a href="http://homepages.cwi.nl/~steven/Talks/2017/06-10-iot/game-demo.html">demo</a>
   <v-layout >
  
   <table>
@@ -9,8 +10,6 @@
    </tr>
   </table>
   </v-layout>
-   
-   <a href="http://homepages.cwi.nl/~steven/Talks/2017/06-10-iot/game-demo.html">demo</a>
  </v-container>
 </template>
 
diff --git a/src/vue-poc/templates/settings.vue b/src/vue-poc/templates/settings.vue
index 7108f3c..940b325 100644
--- a/src/vue-poc/templates/settings.vue
+++ b/src/vue-poc/templates/settings.vue
@@ -9,47 +9,37 @@
           <v-list-item>
             <v-list-tile avatar>
               <v-list-tile-action>
-                <v-checkbox v-model="ace.notifications"></v-checkbox>
+                <v-checkbox v-model="ace.enableSnippets"></v-checkbox>
               </v-list-tile-action>
               <v-list-tile-content>
-                <v-list-tile-title>Notifications</v-list-tile-title>
-                <v-list-tile-sub-title>Allow notifications</v-list-tile-sub-title>
+                <v-list-tile-title>enableSnippets</v-list-tile-title>
+                <v-list-tile-sub-title>Allow snippets</v-list-tile-sub-title>
               </v-list-tile-content>
             </v-list-tile>
           </v-list-item>
           <v-list-item>
             <v-list-tile avatar>
               <v-list-tile-action>
-                <v-checkbox v-model="ace.sound"></v-checkbox>
+                <v-checkbox v-model="ace.enableBasicAutocompletion"></v-checkbox>
               </v-list-tile-action>
               <v-list-tile-content>
-                <v-list-tile-title>Sound</v-list-tile-title>
-                <v-list-tile-sub-title>Hangouts message</v-list-tile-sub-title>
+                <v-list-tile-title>enableBasicAutocompletion</v-list-tile-title>
+                <v-list-tile-sub-title>enableBasicAutocompletion</v-list-tile-sub-title>
               </v-list-tile-content>
             </v-list-tile>
           </v-list-item>
           <v-list-item>
             <v-list-tile avatar>
               <v-list-tile-action>
-                <v-checkbox v-model="ace.video"></v-checkbox>
+                <v-checkbox v-model="ace.enableLiveAutocompletion"></v-checkbox>
               </v-list-tile-action>
               <v-list-tile-content>
-                <v-list-tile-title>Video sounds</v-list-tile-title>
-                <v-list-tile-sub-title>Hangouts vidoe call</v-list-tile-sub-title>
-              </v-list-tile-content>
-            </v-list-tile>
-          </v-list-item>
-          <v-list-item>
-            <v-list-tile avatar>
-              <v-list-tile-action>
-                <v-checkbox v-model="ace.invites"></v-checkbox>
-              </v-list-tile-action>
-              <v-list-tile-content>
-                <v-list-tile-title>Invites</v-list-tile-title>
-                <v-list-tile-sub-title>Notify when receiving invites</v-list-tile-sub-title>
+                <v-list-tile-title>enableLiveAutocompletion</v-list-tile-title>
+                <v-list-tile-sub-title>enableLiveAutocompletion</v-list-tile-sub-title>
               </v-list-tile-content>
             </v-list-tile>
           </v-list-item>
+ 
         </v-list>
       </v-card>
     </v-flex>
@@ -60,10 +50,9 @@
   data () {
     return {
       ace: {
-      notifications: false,
-      sound: false,
-      video: false,
-      invites: false
+        enableSnippets: true,
+        enableBasicAutocompletion: true,
+        enableLiveAutocompletion: true
     }
     }
   },
diff --git a/src/vue-poc/vue-api2.xqm b/src/vue-poc/vue-api2.xqm
index 886161c..236e6fa 100644
--- a/src/vue-poc/vue-api2.xqm
+++ b/src/vue-poc/vue-api2.xqm
@@ -7,10 +7,10 @@ module namespace vue-api = 'quodatum:vue.api';
 import module namespace rest = "http://exquery.org/ns/restxq";
 
 import module namespace fw="quodatum:file.walker";
+import module namespace mt = 'quodatum.data.mimetype' at "lib/mimetype.xqm";
 declare namespace c="http://www.w3.org/ns/xproc-step";
 
 declare namespace wadl="http://wadl.dev.java.net/2009/02";
-declare namespace MediaType='java:org.basex.util.http.MediaType';
 declare variable $vue-api:index:=file:base-dir() || 'static/' || "app.html";
 
 
@@ -67,6 +67,32 @@ function vue-api:thumbnail($url,$task )
   </json>
 };
 
+(:~
+ : history list 
+ :)
+declare
+%rest:GET %rest:path("/vue-poc/api/history")
+%rest:produces("application/json")
+%output:method("json")   
+function vue-api:history( )   
+{
+ let $h:=(
+ '/vue-poc/vue-poc.xqm',
+ '/vue-poc/data/vue-poc/ch4d1.xml',
+ '/vue-poc/static/app-gen.js',
+ '/vue-poc/static/app.html',
+ '/vue-poc/static/app.css',
+ '/vue-poc/static/resources/sparql.rq',
+  '/vue-poc/static/resources/turtle.ttl'
+ )
+
+ return <json   type="object" >
+            <items type="array">
+            {$h!(<_ type="object"><url>{.}</url></_>)}              
+            </items>
+  </json>
+};
+
 (:~
  : Returns wadl.
  :)
@@ -81,16 +107,40 @@ function vue-api:wadl()
  : Returns a file content.
  :)
 declare
-%rest:path("/vue-poc/api/raw")
+%rest:GET %rest:path("/vue-poc/api/edit")
 %rest:query-param("url", "{$url}")
 %rest:produces("application/json")
 %output:method("json")   
-function vue-api:raw($url as xs:string)   
+function vue-api:edit-get($url as xs:string)   
 {
   let $path := vue-api:web( $url)=>trace("path ")
    return if( file:exists($path))then 
-             let $type:=vue-api:type($path)
-             let $fetch:=vue-api:fetch-fn($type("treat-as"))
+             let $type:=mt:type($path)
+             let $fetch:=mt:fetch-fn($type("treat-as"))
+             return <json type="object" >
+                        <url>{$url}</url>
+                        <mimetype>{$type?type}</mimetype>
+                        <data>{$fetch($path)}</data> 
+                     </json>
+          else 
+            error(xs:QName('vue-api:raw'),$path)
+};
+
+(:~
+ : Update a file content. @TODO
+ :)
+declare
+%rest:POST %rest:path("/vue-poc/api/edit")
+%rest:form-param("url", "{$url}")
+%rest:form-param("data", "{$data}")
+%rest:produces("application/json")
+%output:method("json")   
+function vue-api:edit-post($url as xs:string,$data)   
+{
+  let $path := vue-api:web( $url)=>trace("path ")
+   return if( file:exists($path))then 
+             let $type:=mt:type($path)
+             let $fetch:=mt:fetch-fn($type("treat-as"))
              return <json type="object" >
                         <url>{$url}</url>
                         <mimetype>{$type?type}</mimetype>
@@ -111,8 +161,6 @@ declare
 function vue-api:file($url as xs:string)   
 {
    let $path := vue-api:web( $url)=>trace("vue-api:web ")
-
-   
    return if( file:exists($path))then 
              let $items:=fw:directory-list($path,map{"max-depth":1,"include-info":true()})
 
@@ -160,45 +208,3 @@ as xs:string
   return file:resolve-path($file,$webroot)
 };
 
-(:~ 
- : fetch function for given data type "text","xml","binary"
-: @return function()
-:)
-declare function vue-api:fetch-fn($treat as xs:string)
-as function(*)
-{
-     switch  ($treat) 
-     case "text"
-          return fetch:text(?)
-     case "xml" 
-          return fetch:text(?)
-     default 
-          return fetch:binary(?)
-};
-
-(:~ classify file as binary/text/xml
- :)
-declare function vue-api:type($filepath as xs:string)
-as map(*)
-{
-let $f:=vue-api:base-ext($filepath)
-let $a:=MediaType:get($f)
-let $type:= if(MediaType:isXML($a)) then 
-            "xml"
-            else if(MediaType:isText($a) or MediaType:isXQuery($a))then
-            "text"
-            else
-            "binary"
- return map{"type":MediaType:type($a) ,"treat-as":$type}
-};
-
-
-(:~ change file to have baseextension
-:)
-declare function vue-api:base-ext($filepath as xs:string)
-{
-  let $ext:=replace ($filepath,'^.*\.','')
-  let $ext:=if(contains($filepath,"/"))then '' else $ext
-  let $types:=map{"vue":".html"}
-  return if($types($ext)) then $types($ext) else $filepath
-};
\ No newline at end of file
diff --git a/tools/compile.xq b/tools/compile.xq
index f169691..c4b9ab9 100644
--- a/tools/compile.xq
+++ b/tools/compile.xq
@@ -11,6 +11,7 @@ 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 $FILTERS:="C:/Users/andy/git/vue-poc/src/vue-poc/static/filters.js";
 declare variable $DEST:="C:/Users/andy/git/vue-poc/src/vue-poc/static/app-gen.js";
 
 (:~ 
@@ -42,4 +43,7 @@ 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() || "&#xA;&#xD;"
-return file:write-text($DEST,string-join(($comment,$docs,fetch:text($CORE))))
\ No newline at end of file
+return file:write-text($DEST,string-join(($comment,
+                                         fetch:text($FILTERS),
+                                         $docs,
+                                         fetch:text($CORE))))
\ No newline at end of file