JavaScriptSolidServer
diff --git a/‎examples/buttons/index.html‎
Lines changed: 9 additions & 6 deletions b/‎examples/buttons/index.html‎
Lines changed: 9 additions & 6 deletions
diff --git a/‎src/widgets/buttons.ts‎
Lines changed: 8 additions & 4 deletions b/‎src/widgets/buttons.ts‎
Lines changed: 8 additions & 4 deletions
@@ -333,8 +333,9 @@ <h2 id="twoLineWidgetForClass"><a href="#twoLineWidgetForClass">twoLineWidgetFor
  <h2 id="isAudio"><a href="#isAudio">isAudio</a></h2>
   <script id="script-isAudio">
     window.addEventListener('DOMContentLoaded', (event) => {
-      // const result = UI.widgets.isAudio()
-      // $('#div-isAudio').appendChild(document.createTextNode(result))
+      UI.store.add(UI.rdf.namedNode('http://example.com/audio.mpeg'), UI.ns.rdf('type'), UI.rdf.namedNode('http://www.w3.org/ns/iana/media-types/audio'))
+      const result = UI.widgets.isAudio(UI.rdf.namedNode('http://example.com/audio.mpeg'))
+      $('#div-isAudio').appendChild(document.createTextNode(result))
     })
   </script>
   <pre id="viewSource-isAudio"></pre><script>$('#viewSource-isAudio').innerHTML = $('#script-isAudio').innerText</script>
@@ -343,8 +344,9 @@ <h2 id="isAudio"><a href="#isAudio">isAudio</a></h2>
  <h2 id="isImage"><a href="#isImage">isImage</a></h2>
   <script id="script-isImage">
     window.addEventListener('DOMContentLoaded', (event) => {
-      // const result = UI.widgets.isImage()
-      // $('#div-isImage').appendChild(document.createTextNode(result))
+      UI.store.add(UI.rdf.namedNode('http://example.com/image.jpeg'), UI.ns.rdf('type'), UI.rdf.namedNode('http://www.w3.org/ns/iana/media-types/image'))
+      const result = UI.widgets.isImage(UI.rdf.namedNode('http://example.com/image.jpeg'))
+      $('#div-isImage').appendChild(document.createTextNode(result))
     })
   </script>
   <pre id="viewSource-isImage"></pre><script>$('#viewSource-isImage').innerHTML = $('#script-isImage').innerText</script>
@@ -353,8 +355,9 @@ <h2 id="isImage"><a href="#isImage">isImage</a></h2>
  <h2 id="isVideo"><a href="#isVideo">isVideo</a></h2>
   <script id="script-isVideo">
     window.addEventListener('DOMContentLoaded', (event) => {
-      // const result = UI.widgets.isVideo()
-      // $('#div-isVideo').appendChild(document.createTextNode(result))
+      UI.store.add(UI.rdf.namedNode('http://example.com/video.mov'), UI.ns.rdf('type'), UI.rdf.namedNode('http://www.w3.org/ns/iana/media-types/video'))
+      const result = UI.widgets.isImage(UI.rdf.namedNode('http://example.com/video.mov'))
+      $('#div-isVideo').appendChild(document.createTextNode(result))
     })
   </script>
   <pre id="viewSource-isVideo"></pre><script>$('#viewSource-isVideo').innerHTML = $('#script-isVideo').innerText</script>
 
@@ -1167,24 +1167,28 @@ function addStyleSheet (dom: HTMLDocument, href: string): void {
 
 // Figure (or guess) whether this is an image, etc
 //
-function isAudio (file: string) {
+function isAudio (file: NamedNode) {
   return isImage(file, 'audio')
 }
-function isVideo (file: string) {
+function isVideo (file: NamedNode) {
   return isImage(file, 'video')
 }
 /**
  *
  */
-function isImage (file: string, kind: string): boolean {
+function isImage (file: NamedNode, kind: string | undefined): boolean {
   var dcCLasses = {
     audio: 'http://purl.org/dc/dcmitype/Sound',
     image: 'http://purl.org/dc/dcmitype/Image',
     video: 'http://purl.org/dc/dcmitype/MovingImage'
   }
   var what = kind || 'image'
+  // See https://github.com/linkeddata/rdflib.js/blob/e367d5088c/src/formula.ts#L554
+  //
   var typeURIs = UI.store.findTypeURIs(file)
-  var prefix = $rdf.Util.mediaTypeClass(what + '/*').uri.split('*')[0]
+  // See https://github.com/linkeddata/rdflib.js/blob/d5000f/src/utils-js.js#L14
+  // e.g.'http://www.w3.org/ns/iana/media-types/audio'
+  var prefix: string = $rdf.Util.mediaTypeClass(what + '/*').uri.split('*')[0]
   for (var t in typeURIs) {
     if (t.startsWith(prefix)) return true
   }