@citolab/tspci 2.7.1 → 2.8.4

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.8.4](/compare/v2.8.3...v2.8.4) (2026-02-25)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+## [2.8.3](/compare/v2.8.2...v2.8.3) (2026-02-25)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+## [2.8.2](/compare/v2.8.1...v2.8.2) (2026-02-24)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+## [2.8.1](/compare/v2.8.0...v2.8.1) (2026-02-24)
+
+**Note:** Version bump only for package @citolab/tspci
+
+
+
+
+
+# [2.8.0](/compare/v2.7.1...v2.8.0) (2026-02-24)
+
+
+### Features
+
+* add local test initialization scripts and rollup plugins 582f4d8
+* enhance CLI options handling and project path resolution f9b51c6
+
+
+
+
+
 ## [2.7.1](/compare/v2.7.0...v2.7.1) (2026-02-09)
 
 **Note:** Version bump only for package @citolab/tspci

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citolab/tspci",
-  "version": "2.7.1",
+  "version": "2.8.4",
   "description": "an opiniated typescript ims-pci builder with tao integration",
   "author": "patrick <patrick.deklein@cito.nl>",
   "repository": "@citolab/tspci",
@@ -9,7 +9,10 @@
   },
   "scripts": {
     "help": "tspci --help",
-    "init": "tspci init --force --path=../../pcis"
+    "init": "tspci init --force --path=../../pcis",
+    "test:init:local": "bash ./scripts/test-init-local.sh",
+    "test:init:smoke": "bash ./scripts/test-init-local.sh",
+    "test:init:matrix": "bash ./scripts/test-init-matrix.sh"
   },
   "type": "module",
   "types": "types/index.d.ts",
@@ -25,22 +28,29 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
     "@tailwindcss/postcss": "^4.1.18",
-    "@types/node": "^25.1.0",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
-    "@typescript-eslint/parser": "^8.54.0",
     "autoprefixer": "10.4.23",
     "chalk": "5.6.2",
     "chokidar": "^5.0.0",
     "clear": "0.1.0",
+    "deepmerge": "^4.3.1",
+    "fast-glob": "^3.3.3",
     "figlet": "1.10.0",
     "inquirer": "13.2.2",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
+    "postcss-load-config": "^6.0.1",
     "rollup": "^4.57.1",
-    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-postcss": "^4.0.2",
     "tailwindcss": "^4.1.18"
   },
-  "gitHead": "1481d1ed65ab57b07bf6a12ae9f7e402105d2964"
+  "devDependencies": {
+    "@types/node": "^25.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "2ad2236ae56f3927ef2d836c987b86a94ba5c070"
 }

package/scripts/test-init-local.sh

