@citolab/tspci 2.5.1-alpha.0 → 2.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citolab/tspci",
-  "version": "2.5.1-alpha.0",
+  "version": "2.5.2",
   "description": "an opiniated typescript ims-pci builder with tao integration",
   "author": "patrick <patrick.deklein@cito.nl>",
   "repository": "@citolab/tspci",
@@ -46,5 +46,5 @@
     "rollup-plugin-watch-assets": "^1.0.1",
     "tailwindcss": "^3.4.11"
   },
-  "gitHead": "ca12b53627968796843a752ab994b6b2e7a39cf8"
+  "gitHead": "675cb6d40b418bac93a3e970d4d6dc4dc7c17bb5"
 }

package/preset/javascript/src/index.js

@@ -45,7 +45,7 @@ class Pci {
 
   render = () => {
     this.shadowdom.addEventListener("change", (e) => {
-      const value = (e.target).value;
+      const value = e.target.value;
       this.state = value;
     });
     this.shadowdom.innerHTML = `<div class="pci-container">
@@ -81,6 +81,12 @@ class Pci {
    * @returns {string} - The current state of the PCI.
    */
   getState = () => this.state.toString();
+
+  /**
+   * @method oncompleted
+   * @description called when the PCI is completed.
+   */
+  oncompleted = () => {};
 }
 
 export default new Pci();

package/preset/preact/src/index.tsx

@@ -67,6 +67,7 @@ class App implements IMSpci<PropTypes> {
       },
     } as QtiVariableJSON;
   }
+  oncompleted = () => { };
 }
 
 export default new App();

package/preset/typescript/src/index.ts

@@ -32,8 +32,8 @@ class Pci implements IMSpci<PropTypes> {
   };
 
   private render = () => {
-    this.shadowdom.addEventListener("change", (e) => {
-      const value = (e.target).value;
+    this.shadowdom.addEventListener("change", (e: Event) => {
+      const value = (e.target as HTMLInputElement)?.value || "";
       this.state = value;
     });
     this.shadowdom.innerHTML = `<div class="pci-container">
@@ -52,11 +52,16 @@ class Pci implements IMSpci<PropTypes> {
   };
 
   getResponse = () => {
-    const response = (this.state === null || this.state === undefined) ? undefined : { base: { integer: this.state }} as QtiVariableJSON;
+    const response =
+      this.state === null || this.state === undefined
+        ? undefined
+        : ({ base: { integer: this.state } } as QtiVariableJSON);
     return response;
   };
 
   getState = () => this.state.toString();
+
+  oncompleted = () => {};
 }
 
 export default new Pci();

package/readme.md

@@ -38,7 +38,7 @@ Run:  ```npx @citolab/tspci@latest init```
 2. If agreed; tspci will be downloaded and started. 
 3. You should provide a name/identifier for your PCI.
 4. You should provide a description.
-5. Last option is to add options: tailwind and preact (both are selected by default, for more info; keep reading).
+5. Last option is to choose how you want to build your pci, using tailwind and preact, typescript or javascript
 
 #### Tailwind
 Tailwind is a popular css framework and can be used to give a nice look and feel of the PCI. The cli will make sure the css is added; and all build stuff that comes with tailwind is setup.

package/src/cli.js

@@ -349,7 +349,11 @@ const run = async () => {
     }
 
     if (options.values.includes("typescript")) {
-      copyDir(path.resolve(cliPath, "./../preset/typescript/src"), path.join(destinationFolder,'src'));
+      copyDirAndReplaceInFiles(
+        path.resolve(cliPath, "./../preset/typescript/src"),
+        path.join(destinationFolder, "src"),
+        pciName
+      );
       // point to the javascript file
       const packageJson = path.join(destinationFolder, "package.json");
       const packageJsonContent = fs.readFileSync(packageJson, "utf8");
@@ -360,7 +364,11 @@ const run = async () => {
     }
 
     if (options.values.includes("javascript")) {
-      copyDir(path.resolve(cliPath, "./../preset/javascript/src"), path.join(destinationFolder,'src'));
+      copyDirAndReplaceInFiles(
+        path.resolve(cliPath, "./../preset/javascript/src"),
+        path.join(destinationFolder, "src"),
+        pciName
+      );
       // point to the javascript file
       const packageJson = path.join(destinationFolder, "package.json");
       const packageJsonContent = fs.readFileSync(packageJson, "utf8");