@citolab/qti-components 7.0.2 → 7.0.4

package/dist/transformers/index.d.ts

@@ -59,6 +59,7 @@ declare const qtiTransformManifest: () => {
 type transformTestApi = {
     load: (uri: string) => Promise<transformTestApi>;
     parse: (xmlString: string) => transformTestApi;
+    path: (location: string) => transformTestApi;
     fn: (fn: (xmlFragment: XMLDocument) => void) => transformTestApi;
     items: () => {
         identifier: string;

package/dist/transformers/index.js

@@ -250,6 +250,7 @@ var qtiTransformTest = () => {
       return new Promise((resolve, _) => {
         loadXML(uri).then((xml2) => {
           xmlFragment = xml2;
+          api.path(uri.substring(0, uri.lastIndexOf("/")));
           return resolve(api);
         });
       });
@@ -258,6 +259,10 @@ var qtiTransformTest = () => {
       xmlFragment = parseXML(xmlString);
       return api;
     },
+    path: (location) => {
+      setLocation(xmlFragment, location);
+      return api;
+    },
     fn(fn) {
       fn(xmlFragment);
       return api;

package/dist/transformers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/qti-transformers/qti-transformers.ts","../../src/lib/qti-transformers/qti-transform-item.ts","../../src/lib/qti-transformers/qti-transform-manifest.ts","../../src/lib/qti-transformers/qti-transform-test.ts"],"sourcesContent":["const xml = String.raw;\n\n/*   <!-- convert CDATA to comments -->\n  <xsl:template match=\"text()[contains(., 'CDATA')]\">\n  <xsl:comment>\n    <xsl:value-of select=\".\"/>\n  </xsl:comment>\n</xsl:template>\n*/\n\n/*\n  <!-- remove xml comments -->\n  <xsl:template match=\"comment()\" />\n  */\n\nconst xmlToHTML = xml`<xsl:stylesheet version=\"1.0\" xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\">\n<xsl:output method=\"html\" version=\"5.0\" encoding=\"UTF-8\" indent=\"yes\" />\n  <xsl:template match=\"@*|node()\">\n    <xsl:copy>\n      <xsl:apply-templates select=\"@*|node()\"/>\n    </xsl:copy>\n  </xsl:template>\n\n  <!-- remove existing namespaces -->\n  <xsl:template match=\"*\">\n    <!-- remove element prefix -->\n    <xsl:element name=\"{local-name()}\">\n      <!-- process attributes -->\n      <xsl:for-each select=\"@*\">\n        <!-- remove attribute prefix -->\n        <xsl:attribute name=\"{local-name()}\">\n          <xsl:value-of select=\".\"/>\n        </xsl:attribute>\n      </xsl:for-each>\n    <xsl:apply-templates/>\n  </xsl:element>\n</xsl:template>\n</xsl:stylesheet>`;\n\n// Function to extend elements with a specific tag name by adding an extension suffix\nexport function extendElementName(xmlFragment: XMLDocument, tagName: string, extension: string) {\n  xmlFragment.querySelectorAll(tagName).forEach(element => {\n    const newTagName = `${tagName}-${extension}`;\n    const newElement = createElementWithNewTagName(element, newTagName);\n    element.replaceWith(newElement);\n  });\n}\n\n// Function to extend any element with a specific class pattern (e.g., \"extend:suffix\")\nexport function extendElementsWithClass(xmlFragment: XMLDocument, classNamePattern: string) {\n  xmlFragment.querySelectorAll('*').forEach(element => {\n    const classList = element.classList;\n    if (classList) {\n      classList.forEach(className => {\n        if (className.startsWith(`${classNamePattern}:`)) {\n          const suffix = className.slice(`${classNamePattern}:`.length);\n          const newTagName = `${element.nodeName}-${suffix}`;\n          const newElement = createElementWithNewTagName(element, newTagName);\n          element.replaceWith(newElement);\n        }\n      });\n    }\n  });\n}\n\n// Helper function to create a new element with a new tag name and copy attributes and children\nfunction createElementWithNewTagName(element, newTagName) {\n  const newElement = document.createElement(newTagName);\n  // Copy attributes\n  for (const attr of element.attributes) {\n    newElement.setAttribute(attr.name, attr.value);\n  }\n  // Copy child nodes\n  while (element.firstChild) {\n    newElement.appendChild(element.firstChild);\n  }\n  return newElement;\n}\n\nexport function itemsFromTest(xmlFragment: DocumentFragment) {\n  const items: { identifier: string; href: string; category: string }[] = [];\n  xmlFragment.querySelectorAll('qti-assessment-item-ref').forEach(el => {\n    const identifier = el.getAttribute('identifier');\n    const href = el.getAttribute('href');\n    const category = el.getAttribute('category');\n    items.push({ identifier, href, category });\n  });\n  return items;\n}\n\nlet currentRequest: XMLHttpRequest | null = null;\n\nexport function loadXML(url, cancelPreviousRequest = false) {\n  if (cancelPreviousRequest && currentRequest !== null) {\n    currentRequest.abort(); // Abort the ongoing request if there is one\n  }\n\n  return new Promise<XMLDocument | null>((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    currentRequest = xhr; // Store the current request\n\n    xhr.open('GET', url, true);\n    xhr.responseType = 'document';\n\n    xhr.onload = () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        resolve(xhr.responseXML);\n      } else {\n        reject(xhr.statusText);\n      }\n    };\n\n    xhr.onerror = () => {\n      reject(xhr.statusText);\n    };\n\n    xhr.send();\n  });\n}\n\nexport function parseXML(xmlDocument: string) {\n  const parser = new DOMParser();\n  const xmlFragment = parser.parseFromString(xmlDocument, 'text/xml');\n  return xmlFragment;\n}\n\nexport function toHTML(xmlFragment: Document): DocumentFragment {\n  const processor = new XSLTProcessor();\n  const xsltDocument = new DOMParser().parseFromString(xmlToHTML, 'text/xml');\n  processor.importStylesheet(xsltDocument);\n  const itemHTMLFragment = processor.transformToFragment(xmlFragment, document);\n  return itemHTMLFragment;\n}\n\nexport function setLocation(xmlFragment: DocumentFragment, location: string) {\n  if (!location.endsWith('/')) {\n    location += '/';\n  }\n\n  xmlFragment.querySelectorAll('[src],[href],[primary-path]').forEach(elWithSrc => {\n    let attr: 'src' | 'href' | 'primary-path' | '' = '';\n\n    if (elWithSrc.getAttribute('src')) {\n      attr = 'src';\n    }\n    if (elWithSrc.getAttribute('href')) {\n      attr = 'href';\n    }\n    if (elWithSrc.getAttribute('primary-path')) {\n      attr = 'primary-path';\n    }\n    const attrValue = elWithSrc.getAttribute(attr)?.trim();\n\n    if (!attrValue.startsWith('data:') && !attrValue.startsWith('http')) {\n      const newSrcValue = location + encodeURI(attrValue);\n      elWithSrc.setAttribute(attr, newSrcValue);\n    }\n  });\n}\n\nexport function convertCDATAtoComment(xmlFragment: DocumentFragment) {\n  const cdataElements = xmlFragment.querySelectorAll('qti-custom-operator[class=\"js.org\"] > qti-base-value');\n  cdataElements.forEach(element => {\n    const commentText = document.createComment(element.textContent);\n    element.replaceChild(commentText, element.firstChild);\n  });\n}\n\nexport function stripStyleSheets(xmlFragment: DocumentFragment) {\n  // remove qti-stylesheet tag\n  xmlFragment.querySelectorAll('qti-stylesheet').forEach(stylesheet => stylesheet.remove());\n}\n","/**\n * Browser based QTI-XML to HTML transformer.\n * Returns an object with methods to load, parse, transform and serialize QTI XML items.\n * @returns An object with methods to load, parse, transform and serialize QTI XML items.\n * @example\n * const qtiTransformer = qtiTransformItem();\n * await qtiTransformer.load('path/to/xml/file.xml');\n * qtiTransformer.path('/assessmentItem/itemBody');\n * const html = qtiTransformer.html();\n * const xml = qtiTransformer.xml();\n * const htmldoc = qtiTransformer.htmldoc();\n * const xmldoc = qtiTransformer.xmldoc();\n *\n * qtiTransformItem().parse(storyXML).html()\n */\n\nimport {\n  convertCDATAtoComment,\n  extendElementName,\n  extendElementsWithClass,\n  loadXML,\n  parseXML,\n  setLocation,\n  stripStyleSheets,\n  toHTML\n} from './qti-transformers';\n\nexport type transformItemApi = {\n  load: (uri: string, cancelPreviousRequest?: boolean) => Promise<transformItemApi>;\n  parse: (xmlString: string) => transformItemApi;\n  path: (location: string) => transformItemApi;\n  fn: (fn: (xmlFragment: XMLDocument) => void) => transformItemApi;\n  pciHooks: (uri: string) => transformItemApi;\n  extendElementName: (elementName: string, extend: string) => transformItemApi;\n  extendElementsWithClass: (param?: string) => transformItemApi;\n  customInteraction: (baseRef: string, baseItem: string) => transformItemApi;\n  convertCDATAtoComment: () => transformItemApi;\n  stripStyleSheets: () => transformItemApi;\n  html: () => string;\n  xml: () => string;\n  htmlDoc: () => DocumentFragment;\n  xmlDoc: () => XMLDocument;\n};\n\nexport const qtiTransformItem = () => {\n  let xmlFragment: XMLDocument;\n\n  const api: transformItemApi = {\n    async load(uri: string, cancelPreviousRequest = false): Promise<typeof api> {\n      return new Promise<typeof api>(resolve => {\n        loadXML(uri, cancelPreviousRequest).then(xml => {\n          xmlFragment = xml;\n          // set the base path for images and other resources,\n          // you probably want to set the base path to the document root else you can use the path method to set it\n          api.path(uri.substring(0, uri.lastIndexOf('/')));\n          return resolve(api);\n        });\n      });\n    },\n    parse(xmlString: string): typeof api {\n      xmlFragment = parseXML(xmlString);\n      return api;\n    },\n    path: (location: string): typeof api => {\n      setLocation(xmlFragment, location);\n      return api;\n    },\n    fn(fn: (xmlFragment: XMLDocument) => void): typeof api {\n      fn(xmlFragment);\n      return api;\n    },\n    pciHooks(uri: string): typeof api {\n      const attributes = ['hook', 'module'];\n      const documentPath = uri.substring(0, uri.lastIndexOf('/'));\n      for (const attribute of attributes) {\n        const srcAttributes = xmlFragment.querySelectorAll('[' + attribute + ']');\n        srcAttributes.forEach(node => {\n          const srcValue = node.getAttribute(attribute)!;\n          if (!srcValue.startsWith('data:') && !srcValue.startsWith('http')) {\n            // Just paste the relative path of the src location after the documentrootPath\n            // old pcis can have a .js, new pci's don't\n            node.setAttribute('base-url', uri);\n            node.setAttribute(\n              'module',\n              documentPath + '/' + encodeURI(srcValue + (srcValue.endsWith('.js') ? '' : '.js'))\n            );\n          }\n        });\n      }\n      return api;\n    },\n    extendElementName: (tagName: string, extension: string): typeof api => {\n      extendElementName(xmlFragment, tagName, extension);\n      return api;\n    },\n    extendElementsWithClass: (param: string = 'extend'): typeof api => {\n      extendElementsWithClass(xmlFragment, param);\n      return api;\n    },\n    customInteraction(baseRef: string, baseItem: string): typeof api {\n      const qtiCustomInteraction = xmlFragment.querySelector('qti-custom-interaction');\n      const qtiCustomInteractionObject = qtiCustomInteraction.querySelector('object');\n\n      qtiCustomInteraction.setAttribute('data-base-ref', baseRef);\n      qtiCustomInteraction.setAttribute('data-base-item', baseRef + baseItem);\n      qtiCustomInteraction.setAttribute('data', qtiCustomInteractionObject.getAttribute('data'));\n      qtiCustomInteraction.setAttribute('width', qtiCustomInteractionObject.getAttribute('width'));\n      qtiCustomInteraction.setAttribute('height', qtiCustomInteractionObject.getAttribute('height'));\n\n      qtiCustomInteraction.removeChild(qtiCustomInteractionObject);\n      return api;\n    },\n    convertCDATAtoComment(): typeof api {\n      convertCDATAtoComment(xmlFragment);\n      return api;\n    },\n    stripStyleSheets(): typeof api {\n      stripStyleSheets(xmlFragment);\n      return api;\n    },\n    html() {\n      return new XMLSerializer().serializeToString(toHTML(xmlFragment));\n    },\n    xml(): string {\n      return new XMLSerializer().serializeToString(xmlFragment);\n    },\n    htmlDoc() {\n      return toHTML(xmlFragment);\n    },\n    xmlDoc(): XMLDocument {\n      return xmlFragment; // new XMLSerializer().serializeToString(xmlFragment);\n    }\n  };\n  return api;\n};\n","import { loadXML, parseXML } from './qti-transformers';\n\nexport const qtiTransformManifest = (): {\n  load: (uri: string) => Promise<typeof api>;\n  assessmentTest: () => { href: string; identifier: string };\n} => {\n  let xmlFragment: XMLDocument;\n\n  const api = {\n    async load(uri) {\n      return new Promise<typeof api>(resolve => {\n        loadXML(uri).then(xml => {\n          xmlFragment = xml;\n          return resolve(api);\n        });\n      });\n    },\n    parse(xmlString: string) {\n      xmlFragment = parseXML(xmlString);\n    },\n    assessmentTest() {\n      const el = xmlFragment.querySelector('resource[type=\"imsqti_test_xmlv3p0\"]');\n      return { href: el.getAttribute('href'), identifier: el.getAttribute('identifier') };\n    }\n  };\n  return api;\n};\n","/**\n * Returns an object with methods to load, parse and transform QTI tests.\n * @returns An object with methods to load, parse and transform QTI tests.\n * @example\n * const qtiTransformer = qtiTransformTest();\n * await qtiTransformer.load('https://example.com/test.xml');\n * const items = qtiTransformer.items();\n * const html = qtiTransformer.html();\n * const xml = qtiTransformer.xml();\n */\n\nimport { itemsFromTest, loadXML, parseXML, toHTML } from './qti-transformers';\n\nexport type transformTestApi = {\n  load: (uri: string) => Promise<transformTestApi>;\n  parse: (xmlString: string) => transformTestApi;\n  fn: (fn: (xmlFragment: XMLDocument) => void) => transformTestApi;\n  items: () => { identifier: string; href: string; category: string }[];\n  html: () => string;\n  xml: () => string;\n  htmlDoc: () => DocumentFragment;\n  xmlDoc: () => XMLDocument;\n};\n\nexport const qtiTransformTest = (): transformTestApi => {\n  let xmlFragment: XMLDocument;\n\n  const api: transformTestApi = {\n    async load(uri) {\n      return new Promise<transformTestApi>((resolve, _) => {\n        loadXML(uri).then(xml => {\n          xmlFragment = xml;\n          return resolve(api);\n        });\n      });\n    },\n    parse(xmlString: string) {\n      xmlFragment = parseXML(xmlString);\n      return api;\n    },\n    fn(fn: (xmlFragment: XMLDocument) => void) {\n      fn(xmlFragment);\n      return api;\n    },\n    items() {\n      return itemsFromTest(xmlFragment);\n    },\n    html() {\n      return new XMLSerializer().serializeToString(toHTML(xmlFragment));\n    },\n    xml(): string {\n      return new XMLSerializer().serializeToString(xmlFragment);\n    },\n    htmlDoc() {\n      return toHTML(xmlFragment);\n    },\n    xmlDoc(): XMLDocument {\n      return xmlFragment;\n    }\n  };\n  return api;\n};\n"],"mappings":"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","names":["xml","xml","xml"]}
+{"version":3,"sources":["../../src/lib/qti-transformers/qti-transformers.ts","../../src/lib/qti-transformers/qti-transform-item.ts","../../src/lib/qti-transformers/qti-transform-manifest.ts","../../src/lib/qti-transformers/qti-transform-test.ts"],"sourcesContent":["const xml = String.raw;\n\n/*   <!-- convert CDATA to comments -->\n  <xsl:template match=\"text()[contains(., 'CDATA')]\">\n  <xsl:comment>\n    <xsl:value-of select=\".\"/>\n  </xsl:comment>\n</xsl:template>\n*/\n\n/*\n  <!-- remove xml comments -->\n  <xsl:template match=\"comment()\" />\n  */\n\nconst xmlToHTML = xml`<xsl:stylesheet version=\"1.0\" xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\">\n<xsl:output method=\"html\" version=\"5.0\" encoding=\"UTF-8\" indent=\"yes\" />\n  <xsl:template match=\"@*|node()\">\n    <xsl:copy>\n      <xsl:apply-templates select=\"@*|node()\"/>\n    </xsl:copy>\n  </xsl:template>\n\n  <!-- remove existing namespaces -->\n  <xsl:template match=\"*\">\n    <!-- remove element prefix -->\n    <xsl:element name=\"{local-name()}\">\n      <!-- process attributes -->\n      <xsl:for-each select=\"@*\">\n        <!-- remove attribute prefix -->\n        <xsl:attribute name=\"{local-name()}\">\n          <xsl:value-of select=\".\"/>\n        </xsl:attribute>\n      </xsl:for-each>\n    <xsl:apply-templates/>\n  </xsl:element>\n</xsl:template>\n</xsl:stylesheet>`;\n\n// Function to extend elements with a specific tag name by adding an extension suffix\nexport function extendElementName(xmlFragment: XMLDocument, tagName: string, extension: string) {\n  xmlFragment.querySelectorAll(tagName).forEach(element => {\n    const newTagName = `${tagName}-${extension}`;\n    const newElement = createElementWithNewTagName(element, newTagName);\n    element.replaceWith(newElement);\n  });\n}\n\n// Function to extend any element with a specific class pattern (e.g., \"extend:suffix\")\nexport function extendElementsWithClass(xmlFragment: XMLDocument, classNamePattern: string) {\n  xmlFragment.querySelectorAll('*').forEach(element => {\n    const classList = element.classList;\n    if (classList) {\n      classList.forEach(className => {\n        if (className.startsWith(`${classNamePattern}:`)) {\n          const suffix = className.slice(`${classNamePattern}:`.length);\n          const newTagName = `${element.nodeName}-${suffix}`;\n          const newElement = createElementWithNewTagName(element, newTagName);\n          element.replaceWith(newElement);\n        }\n      });\n    }\n  });\n}\n\n// Helper function to create a new element with a new tag name and copy attributes and children\nfunction createElementWithNewTagName(element, newTagName) {\n  const newElement = document.createElement(newTagName);\n  // Copy attributes\n  for (const attr of element.attributes) {\n    newElement.setAttribute(attr.name, attr.value);\n  }\n  // Copy child nodes\n  while (element.firstChild) {\n    newElement.appendChild(element.firstChild);\n  }\n  return newElement;\n}\n\nexport function itemsFromTest(xmlFragment: DocumentFragment) {\n  const items: { identifier: string; href: string; category: string }[] = [];\n  xmlFragment.querySelectorAll('qti-assessment-item-ref').forEach(el => {\n    const identifier = el.getAttribute('identifier');\n    const href = el.getAttribute('href');\n    const category = el.getAttribute('category');\n    items.push({ identifier, href, category });\n  });\n  return items;\n}\n\nlet currentRequest: XMLHttpRequest | null = null;\n\nexport function loadXML(url, cancelPreviousRequest = false) {\n  if (cancelPreviousRequest && currentRequest !== null) {\n    currentRequest.abort(); // Abort the ongoing request if there is one\n  }\n\n  return new Promise<XMLDocument | null>((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    currentRequest = xhr; // Store the current request\n\n    xhr.open('GET', url, true);\n    xhr.responseType = 'document';\n\n    xhr.onload = () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        resolve(xhr.responseXML);\n      } else {\n        reject(xhr.statusText);\n      }\n    };\n\n    xhr.onerror = () => {\n      reject(xhr.statusText);\n    };\n\n    xhr.send();\n  });\n}\n\nexport function parseXML(xmlDocument: string) {\n  const parser = new DOMParser();\n  const xmlFragment = parser.parseFromString(xmlDocument, 'text/xml');\n  return xmlFragment;\n}\n\nexport function toHTML(xmlFragment: Document): DocumentFragment {\n  const processor = new XSLTProcessor();\n  const xsltDocument = new DOMParser().parseFromString(xmlToHTML, 'text/xml');\n  processor.importStylesheet(xsltDocument);\n  const itemHTMLFragment = processor.transformToFragment(xmlFragment, document);\n  return itemHTMLFragment;\n}\n\nexport function setLocation(xmlFragment: DocumentFragment, location: string) {\n  if (!location.endsWith('/')) {\n    location += '/';\n  }\n\n  xmlFragment.querySelectorAll('[src],[href],[primary-path]').forEach(elWithSrc => {\n    let attr: 'src' | 'href' | 'primary-path' | '' = '';\n\n    if (elWithSrc.getAttribute('src')) {\n      attr = 'src';\n    }\n    if (elWithSrc.getAttribute('href')) {\n      attr = 'href';\n    }\n    if (elWithSrc.getAttribute('primary-path')) {\n      attr = 'primary-path';\n    }\n    const attrValue = elWithSrc.getAttribute(attr)?.trim();\n\n    if (!attrValue.startsWith('data:') && !attrValue.startsWith('http')) {\n      const newSrcValue = location + encodeURI(attrValue);\n      elWithSrc.setAttribute(attr, newSrcValue);\n    }\n  });\n}\n\nexport function convertCDATAtoComment(xmlFragment: DocumentFragment) {\n  const cdataElements = xmlFragment.querySelectorAll('qti-custom-operator[class=\"js.org\"] > qti-base-value');\n  cdataElements.forEach(element => {\n    const commentText = document.createComment(element.textContent);\n    element.replaceChild(commentText, element.firstChild);\n  });\n}\n\nexport function stripStyleSheets(xmlFragment: DocumentFragment) {\n  // remove qti-stylesheet tag\n  xmlFragment.querySelectorAll('qti-stylesheet').forEach(stylesheet => stylesheet.remove());\n}\n","/**\n * Browser based QTI-XML to HTML transformer.\n * Returns an object with methods to load, parse, transform and serialize QTI XML items.\n * @returns An object with methods to load, parse, transform and serialize QTI XML items.\n * @example\n * const qtiTransformer = qtiTransformItem();\n * await qtiTransformer.load('path/to/xml/file.xml');\n * qtiTransformer.path('/assessmentItem/itemBody');\n * const html = qtiTransformer.html();\n * const xml = qtiTransformer.xml();\n * const htmldoc = qtiTransformer.htmldoc();\n * const xmldoc = qtiTransformer.xmldoc();\n *\n * qtiTransformItem().parse(storyXML).html()\n */\n\nimport {\n  convertCDATAtoComment,\n  extendElementName,\n  extendElementsWithClass,\n  loadXML,\n  parseXML,\n  setLocation,\n  stripStyleSheets,\n  toHTML\n} from './qti-transformers';\n\nexport type transformItemApi = {\n  load: (uri: string, cancelPreviousRequest?: boolean) => Promise<transformItemApi>;\n  parse: (xmlString: string) => transformItemApi;\n  path: (location: string) => transformItemApi;\n  fn: (fn: (xmlFragment: XMLDocument) => void) => transformItemApi;\n  pciHooks: (uri: string) => transformItemApi;\n  extendElementName: (elementName: string, extend: string) => transformItemApi;\n  extendElementsWithClass: (param?: string) => transformItemApi;\n  customInteraction: (baseRef: string, baseItem: string) => transformItemApi;\n  convertCDATAtoComment: () => transformItemApi;\n  stripStyleSheets: () => transformItemApi;\n  html: () => string;\n  xml: () => string;\n  htmlDoc: () => DocumentFragment;\n  xmlDoc: () => XMLDocument;\n};\n\nexport const qtiTransformItem = () => {\n  let xmlFragment: XMLDocument;\n\n  const api: transformItemApi = {\n    async load(uri: string, cancelPreviousRequest = false): Promise<typeof api> {\n      return new Promise<typeof api>(resolve => {\n        loadXML(uri, cancelPreviousRequest).then(xml => {\n          xmlFragment = xml;\n          // set the base path for images and other resources,\n          // you probably want to set the base path to the document root else you can use the path method to set it\n          api.path(uri.substring(0, uri.lastIndexOf('/')));\n          return resolve(api);\n        });\n      });\n    },\n    parse(xmlString: string): typeof api {\n      xmlFragment = parseXML(xmlString);\n      return api;\n    },\n    path: (location: string): typeof api => {\n      setLocation(xmlFragment, location);\n      return api;\n    },\n    fn(fn: (xmlFragment: XMLDocument) => void): typeof api {\n      fn(xmlFragment);\n      return api;\n    },\n    pciHooks(uri: string): typeof api {\n      const attributes = ['hook', 'module'];\n      const documentPath = uri.substring(0, uri.lastIndexOf('/'));\n      for (const attribute of attributes) {\n        const srcAttributes = xmlFragment.querySelectorAll('[' + attribute + ']');\n        srcAttributes.forEach(node => {\n          const srcValue = node.getAttribute(attribute)!;\n          if (!srcValue.startsWith('data:') && !srcValue.startsWith('http')) {\n            // Just paste the relative path of the src location after the documentrootPath\n            // old pcis can have a .js, new pci's don't\n            node.setAttribute('base-url', uri);\n            node.setAttribute(\n              'module',\n              documentPath + '/' + encodeURI(srcValue + (srcValue.endsWith('.js') ? '' : '.js'))\n            );\n          }\n        });\n      }\n      return api;\n    },\n    extendElementName: (tagName: string, extension: string): typeof api => {\n      extendElementName(xmlFragment, tagName, extension);\n      return api;\n    },\n    extendElementsWithClass: (param: string = 'extend'): typeof api => {\n      extendElementsWithClass(xmlFragment, param);\n      return api;\n    },\n    customInteraction(baseRef: string, baseItem: string): typeof api {\n      const qtiCustomInteraction = xmlFragment.querySelector('qti-custom-interaction');\n      const qtiCustomInteractionObject = qtiCustomInteraction.querySelector('object');\n\n      qtiCustomInteraction.setAttribute('data-base-ref', baseRef);\n      qtiCustomInteraction.setAttribute('data-base-item', baseRef + baseItem);\n      qtiCustomInteraction.setAttribute('data', qtiCustomInteractionObject.getAttribute('data'));\n      qtiCustomInteraction.setAttribute('width', qtiCustomInteractionObject.getAttribute('width'));\n      qtiCustomInteraction.setAttribute('height', qtiCustomInteractionObject.getAttribute('height'));\n\n      qtiCustomInteraction.removeChild(qtiCustomInteractionObject);\n      return api;\n    },\n    convertCDATAtoComment(): typeof api {\n      convertCDATAtoComment(xmlFragment);\n      return api;\n    },\n    stripStyleSheets(): typeof api {\n      stripStyleSheets(xmlFragment);\n      return api;\n    },\n    html() {\n      return new XMLSerializer().serializeToString(toHTML(xmlFragment));\n    },\n    xml(): string {\n      return new XMLSerializer().serializeToString(xmlFragment);\n    },\n    htmlDoc() {\n      return toHTML(xmlFragment);\n    },\n    xmlDoc(): XMLDocument {\n      return xmlFragment; // new XMLSerializer().serializeToString(xmlFragment);\n    }\n  };\n  return api;\n};\n","import { loadXML, parseXML } from './qti-transformers';\n\nexport const qtiTransformManifest = (): {\n  load: (uri: string) => Promise<typeof api>;\n  assessmentTest: () => { href: string; identifier: string };\n} => {\n  let xmlFragment: XMLDocument;\n\n  const api = {\n    async load(uri) {\n      return new Promise<typeof api>(resolve => {\n        loadXML(uri).then(xml => {\n          xmlFragment = xml;\n          return resolve(api);\n        });\n      });\n    },\n    parse(xmlString: string) {\n      xmlFragment = parseXML(xmlString);\n    },\n    assessmentTest() {\n      const el = xmlFragment.querySelector('resource[type=\"imsqti_test_xmlv3p0\"]');\n      return { href: el.getAttribute('href'), identifier: el.getAttribute('identifier') };\n    }\n  };\n  return api;\n};\n","/**\n * Returns an object with methods to load, parse and transform QTI tests.\n * @returns An object with methods to load, parse and transform QTI tests.\n * @example\n * const qtiTransformer = qtiTransformTest();\n * await qtiTransformer.load('https://example.com/test.xml');\n * const items = qtiTransformer.items();\n * const html = qtiTransformer.html();\n * const xml = qtiTransformer.xml();\n */\n\nimport { itemsFromTest, loadXML, parseXML, setLocation, toHTML } from './qti-transformers';\n\nexport type transformTestApi = {\n  load: (uri: string) => Promise<transformTestApi>;\n  parse: (xmlString: string) => transformTestApi;\n  path: (location: string) => transformTestApi;\n  fn: (fn: (xmlFragment: XMLDocument) => void) => transformTestApi;\n  items: () => { identifier: string; href: string; category: string }[];\n  html: () => string;\n  xml: () => string;\n  htmlDoc: () => DocumentFragment;\n  xmlDoc: () => XMLDocument;\n};\n\nexport const qtiTransformTest = (): transformTestApi => {\n  let xmlFragment: XMLDocument;\n\n  const api: transformTestApi = {\n    async load(uri) {\n      return new Promise<transformTestApi>((resolve, _) => {\n        loadXML(uri).then(xml => {\n          xmlFragment = xml;\n\n          api.path(uri.substring(0, uri.lastIndexOf('/')));\n          return resolve(api);\n        });\n      });\n    },\n    parse(xmlString: string) {\n      xmlFragment = parseXML(xmlString);\n      return api;\n    },\n    path: (location: string): typeof api => {\n      setLocation(xmlFragment, location);\n      return api;\n    },\n    fn(fn: (xmlFragment: XMLDocument) => void) {\n      fn(xmlFragment);\n      return api;\n    },\n    items() {\n      return itemsFromTest(xmlFragment);\n    },\n    html() {\n      return new XMLSerializer().serializeToString(toHTML(xmlFragment));\n    },\n    xml(): string {\n      return new XMLSerializer().serializeToString(xmlFragment);\n    },\n    htmlDoc() {\n      return toHTML(xmlFragment);\n    },\n    xmlDoc(): XMLDocument {\n      return xmlFragment;\n    }\n  };\n  return api;\n};\n"],"mappings":"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","names":["xml","xml","xml"]}

package/dist/vscode.css-custom-data.json

@@ -26,47 +26,11 @@
       "name": "--qti-border-radius",
       "description": "The option border radius",
       "values": []
-    },
-    {
-      "name": "--show-value",
-      "description": "shows the current value while sliding",
-      "values": []
-    },
-    {
-      "name": "--show-ticks",
-      "description": "shows the ticks according to steps",
-      "values": []
-    },
-    {
-      "name": "--show-bounds",
-      "description": "shows value for lower and upper boundary",
-      "values": []
     }
   ],
   "pseudoElements": [
     { "name": "::part(slot)", "description": "The choice elements" },
     { "name": "::part(prompt)", "description": "The prompt" },
-    { "name": "::part(message)", "description": "The validation message" },
-    {
-      "name": "::part(slider)",
-      "description": "-- slider inluding, bounds and ticks and value, use it for paddings and margins"
-    },
-    {
-      "name": "::part(bounds)",
-      "description": "-- div for bounds, containing two divs for with min, and max bounds value"
-    },
-    {
-      "name": "::part(ticks)",
-      "description": "-- div for ticks, use lineair gradient and exposed css variables for styling"
-    },
-    {
-      "name": "::part(rail)",
-      "description": "-- div for rail, style according to needs"
-    },
-    {
-      "name": "::part(knob)",
-      "description": "-- div, should be relative or absolute"
-    },
-    { "name": "::part(value)", "description": "-- div, containing value" }
+    { "name": "::part(message)", "description": "The validation message" }
   ]
 }

package/dist/vscode.html-custom-data.json

@@ -467,6 +467,16 @@
       ],
       "references": []
     },