@@ -0,0 +1,105 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+PKG_DIR="$(cd "${SCRIPT_DIR}/.." && pwd)"
+TEST_ROOT="${PKG_DIR}/tmp/init-local-test"
+NPM_CACHE_DIR="${PKG_DIR}/tmp/npm-cache"
+
+PCI_NAME="${1:-LocalTsPci}"
+PROJECT_TYPE="${2:-typescript}"
+DESCRIPTION="${3:-Local init test generated by script}"
+
+TARGET_DIR="${TEST_ROOT}/${PCI_NAME}"
+rm -rf "${TARGET_DIR}"
+mkdir -p "${NPM_CACHE_DIR}"
+rm -rf "${PKG_DIR}/tmp/init-local-test" "${PKG_DIR}/tmp/init-matrix-test"
+rm -f "${PKG_DIR}"/citolab-*.tgz
+
+echo "Packing local @citolab/tspci package..."
+PACK_TGZ="$(cd "${PKG_DIR}" && npm pack --silent --ignore-scripts --cache "${NPM_CACHE_DIR}" | tail -n 1)"
+PACK_PATH="${PKG_DIR}/${PACK_TGZ}"
+cleanup() {
+  rm -f "${PACK_PATH}" 2>/dev/null || true
+}
+trap cleanup EXIT
+
+echo "Generating project in: ${TARGET_DIR}"
+node "${PKG_DIR}/src/cli.js" init \
+  --no-install \
+  --force \
+  --path "${TEST_ROOT}" \
+  --name "${PCI_NAME}" \
+  --description "${DESCRIPTION}" \
+  --project-type "${PROJECT_TYPE}"
+
+echo ""
+echo "Pointing generated project to local @citolab/tspci package..."
+node -e "
+  const fs = require('fs');
+  const path = require('path');
+  const pkgPath = process.argv[1];
+  const localDep = process.argv[2];
+  const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+  pkg.devDependencies = pkg.devDependencies || {};
+  pkg.devDependencies['@citolab/tspci'] = localDep;
+  fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n', 'utf8');
+" "${TARGET_DIR}/package.json" "file:${PACK_PATH}"
+
+echo ""
+echo "Generated files:"
+find "${TARGET_DIR}" -maxdepth 3 -type f | sort
+
+EXPECTED_FILE="${TARGET_DIR}/src/index.ts"
+if [[ "${PROJECT_TYPE}" == "javascript" ]]; then
+  EXPECTED_FILE="${TARGET_DIR}/src/index.js"
+fi
+if [[ "${PROJECT_TYPE}" == "preact+tailwind" ]]; then
+  EXPECTED_FILE="${TARGET_DIR}/src/index.tsx"
+fi
+
+if [[ ! -f "${EXPECTED_FILE}" ]]; then
+  echo ""
+  echo "ERROR: expected entry file not found: ${EXPECTED_FILE}" >&2
+  exit 1
+fi
+
+echo ""
+echo "Installing dependencies in generated project..."
+(cd "${TARGET_DIR}" && npm install --cache "${NPM_CACHE_DIR}" --workspaces=false)
+
+echo ""
+echo "Running production build smoke test..."
+node -e "
+  const { spawnSync } = require('child_process');
+  const targetDir = process.argv[1];
+  const result = spawnSync('npm', ['run', 'prod'], {
+    cwd: targetDir,
+    stdio: 'inherit',
+    timeout: 180000
+  });
+  if (result.error) {
+    console.error(result.error.message);
+    process.exit(1);
+  }
+  process.exit(result.status ?? 1);
+" "${TARGET_DIR}"
+
+DIST_JS="${TARGET_DIR}/dist/index.js"
+if [[ ! -f "${DIST_JS}" ]]; then
+  echo ""
+  echo "ERROR: expected build output not found: ${DIST_JS}" >&2
+  exit 1
+fi
+
+DIST_TYPES="${TARGET_DIR}/dist/index.d.ts"
+if [[ ! -f "${DIST_TYPES}" ]]; then
+  echo ""
+  echo "ERROR: expected type output not found: ${DIST_TYPES}" >&2
+  exit 1
+fi
+
+echo ""
+echo "OK: found expected entry file: ${EXPECTED_FILE}"
+echo "OK: production build output exists: ${DIST_JS}"
+echo "OK: production type output exists: ${DIST_TYPES}"

package/scripts/test-init-matrix.sh

