SHACL Compound properties

data.ttl

<data-file>
  a schema:MediaObject ;
  schema:identifier "sample-data.csv" ;
  schema:encodingFormat "text/csv";
  schema:contenUrl <https://s3.link/ugly-guid-link-whatever.csv>
.

render-download-link.js

import { html } from 'lit'

/**
  @param properties JS object with values of property shapes mapped to schema:identifier
*/
export default function(properties) {
  return html`<a href=${properties.href}>
    <format-icon format=${properties.mediaType}></format-icon>
    Download ${properties.fileName}
  </a>`
}

shape.ttl

<>
  sh:targetClass schema:MediaObject ;
  sh:property
    [
      schema:identifier "fileName" ;
      sh:path schema:identifier ;
    ] , 
    [
      schema:identifier "mediaType" ;
      sh:path schema:encodingFormat ;
      dash:hidden true ;
    ] ,
    [
      schema:identifier "href" ;
      sh:path schema:contenUrl ;
      dash:hidden true ;
    ] ,
    [
      a dashing:CompoundProperty ;
      dashing:module </render-download-link.js>
    ];
.