+    {
+      "name": "qti-upload-interaction",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-interaction-response**\n- **qti-register-interaction**",
+      "attributes": [
+        { "name": "response-identifier", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "readonly", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "qti-outcome-processing",
       "description": "\n---\n",
@@ -619,6 +629,7 @@
       "name": "qti-match-interaction",
       "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
       "attributes": [
+        { "name": "class", "values": [] },
         { "name": "response-identifier", "values": [] },
         { "name": "min-associations", "values": [] },
         { "name": "max-associations", "values": [] },
@@ -685,16 +696,11 @@
     },
     {
       "name": "qti-slider-interaction",
-      "description": "The SliderInteraction.Type (qti-slider-interaction) presents the candidate with a control for selecting a numerical value between a lower and upper bound.\n---\n\n\n### **Events:**\n - **qti-register-interaction** - emitted when the interaction wants to register itself\n- **qti-interaction-response** - emitted when the interaction changes\n\n### **Slots:**\n - _default_ - The default slot where <qti-simple-choice> must be placed.\n- **prompt** - slot where the prompt is placed.\n\n### **CSS Properties:**\n - **--show-value** - shows the current value while sliding _(default: undefined)_\n- **--show-ticks** - shows the ticks according to steps _(default: undefined)_\n- **--show-bounds** - shows value for lower and upper boundary _(default: undefined)_\n\n### **CSS Parts:**\n - **slider** - -- slider inluding, bounds and ticks and value, use it for paddings and margins\n- **bounds** - -- div for bounds, containing two divs for with min, and max bounds value\n- **ticks** - -- div for ticks, use lineair gradient and exposed css variables for styling\n- **rail** - -- div for rail, style according to needs\n- **knob** - -- div, should be relative or absolute\n- **value** - -- div, containing value",
+      "description": "\n---\n\n\n### **Events:**\n - **change**",
       "attributes": [
-        { "name": "step-label", "values": [] },
-        { "name": "reverse", "values": [] },
         { "name": "lower-bound", "values": [] },
         { "name": "upper-bound", "values": [] },
-        { "name": "step", "values": [] },
-        { "name": "response-identifier", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "readonly", "values": [] }
+        { "name": "step", "values": [] }
       ],
       "references": []
     },
@@ -851,15 +857,9 @@
       "references": []
     },
     {
-      "name": "qti-player",
-      "description": "`<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.\n\nThis component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.\n\n### Example Usage\n\nMinimal markup:\n```html\n<qti-test test=\"./path/to/assessment.xml\">\n  <test-container></test-container>\n</qti-test>\n```\n\nWith navigation buttons:\n```html\n<qti-test >\n  <test-container test-url=\"./path/to/assessment.xml\"></test-container>\n  <div class=\"flex\">\n     <test-prev></test-prev>\n     <test-next></test-next>\n  </div>\n</qti-test>\n```\n\nYou can use normal class names to style the elements.\nAnd you can use the `test-prev` and `test-next` elements to navigate through the test.\n---\n",
-      "attributes": [
-        {
-          "name": "testURL",
-          "description": "the relative location to the QTI assessment.xml file",
-          "values": []
-        }
-      ],
+      "name": "qti-test",
+      "description": "`<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.\n\nThis component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.\n\n### Example Usage\n\nMinimal example including navigation:\n\n```html\n<qti-test>\n  <test-container test-url=\"./path/to/assessment.xml\"></test-container>\n  <nav class=\"flex\">\n     <test-prev></test-prev>\n     <test-next></test-next>\n  </nav>\n</qti-test>\n```\n\nUse the following file structure\nA qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.\n\n```plaintext\nRoot/\n├── index.html\n└── /assets/api/examples/\n    ├── assessmenttest.xml\n    └── imsmanifest.xml\n\n```\n\n### Test components\n\nUse test components inside the qti-test component for added functionality.\n### Test next\n`<test-next> | TestNext`\n\n### Test prev\n\n`<test-prev> | TestPrev`\n### Test components\n\nYou can use normal class names to style the elements.\nAnd you can use the `test-prev` and `test-next` elements to navigate through the test.\n---\n",
+      "attributes": [],
       "references": []
     },
     {
@@ -891,8 +891,14 @@
     },
     {
       "name": "test-container",
-      "description": "`<test-container>` is a custom element designed for hosting the qti-assessment-test.\nThe `qti-assessment-test` will be placed inside the shadow DOM of this element.\n\n### Example Usage\nThe `test-container` element to hosts the visual representation of the items.\nYou can style the container by adding a class to the element.\n\n```html\n<qti-test testurl=\"./path/to/assessment.xml\">\n  <test-container class=\"container bg-white m-2\"></test-container>\n</qti-test>\n```\n---\n",
-      "attributes": [{ "name": "test-url", "values": [] }],
+      "description": "`<test-container>` is a custom element designed for hosting the qti-assessment-item.\nThe `qti-assessment-test` will be placed inside the shadow DOM of this element.\nThe element loads the item from the provided URL and renders it inside the shadow DOM.\n\n### Styling\nAdd a class to the element for styling.\n\n```html\n<qti-test>\n  <test-container class=\"m-4 bg-white\" test-url=\"./path/to/item.xml\"></test-container>\n</qti-test>\n```\n---\n",
+      "attributes": [
+        {
+          "name": "test-url",
+          "description": "URL of the item to load",
+          "values": []
+        }
+      ],
       "references": []
     },
     {
@@ -906,10 +912,19 @@
     },
     {
       "name": "qti-item",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-item-connected**",
+      "description": "`<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\nIt can also host some functionalities to interact with the item like scoring, showing feedback, etc.\nPlacing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\nSee `<item-container>` for more details.\n\n```html\n<qti-item>\n  <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n</qti-item>\n```\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "item-container",
+      "description": "`<item-container>` is a custom element designed for hosting the qti-assessment-item.\nThe `qti-assessment-item` will be placed inside the shadow DOM of this element.\nThe element loads the item from the provided URL and renders it inside the shadow DOM.\n\n### Styling\nAdd a class to the element for styling.\n\n```html\n<qti-item>\n  <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n</qti-item>\n```\n---\n",
       "attributes": [
-        { "name": "identifier", "values": [] },
-        { "name": "href", "values": [] }
+        {
+          "name": "item-url",
+          "description": "URL of the item to load",
+          "values": []
+        }
       ],
       "references": []
     }

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "version": "7.0.2",
+  "version": "7.0.4",
   "main": "dist/index.js",
   "type": "module",
   "exports": {
@@ -36,7 +36,8 @@
     },
     "./item.css": "./dist/item.css",
     "./cdn/index.js": "./cdn/index.js",
-    "./cdn/index.global.js": "./cdn/index.global.js"
+    "./cdn/index.global.js": "./cdn/index.global.js",
+    "./react": "./dist//qti-components-jsx.d.ts"
   },
   "types": "./dist/qti-components/index.d.ts",
   "typesVersions": {
@@ -98,7 +99,8 @@
       "files": [
         "src/**/*.{ts}",
         "tsconfig.json",
-        "!src/**/*.{test,spec,stories}.ts"
+        "!src/**/*.{test,spec,stories}.ts",
+        "package.json"
       ]
     },
     "cem": {
@@ -217,6 +219,7 @@
     "remark-gfm": "^4.0.0",
     "shadow-dom-testing-library": "^1.11.3",
     "storybook": "^8.4.7",
+    "storybook-addon-tag-badges": "^1.3.2",
     "stylelint": "^16.11.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-prettier": "^5.0.2",
@@ -232,7 +235,7 @@
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "^4.28.1"
   },
-  "customElements": "dist/custom-elements.json",
+  "customElements": "custom-elements.json",
   "bugs": {
     "url": "https://github.com/Citolab/qti-components/issues"
   },

package/readme.md

@@ -0,0 +1,55 @@
+# @citolab/qti-components
+
+<a href="https://www.repostatus.org/#wip"><img src="https://www.repostatus.org/badges/latest/wip.svg" alt="Project Status: WIP – Initial development is in progress, but there has not yet been a stable, usable release suitable for the public." /></a>
+
+[![npm version](https://badge.fury.io/js/%40citolab%2Fqti-components.svg)](https://badge.fury.io/js/%40citolab%2Fqti-components)
+[![License](https://img.shields.io/badge/license-GPL-blue.svg)](https://opensource.org/license/gpl-2-0/)
+
+@citolab/qti-components is a web component library that can be used to render 1EdTech QTI items.
+It's highly customizable and can be integrated in almost every web application.
+
+## Installation
+
+### CDN
+
+Import the components with the CDN version
+
+```html
+<script type="module">
+  import 'https://unpkg.com/@citolab/qti-components/cdn';
+</script>
+```
+
+### NPM
+
+Or use npm to install the package:
+
+```shell
+npm install @citolab/qti-components
+```
+
+To use @citolab/qti-components, you need to register the web components. By registering the web components, the browser knows how to display the item and create a fully functional test.
+
+```javascript
+import '@citolab/qti-components';
+```
+
+## Storybook
+
+Explore the complete description of supported QTI tags, examples, and the ability to interactively play with changing attributes of the QTI items in our [Storybook](https://qti-components.citolab.nl/).
+
+## Contributing
+
+Contributions are welcome! Please follow these guidelines when contributing:
+
+- Fork the repository and clone it to your local machine
+- Create a new branch for your feature or bug fix
+- Commit your changes with clear and concise messages
+- Push your changes to your forked repository
+- Open a pull request to the original repository
+
+## License
+
+This project is licensed under the [GPLv3 License](LICENSE).
+
+Please note that the licensing is GPLv3 if you want to use it in another way, feel free to ask!

package/README.md

@@ -1,85 +0,0 @@
-# @citolab/qti-components
-
-<a href="https://www.repostatus.org/#wip"><img src="https://www.repostatus.org/badges/latest/wip.svg" alt="Project Status: WIP – Initial development is in progress, but there has not yet been a stable, usable release suitable for the public." /></a>
-
-[![npm version](https://badge.fury.io/js/%40citolab%2Fqti-components.svg)](https://badge.fury.io/js/%40citolab%2Fqti-components)
-[![License](https://img.shields.io/badge/license-GPL-blue.svg)](https://opensource.org/license/gpl-2-0/)
-
-@citolab/qti-components is a web component library that can be used to render 1EdTech QTI items.
-It's highly customizable and can be integrated in almost every web application.
-
-## Installation
-
-Use npm to install the package:
-
-```shell
-npm install @citolab/qti-components
-```
-
-## Usage
-
-To use @citolab/qti-components, you need to register the web components and import the required CSS file. By registering the web components, the browser knows how to display the item and create a fully functional item.
-
-Here's a basic example:
-
-```javascript
-import * as QTI from 'https://unpkg.com/@citolab/qti-components@latest/dist/index.js';
-```
-
-```css
-@import 'https://unpkg.com/@citolab/qti-components@latest/dist/index.css';'
-```
-
-```html
-<qti-assessment-item identifier="choice" title="Unattended Luggage" adaptive="false" time-dependent="false">
-  <qti-response-declaration identifier="RESPONSE" cardinality="single" base-type="identifier">
-    <qti-correct-response>
-      <qti-value>ChoiceA</qti-value>
-    </qti-correct-response>
-  </qti-response-declaration>
-  <qti-outcome-declaration identifier="SCORE" cardinality="single" base-type="float">
-    <qti-default-value>
-      <qti-value>0</qti-value>
-    </qti-default-value>
-  </qti-outcome-declaration>
-  <qti-item-body>
-    <p>Look at the text in the picture.</p>
-    <p>
-      <img src="images/sign.png" alt="NEVER LEAVE LUGGAGE UNATTENDED" />
-    </p>
-    <qti-choice-interaction response-identifier="RESPONSE" shuffle="false" max-choices="1">
-      <qti-prompt>What does it say?</qti-prompt>
-      <qti-simple-choice identifier="ChoiceA">You must stay with your luggage at all times.</qti-simple-choice>
-      <qti-simple-choice identifier="ChoiceB">Do not let someone else look after your luggage.</qti-simple-choice>
-      <qti-simple-choice identifier="ChoiceC">Remember your luggage when you leave.</qti-simple-choice>
-    </qti-choice-interaction>
-  </qti-item-body>
-  <qti-response-processing template="https://purl.imsglobal.org/spec/qti/v3p0/rptemplates/match_correct.xml" />
-</qti-assessment-item>
-```
-
-You can see a working example here [JSFiddle](https://jsfiddle.net/mrklein/s97Ld0gn).
-
-## Storybook
-
-Explore the complete description of supported QTI tags, examples, and the ability to interactively play with changing attributes of the QTI items in our [Storybook](https://qti-components.citolab.nl/).
-
-## Contributing
-
-Contributions are welcome! Please follow these guidelines when contributing:
-
-- Fork the repository and clone it to your local machine
-- Create a new branch for your feature or bug fix
-- Commit your changes with clear and concise messages
-- Push your changes to your forked repository
-- Open a pull request to the original repository
-
-## License
-
-This project is licensed under the [GPLv3 License](LICENSE).
-
-Please note that the licensing is GPLv3 if you want to use it in another way, feel free to ask!
-
-```
-
-```