@@ -0,0 +1,163 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+TSPCI_DIR="$(cd "${SCRIPT_DIR}/.." && pwd)"
+REPO_ROOT="$(cd "${TSPCI_DIR}/../.." && pwd)"
+TEST_ROOT="${TSPCI_DIR}/tmp/init-matrix-test"
+NPM_CACHE_DIR="${TSPCI_DIR}/tmp/npm-cache"
+
+clean_dir_contents() {
+  local dir_path="$1"
+  mkdir -p "${dir_path}"
+  find "${dir_path}" -mindepth 1 -maxdepth 1 -exec rm -rf {} +
+}
+
+mkdir -p "${NPM_CACHE_DIR}"
+clean_dir_contents "${TEST_ROOT}"
+
+# On Windows (Git Bash), convert Unix-style paths to native Windows paths so
+# npm can resolve file: references correctly. No-op on Linux/macOS.
+npm_path() {
+  if command -v cygpath &>/dev/null; then
+    cygpath -m "$1"
+  else
+    echo "$1"
+  fi
+}
+
+TARBALLS=()
+cleanup() {
+  for file in "${TARBALLS[@]:-}"; do
+    rm -f "${file}" 2>/dev/null || true
+  done
+}
+trap cleanup EXIT
+
+prepare_pkg_for_pack() {
+  local pkg_dir="$1"
+  clean_dir_contents "${pkg_dir}/tmp/init-local-test"
+  clean_dir_contents "${pkg_dir}/tmp/init-matrix-test"
+  rm -f "${pkg_dir}"/citolab-*.tgz
+}
+
+pack_local_pkg() {
+  local pkg_dir="$1"
+  local pkg_name="$2"
+  local tgz
+  prepare_pkg_for_pack "${pkg_dir}"
+  echo "  - packing ${pkg_name}" >&2
+  tgz="$(cd "${pkg_dir}" && npm pack --silent --ignore-scripts --cache "${NPM_CACHE_DIR}" | tail -n 1 | tr -d '\r')"
+  local full_path="${pkg_dir}/${tgz}"
+  TARBALLS+=("${full_path}")
+  echo "${full_path}"
+}
+
+echo "Packing local packages..."
+TSPCI_TGZ="$(pack_local_pkg "${TSPCI_DIR}" "@citolab/tspci")"
+QBCI_TGZ="$(pack_local_pkg "${REPO_ROOT}/lib/tspci-qbci" "@citolab/tspci-qbci")"
+QTI3_TGZ="$(pack_local_pkg "${REPO_ROOT}/lib/tspci-qti3" "@citolab/tspci-qti3")"
+TAO_TGZ="$(pack_local_pkg "${REPO_ROOT}/lib/tspci-tao" "@citolab/tspci-tao")"
+PREACT_STORE_TGZ="$(pack_local_pkg "${REPO_ROOT}/lib/preact-store" "@citolab/preact-store")"
+
+create_project() {
+  local project_name="$1"
+  local project_type="$2"
+  local description="$3"
+  local project_dir="${TEST_ROOT}/${project_name}"
+
+  node "${TSPCI_DIR}/src/cli.js" init \
+    --no-install \
+    --force \
+    --path "${TEST_ROOT}" \
+    --name "${project_name}" \
+    --description "${description}" \
+    --project-type "${project_type}"
+
+  node -e '
+    const fs = require("fs");
+    const pkgPath = process.argv[1];
+    const tspciTar = process.argv[2];
+    const preactStoreTar = process.argv[3];
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
+    pkg.devDependencies = pkg.devDependencies || {};
+    pkg.devDependencies["@citolab/tspci"] = `file:${tspciTar}`;
+    if (pkg.dependencies && pkg.dependencies["@citolab/preact-store"]) {
+      pkg.dependencies["@citolab/preact-store"] = `file:${preactStoreTar}`;
+    }
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
+  ' "${project_dir}/package.json" "$(npm_path "${TSPCI_TGZ}")" "$(npm_path "${PREACT_STORE_TGZ}")"
+
+  (cd "${project_dir}" && npm install --cache "${NPM_CACHE_DIR}" --workspaces=false)
+}
+
+assert_file() {
+  local file_path="$1"
+  if [[ ! -f "${file_path}" ]]; then
+    echo "ERROR: expected file not found: ${file_path}" >&2
+    exit 1
+  fi
+}
+
+run_base_build() {
+  local project_dir="$1"
+  (cd "${project_dir}" && npm run prod)
+  assert_file "${project_dir}/dist/index.js"
+}
+
+echo "Scenario 1: vanilla PCI creates and builds"
+create_project "VanillaPci" "javascript" "Vanilla PCI matrix test"
+assert_file "${TEST_ROOT}/VanillaPci/src/index.js"
+run_base_build "${TEST_ROOT}/VanillaPci"
+
+echo "Scenario 2: TypeScript PCI (without tailwind/preact) creates and builds"
+create_project "TypeScriptPci" "typescript" "TypeScript PCI matrix test"
+assert_file "${TEST_ROOT}/TypeScriptPci/src/index.ts"
+run_base_build "${TEST_ROOT}/TypeScriptPci"
+
+echo "Scenario 3: TypeScript + tailwind PCI creates and builds"
+create_project "TypeScriptTailwindPci" "preact+tailwind" "TypeScript + tailwind PCI matrix test"
+assert_file "${TEST_ROOT}/TypeScriptTailwindPci/src/index.tsx"
+run_base_build "${TEST_ROOT}/TypeScriptTailwindPci"
+
+echo "Scenario 4: add tspci-qbci and export .ci package"
+create_project "QbciPci" "typescript" "QBCI export matrix test"
+(cd "${TEST_ROOT}/QbciPci" && npm install --save-dev "file:$(npm_path "${QBCI_TGZ}")" --cache "${NPM_CACHE_DIR}" --workspaces=false)
+(cd "${TEST_ROOT}/QbciPci" && npm run tspci -- add --target qbci)
+(cd "${TEST_ROOT}/QbciPci" && npm run prod -- --target qbci)
+ls "${TEST_ROOT}/QbciPci/ci-dist/"*.ci >/dev/null
+
+echo "Scenario 5: add tspci-qti3 and export qti3 zip"
+create_project "Qti3Pci" "typescript" "QTI3 export matrix test"
+(cd "${TEST_ROOT}/Qti3Pci" && npm install --save-dev "file:$(npm_path "${QTI3_TGZ}")" --cache "${NPM_CACHE_DIR}" --workspaces=false)
+(cd "${TEST_ROOT}/Qti3Pci" && npm run tspci -- add --target qti3)
+(cd "${TEST_ROOT}/Qti3Pci" && npm run prod -- --target qti3)
+ls "${TEST_ROOT}/Qti3Pci/qti3-dist/"*.zip >/dev/null
+
+echo "Scenario 6: add tspci-tao and export tao zip"
+create_project "TaoPci" "typescript" "TAO export matrix test"
+(cd "${TEST_ROOT}/TaoPci" && npm install --save-dev "file:$(npm_path "${TAO_TGZ}")" --cache "${NPM_CACHE_DIR}" --workspaces=false)
+(cd "${TEST_ROOT}/TaoPci" && npm run tspci -- add --target tao --ci)
+node -e '
+  const fs = require("fs");
+  const pkgPath = process.argv[1];
+  const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
+  pkg.config = pkg.config || {};
+  pkg.config.tspci = pkg.config.tspci || {};
+  if (!pkg.config.tspci.label) pkg.config.tspci.label = pkg.config.tspci.typeIdentifier || "tao";
+  if (!pkg.config.tspci.short) pkg.config.tspci.short = String(pkg.config.tspci.label).slice(0, 5);
+  if (!Array.isArray(pkg.config.tspci.score) || pkg.config.tspci.score.length === 0) {
+    pkg.config.tspci.score = ["MATCH_CORRECT", "NONE"];
+  }
+  fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
+' "${TEST_ROOT}/TaoPci/package.json"
+(cd "${TEST_ROOT}/TaoPci" && npm run prod -- --target tao)
+ls "${TEST_ROOT}/TaoPci/dist/tao-pci-"*.zip >/dev/null
+
+echo "Scenario 7: preact-store with TypeScript + tailwind builds"
+create_project "TailwindPreactStorePci" "preact+tailwind" "Tailwind + preact-store matrix test"
+(cd "${TEST_ROOT}/TailwindPreactStorePci" && npm install --save "file:$(npm_path "${PREACT_STORE_TGZ}")" --cache "${NPM_CACHE_DIR}" --workspaces=false)
+run_base_build "${TEST_ROOT}/TailwindPreactStorePci"
+
+echo ""
+echo "All matrix scenarios passed."

