@citolab/tspci 2.5.30-beta.8 → 2.6.2

package/CHANGELOG.md

@@ -3,6 +3,65 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.6.2](/compare/v2.6.1...v2.6.2) (2025-02-04)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+## [2.6.1](/compare/v2.6.0...v2.6.1) (2025-02-04)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+# [2.6.0](/compare/v2.5.30-beta.11...v2.6.0) (2025-02-04)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+# [2.6.0](/compare/v2.5.30-beta.11...v2.6.0) (2025-02-04)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+## [2.5.30-beta.11](/compare/v2.5.30-beta.10...v2.5.30-beta.11) (2025-02-04)
+
+
+### Features
+
+* add tailwindcss to devDependencies and set version based on @tailwindcss/postcss 907b541
+
+
+
+
+
+## [2.5.30-beta.10](/compare/v2.5.30-beta.9...v2.5.30-beta.10) (2025-02-04)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+## [2.5.30-beta.9](/compare/v2.5.30-beta.8...v2.5.30-beta.9) (2025-02-04)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
 ## [2.5.30-beta.8](/compare/v2.5.30-beta.7...v2.5.30-beta.8) (2025-02-04)
 
 **Note:** Version bump only for package @citolab/tspci

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citolab/tspci",
-  "version": "2.5.30-beta.8",
+  "version": "2.6.2",
   "description": "an opiniated typescript ims-pci builder with tao integration",
   "author": "patrick <patrick.deklein@cito.nl>",
   "repository": "@citolab/tspci",
@@ -51,5 +51,5 @@
   "resolutions": {
     "chokidar": "^4.0.0"
   },
-  "gitHead": "26a9950585cd816d7a7027cf4f0f8efb5cdedb1a"
+  "gitHead": "750b04d92da7e806cbfafeb84dcb5bedb719536d"
 }

package/preset/tailwind/src/styles.css

@@ -1,7 +1,10 @@
-@tailwind components;
-@tailwind utilities;
-@tailwind base;
-
-.pci-container  { @apply container flex flex-col justify-center items-center;  }
-h1 { @apply text-2xl text-red-500 m-4; }
-input { @apply border border-gray-400 rounded p-2 m-1;  }
+@import "tailwindcss";
+.pci-container {
+  @apply container flex flex-col justify-center items-center;
+}
+h1 {
+  @apply text-2xl text-red-500 m-4;
+}
+input {
+  @apply border border-gray-400 rounded p-2 m-1;
+}

package/readme.md

@@ -97,7 +97,7 @@ Add the following PCI in the src folder `index.ts`
 
 ```ts
 // src/index.ts
-import { Configuration, IMSpci } from "@citolab/tspci";
+import { ConfigProperties, IMSpci } from "@citolab/tspci";
 import * as ctx from "qtiCustomInteractionContext";
 
 class Pci implements IMSpci<{}> {
@@ -108,7 +108,7 @@ class Pci implements IMSpci<{}> {
     ctx && ctx.register(this);
   }
 
-  getInstance = (dom: HTMLElement, config: Configuration<any>, state: string) => {
+  getInstance = (dom: HTMLElement, config: ConfigProperties<any>, state: string) => {
     this.shadowdom = dom.attachShadow({ mode: "closed" });
     this.render();
     config.onready(this);
@@ -337,9 +337,9 @@ Also used in the TAO export for configuring PCIs in TAO
   + type PropTypes = typeof configProps;
 
   // add to types
-  + private config: Configuration<PropTypes>;
+  + private config: ConfigProperties<PropTypes>;
 
-  getInstance = (dom: HTMLElement, config: Configuration<PropTypes>, stateString: string) => {
+  getInstance = (dom: HTMLElement, config: ConfigProperties<PropTypes>, stateString: string) => {
   + config.properties = { ...configProps, ...config.properties }; // merge our props with players
   + this.config = config;
 

package/src/cli.js

@@ -289,22 +289,38 @@ const run = async () => {
 
       // read postcss.config.js
       const postcssConfig = path.resolve(cliPath, "./../preset/tailwind/postcss.config.js");
+      // get all plugin names
       const postcssConfigContent = fs.readFileSync(postcssConfig, "utf8");
       // get all plugin names
-      const pluginNames = postcssConfigContent
-        .match(/require\('(.*)'\)/g)
-        .map((plugin) => plugin.replace(/require\('(.*)'\)/, "$1"));
+      // Match require statements that use either single or double quotes
+      const pluginMatches = postcssConfigContent.match(/require\(["']([^"']+)["']\)/g);
+      let pluginNames = [];
+      if (pluginMatches) {
+        pluginNames = pluginMatches.map((plugin) => plugin.replace(/require\(["']([^"']+)["']\)/, "$1"));
+      } else {
+        console.log("No PostCSS plugins found.");
+      }
       const packageJsonCli = path.resolve(cliPath, "./../package.json");
       const packageJsonCliContent = fs.readFileSync(packageJsonCli, "utf8");
       const packageJsonCliContentJson = JSON.parse(packageJsonCliContent);
       // add all plugins to package.json and map the version to the version in tspci package.json
+      let version = "latest";
       for (const pluginName of pluginNames) {
         const pluginVersion = packageJsonCliContentJson.dependencies[pluginName];
+        if (pluginName === "@tailwindcss/postcss") {
+          version = pluginVersion.toString();
+        }
         packageJsonContentJson.devDependencies = {
           ...packageJsonContentJson.devDependencies,
           [pluginName]: pluginVersion,
         };
       }
+
+      // add tailwindcss itself to the devDependencies
+      packageJsonContentJson.devDependencies = {
+        ...packageJsonContentJson.devDependencies,
+        tailwindcss: version,
+      };
       const newPackageJsonContent = JSON.stringify(packageJsonContentJson, null, 2);
       fs.writeFileSync(packageJson, newPackageJsonContent);
       // copy tailwind config file