package/src/cli.js

@@ -14,7 +14,7 @@ import inquirer from "inquirer";
 const args = process.argv.slice(2);
 
 // PK: retreive dirname, most of the time automaticly inserted in es modules
-import { fileURLToPath } from "url";
+import { fileURLToPath, pathToFileURL } from "url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
@@ -115,8 +115,9 @@ function selectOptions(prompt, options) {
     {
       type: "list",
       message: prompt,
-      name: "values",
-      choices: options.map((o) => ({ name: o, checked: true })),
+      name: "value",
+      choices: options,
+      default: options[0],
     },
   ]);
 }
@@ -134,6 +135,32 @@ function askOption(prompt) {
   });
 }
 
+function getArgValue(longName, shortName = null) {
+  const longEq = args.find((arg) => arg.startsWith(`${longName}=`));
+  if (longEq) {
+    return longEq.slice(longName.length + 1);
+  }
+
+  const shortEq = shortName ? args.find((arg) => arg.startsWith(`${shortName}=`)) : null;
+  if (shortEq) {
+    return shortEq.slice(shortName.length + 1);
+  }
+
+  const longIndex = args.findIndex((arg) => arg === longName);
+  if (longIndex !== -1 && args[longIndex + 1]) {
+    return args[longIndex + 1];
+  }
+
+  if (shortName) {
+    const shortIndex = args.findIndex((arg) => arg === shortName);
+    if (shortIndex !== -1 && args[shortIndex + 1]) {
+      return args[shortIndex + 1];
+    }
+  }
+
+  return null;
+}
+
 function createDirectoryIfNotExists(file) {
   const dir = path.dirname(file);
   if (!fs.existsSync(dir)) {
@@ -216,14 +243,17 @@ const run = async () => {
 
     // prompt for name
     let pciName =
+      getArgValue("--name", "-n") ||
       (await askOption(
         "What your pci identifier (typeIdentifier). this can only contain alphanumeric characters (default: myPci)  "
-      )) || "myPci";
-    let destinationFolder = path.join(process.cwd(), pciName);
-    if (args.find((arg) => arg.startsWith("--path"))) {
-      const pathIndex = args.findIndex((arg) => arg.startsWith("--path"));
-      destinationFolder = path.join(process.cwd(), path.join(args[pathIndex].split("=")[1], pciName));
+      )) ||
+      "myPci";
+    let basePath = process.cwd();
+    const pathArg = getArgValue("--path", "-p");
+    if (pathArg) {
+      basePath = pathArg;
     }
+    let destinationFolder = path.resolve(process.cwd(), basePath, pciName);
     // if args contains --force then delete the directory if already exists
     if (args.indexOf("--force") >= 0 || args.indexOf("-f") >= 0) {
       if (fs.existsSync(destinationFolder)) {
@@ -249,16 +279,27 @@ const run = async () => {
     }
     console.log(chalk.green(`pci: ${pciName}`));
     const description =
+      getArgValue("--description", "-dsc") ||
       (await askOption("What is the description of your pci? (default: pci created with tspci)")) ||
       "pci created with tspci";
 
-    const options = await selectOptions("Type of project?", ["preact+tailwind", "typescript", "javascript"]);
-    console.log(chalk.green(`Options: ${options.values.length === 0 ? "none" : options.values}`));
+    const projectTypes = ["preact+tailwind", "typescript", "javascript"];
+    const projectTypeArg = getArgValue("--project-type", "-pt");
+    const selectedProjectType = projectTypeArg
+      ? projectTypes.find((projectType) => projectType === projectTypeArg)
+      : null;
+    if (projectTypeArg && !selectedProjectType) {
+      console.log(chalk.red(`Unknown project type "${projectTypeArg}". Use one of: ${projectTypes.join(", ")}`));
+      return;
+    }
+    const options = selectedProjectType ? { value: selectedProjectType } : await selectOptions("Type of project?", projectTypes);
+    const projectType = options?.value || "typescript";
+    console.log(chalk.green(`Option: ${projectType}`));
     // get relative path to executable
     const cliPath = __dirname;
 
     // create the project folder
-    fs.mkdirSync(destinationFolder);
+    fs.mkdirSync(destinationFolder, { recursive: true });
 
     // copy the content of preset folder to the current folder
     const presetFolder = path.resolve(cliPath, "./../preset/base");
@@ -284,7 +325,7 @@ const run = async () => {
     }
     packageJsonContentJson.config.tspci.typeIdentifier = pciName;
 
-    if (options.values.includes("preact+tailwind")) {
+    if (projectType === "preact+tailwind") {
       console.log(chalk.green("Adding tailwind css"));
 
       // read postcss.config.js
@@ -327,7 +368,7 @@ const run = async () => {
       copyDir(path.resolve(cliPath, "./../preset/tailwind"), destinationFolder);
     }
 
-    if (options.values.includes("preact+tailwind")) {
+    if (projectType === "preact+tailwind") {
       console.log(chalk.green("Adding preact"));
       // delete index.ts
       // fs.rmSync(path.join(destinationFolder, "src/index.ts"), { force: true });
@@ -344,7 +385,7 @@ const run = async () => {
       fs.writeFileSync(packageJson, newPackageJsonContent);
     }
 
-    if (options.values.includes("typescript")) {
+    if (projectType === "typescript") {
       copyDirAndReplaceInFiles(
         path.resolve(cliPath, "./../preset/typescript/src"),
         path.join(destinationFolder, "src"),
@@ -356,7 +397,7 @@ const run = async () => {
       fs.writeFileSync(packageJson, newPackageJsonContent);
     }
 
-    if (options.values.includes("javascript")) {
+    if (projectType === "javascript") {
       copyDirAndReplaceInFiles(
         path.resolve(cliPath, "./../preset/javascript/src"),
         path.join(destinationFolder, "src"),
@@ -384,6 +425,7 @@ const run = async () => {
       return;
     } else {
       console.log(chalk.yellow("Skipping npm install, run npm install in the project folder to install dependencies"));
+      return;
     }
   }
 
@@ -394,7 +436,9 @@ const run = async () => {
       return;
     }
     const version = args.indexOf("--next") !== -1 ? "next" : "latest";
-    const packageFileContent = fs.readFileSync(path.join(PACKAGE_ROOT_PATH, "package.json"), "utf8");
+    const passCiFlag = args.indexOf("--ci") !== -1;
+    const packageFilePath = path.join(PACKAGE_ROOT_PATH, "package.json");
+    const packageFileContent = fs.readFileSync(packageFilePath, "utf8");
     const packageJson = JSON.parse(packageFileContent);
 
     const modifyPci = () => {
@@ -402,10 +446,13 @@ const run = async () => {
       let init = false;
       if (fs.existsSync(scriptFile)) {
         // run init() script
-        import(`file:///${scriptFile}`).then((script) => {
+        import(pathToFileURL(scriptFile).href).then((script) => {
           if (script.init) {
             init = true;
             console.log(chalk.green(`Running init script for ${targetName}`));
+            if (passCiFlag) {
+              process.argv.push("--ci");
+            }
             script.init();
           } else {
             if (!init) {
@@ -423,6 +470,19 @@ const run = async () => {
         stdio: [0, 1, 2],
       });
     }
+
+    // add a package script so users can export with a single command
+    const targetArg = args[targetIndex + 1];
+    if (targetArg) {
+      packageJson.scripts = packageJson.scripts || {};
+      const packageScriptName = `package:${targetArg}`;
+      if (!packageJson.scripts[packageScriptName]) {
+        packageJson.scripts[packageScriptName] = `tspci --target ${targetArg}`;
+        fs.writeFileSync(packageFilePath, JSON.stringify(packageJson, null, 2), "utf8");
+        console.log(chalk.green(`Added script "${packageScriptName}" to package.json`));
+      }
+    }
+
     modifyPci();
 
     return;
@@ -451,7 +511,7 @@ const run = async () => {
       return;
     }
     const scriptFile = path.join(path.join(path.join(NODE_MODULES, `${targetName}`), "src"), `createPackage.mjs`);
-    import(`file:///${scriptFile}`).then((script) => {
+    import(pathToFileURL(scriptFile).href).then((script) => {
       script.bundle();
     });
   });

package/src/rollup-plugin-copy-files.js

@@ -0,0 +1,91 @@
+import fs from "fs";
+import path from "path";
+import fg from "fast-glob";
+
+function hasGlobSyntax(value) {
+  return /[*?[\]{}()!+@]/.test(value);
+}
+
+function getGlobBase(pattern) {
+  const normalized = pattern.replace(/\\/g, "/");
+  const parts = normalized.split("/");
+  const baseParts = [];
+  for (const part of parts) {
+    if (hasGlobSyntax(part)) {
+      break;
+    }
+    baseParts.push(part);
+  }
+  return baseParts.length > 0 ? baseParts.join("/") : ".";
+}
+
+function copyDirectoryRecursive(sourceDir, destinationDir) {
+  fs.mkdirSync(destinationDir, { recursive: true });
+  for (const item of fs.readdirSync(sourceDir, { withFileTypes: true })) {
+    const sourcePath = path.join(sourceDir, item.name);
+    const destinationPath = path.join(destinationDir, item.name);
+    if (item.isDirectory()) {
+      copyDirectoryRecursive(sourcePath, destinationPath);
+    } else if (item.isFile()) {
+      fs.mkdirSync(path.dirname(destinationPath), { recursive: true });
+      fs.copyFileSync(sourcePath, destinationPath);
+    }
+  }
+}
+
+async function copyTarget(target, flatten) {
+  const srcPattern = target?.src;
+  const destination = target?.dest;
+  if (!srcPattern || !destination) {
+    return;
+  }
+
+  const matches = await fg(srcPattern, { dot: true, onlyFiles: false });
+  if (matches.length === 0) {
+    return;
+  }
+
+  const basePath = hasGlobSyntax(srcPattern) ? getGlobBase(srcPattern) : null;
+
+  for (const match of matches) {
+    const sourcePath = path.resolve(match);
+    const sourceStats = fs.statSync(sourcePath);
+    const basename = path.basename(sourcePath);
+    const sourceDirname = path.dirname(sourcePath);
+
+    let destinationFolder = destination;
+    if (!flatten && basePath) {
+      const relativeDir = path.relative(path.resolve(basePath), sourceDirname);
+      destinationFolder = relativeDir ? path.join(destination, relativeDir) : destination;
+    }
+    const destinationPath = path.join(destinationFolder, basename);
+
+    if (sourceStats.isDirectory()) {
+      copyDirectoryRecursive(sourcePath, destinationPath);
+    } else if (sourceStats.isFile()) {
+      fs.mkdirSync(path.dirname(destinationPath), { recursive: true });
+      fs.copyFileSync(sourcePath, destinationPath);
+    }
+  }
+}
+
+export function copyFiles(options = {}) {
+  const targets = Array.isArray(options.targets) ? options.targets : [];
+  const flatten = options.flatten !== false;
+
+  const copyAllTargets = async () => {
+    for (const target of targets) {
+      await copyTarget(target, flatten);
+    }
+  };
+
+  return {
+    name: "copy-files",
+    async buildStart() {
+      await copyAllTargets();
+    },
+    async writeBundle() {
+      await copyAllTargets();
+    },
+  };
+}

package/src/rollup-plugin-postcss-string.js

@@ -0,0 +1,56 @@
+import postcss from "postcss";
+import loadPostCssConfig from "postcss-load-config";
+
+export function postcssString(options = {}) {
+  const extensions = options.extensions || [".css"];
+  const configEnabled = options.config !== false;
+  const configCache = new Map();
+
+  const loadConfig = async (cwd) => {
+    if (configCache.has(cwd)) {
+      return configCache.get(cwd);
+    }
+
+    let loaded = { plugins: [], options: {} };
+    if (configEnabled) {
+      try {
+        const result = await loadPostCssConfig({}, cwd);
+        loaded = {
+          plugins: result?.plugins || [],
+          options: result?.options || {},
+        };
+      } catch (error) {
+        if (!String(error?.message || "").includes("No PostCSS Config found")) {
+          throw error;
+        }
+      }
+    }
+
+    configCache.set(cwd, loaded);
+    return loaded;
+  };
+
+  return {
+    name: "postcss-string",
+    async transform(code, id) {
+      const shouldProcess = extensions.some((ext) => id.endsWith(ext));
+      if (!shouldProcess) {
+        return null;
+      }
+
+      const cwd = process.cwd();
+      const { plugins, options: configOptions } = await loadConfig(cwd);
+      const result = await postcss(plugins).process(code, {
+        ...configOptions,
+        from: id,
+        to: id,
+        map: false,
+      });
+
+      return {
+        code: `export default ${JSON.stringify(result.css)};`,
+        map: { mappings: "" },
+      };
+    },
+  };
+}

package/src/rollup.config.dev.js

@@ -1,7 +1,7 @@
-import copy from "rollup-plugin-copy";
 import livereload from "rollup-plugin-livereload";
 // PK: not the official npm package, but a copy, needed watch functionality
 import { liveServer } from "./rollup-plugin-live-server.js";
+import { copyFiles } from "./rollup-plugin-copy-files.js";
 import path from "path";
 import rollupConfig from "./rollup.config.js"; // Make sure this exports an object with `output` and `plugins`
 
@@ -18,13 +18,12 @@ const livesrvr = liveServer({
 });
 
 // Configure copy plugin to watch for changes
-const watchassets = copy({
+const watchassets = copyFiles({
   targets: [
     { src: "./src/**/*.json", dest: "dist" },
     { src: "./src/**/*.svg", dest: "dist" },
     { src: "./src/**/*.png", dest: "dist" },
   ],
-  watch: true, // Enable watching for changes
 });
 
 // Modify the existing Rollup config

package/src/rollup.config.js

@@ -3,12 +3,10 @@ import typescript from "@rollup/plugin-typescript";
 import alias from "@rollup/plugin-alias";
 import image from "@rollup/plugin-image";
 import replace from "@rollup/plugin-replace";
-import postcss from "rollup-plugin-postcss";
 import commonjs from "@rollup/plugin-commonjs"; // added this when added react-redux, gave an ' 'default' is not exported by node_modules/prop-types/index.js'
 import json from "@rollup/plugin-json";
-
-// copy, builtins, globals and litTailwind were added for use in simple bundle tool to make qti players
-import copy from "rollup-plugin-copy";  // copying assets to the assets folder in dist ( not for PCI, those assets are bundled )
+import { postcssString } from "./rollup-plugin-postcss-string.js";
+import { copyFiles } from "./rollup-plugin-copy-files.js";
 
 import fs from "fs";
 import path from "path";
@@ -59,13 +57,10 @@ export default {
       tsconfig: `${PACKAGE_ROOT_PATH}/tsconfig.json`,
       declarationDir: `${PACKAGE_ROOT_PATH}/dist`
     }),
-    postcss({
-      extract: false, // not extracting embeds the js in the build, which is what we need for shipping it
-      modules: false, // tried modules at first, could work, but not with html in the qti file
-      inject: false, // does not inject the imported styles in the head
+    postcssString({
       extensions: [".css"],
     }),
-    copy({
+    copyFiles({
       targets: [
         { src: "src/assets", dest: "dist" }, // copy asses to dist folder
       ],