@citolab/tspci 2.0.7 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citolab/tspci",
-  "version": "2.0.7",
+  "version": "2.1.0",
   "description": "an opiniated typescript ims-pci builder with tao integration",
   "author": "patrick <patrick.deklein@cito.nl>",
   "repository": "@citolab/tspci",
@@ -10,58 +10,59 @@
   "type": "module",
   "types": "types/index.d.ts",
   "devDependencies": {
-    "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "13.3.0",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@rollup/plugin-typescript": "^8.3.3",
-    "@testing-library/dom": "^8.13.0",
-    "@types/node": "^17.0.42",
-    "@typescript-eslint/eslint-plugin": "^5.28.0",
-    "@typescript-eslint/parser": "^5.28.0",
+    "@rollup/plugin-alias": "^4.0.2",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^23.0.4",
+    "@rollup/plugin-image": "^3.0.1",
+    "@rollup/plugin-json": "^5.0.2",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-replace": "^5.0.1",
+    "@rollup/plugin-terser": "^0.2.0",
+    "@rollup/plugin-typescript": "^10.0.1",
+    "@testing-library/dom": "^8.19.0",
+    "@types/node": "^18.11.12",
+    "@typescript-eslint/eslint-plugin": "^5.46.0",
+    "@typescript-eslint/parser": "^5.46.0",
     "live-server": "^1.2.2",
-    "postcss": "^8.4.14",
-    "postcss-import": "^14.1.0",
-    "rollup": "^2.75.6",
+    "postcss": "^8.4.19",
+    "postcss-import": "^15.1.0",
+    "rollup": "^3.7.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-live-server": "^2.0.0",
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-globals": "^1.4.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-string": "^3.0.0",
-    "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-watch-assets": "^1.0.1",
-    "tailwindcss": "^3.1.3"
+    "tailwindcss": "^3.2.4"
   },
   "dependencies": {
-    "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "13.3.0",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@rollup/plugin-typescript": "^8.3.3",
-    "@testing-library/dom": "^8.13.0",
-    "@types/node": "^17.0.42",
-    "@typescript-eslint/eslint-plugin": "^5.28.0",
-    "@typescript-eslint/parser": "^5.28.0",
+    "@rollup/plugin-alias": "^4.0.2",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^23.0.4",
+    "@rollup/plugin-image": "^3.0.1",
+    "@rollup/plugin-json": "^5.0.2",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-replace": "^5.0.1",
+    "@rollup/plugin-terser": "^0.2.0",
+    "@rollup/plugin-typescript": "^10.0.1",
+    "@testing-library/dom": "^8.19.0",
+    "@types/node": "^18.11.12",
+    "@typescript-eslint/eslint-plugin": "^5.46.0",
+    "@typescript-eslint/parser": "^5.46.0",
     "live-server": "^1.2.2",
-    "postcss": "^8.4.14",
-    "rollup": "^2.75.6",
+    "postcss": "^8.4.19",
+    "postcss-import": "^15.1.0",
+    "rollup": "^3.7.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-live-server": "^2.0.0",
     "rollup-plugin-node-builtins": "^2.1.2",
     "rollup-plugin-node-globals": "^1.4.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-string": "^3.0.0",
-    "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-watch-assets": "^1.0.1",
-    "tailwindcss": "^3.1.3"
+    "tailwindcss": "^3.2.4"
   },
   "scripts": {},
-  "gitHead": "6a34c86d9f22dde21b8017cd0c7f5e1bf27ce10c"
+  "gitHead": "e634ba27698a093ceeaa1821c0b36894d4bc1197"
 }

package/readme.md

@@ -6,7 +6,7 @@
   <img src="https://github.com/Citolab/tspci/blob/main/lib/tspci/tspci-development.png" alt="Typescript Pci Builder">
 </p>
 
-[Release notes](https://github.com/Citolab/tspci/lib/tspci/release-notes.md)
+[Release notes](https://github.com/Citolab/tspci/blob/main/lib/tspci/release-notes.md)
 
 ## ✨ Features <a name="features"></a>
 
@@ -139,7 +139,7 @@ Examples package.json scripts
 
 ## 🛣 What's next
 
-Use one of the [examples](https://github.com/Citolab/tspci-helloworld) to get a headstart 
+Use one of the [examples](https://github.com/Citolab/tspci-examples) to get a headstart 
 
 Or read further how we build our PCIs 
 
@@ -319,7 +319,7 @@ export const useMousePosition = () => {
 Tao adds some lifecycle methods which you can implement and we supply an extended interfaee on top of the IMS one. 
 
 More info, see our extension 
-- [github](../tspci-tao)
+- [github](https://github.com/Citolab/tspci/blob/main/lib/tspci-tao)
 - [@citolab/tspci-tao](https://www.npmjs.com/package/@citolab/tspci-tao)
 
 
@@ -335,4 +335,4 @@ If you want your platform to be support,  [contact us](mailto://getinspiredbycit
 
 ## License
 
- [GPLv3](./LICENSE)
+ [GPLv3](https://github.com/Citolab/tspci/blob/main/LICENSE)

package/release-notes.md

@@ -1,10 +1,21 @@
-## 2.0.0
+
+# 2.1.0
+
+- tailwind picks up correct class changes
+- added ROLLUP_WATCH=true to watch task in rollup
+- upgraded nearly all packages
+
+# 2.0.0
 
 - added customized development templates in plugins
 - removed tooltips development environment pci
 - fixed storing and comparing responses
 - fixed reload test and restoring state
 
+# 1.5.9
+
+- fixed broken images in readme
+
 ## 1.5.8
 
 - fixed command line args --target not picked up by cli 

package/src/cli.js

@@ -1,11 +1,13 @@
 #!/usr/bin/env node
-import loadConfigFile from "rollup/dist/loadConfigFile.js";
+import { loadConfigFile } from "rollup/dist/loadConfigFile.js";
 import { rollup, watch } from "rollup";
 import path from "path";
 import fs from "fs";
 
 const args = process.argv.slice(2);
 
+
+
 // PK: retreive dirname, most of the time automaticly inserted in es modules
 import { fileURLToPath } from "url";
 const __filename = fileURLToPath(import.meta.url);
@@ -19,6 +21,10 @@ const NODE_MODULES = path.join(process.cwd(), "node_modules");
 const watchBuild = (devServer = false, target = 'IMS') => {
   const rollupFile = devServer ? "rollup.config.dev.js" : "rollup.config.js";
 
+  // PK: this ensures tailwind watches changes
+  // PK: See link here: https://github.com/tailwindlabs/tailwindcss/issues/7063
+  process.env.ROLLUP_WATCH = "true"
+
   fs.rmSync(PACKAGE_DIST_PATH, { recursive: true, force: true });
   !fs.existsSync(PACKAGE_DIST_PATH) && fs.mkdirSync(PACKAGE_DIST_PATH);
 

package/src/rollup-plugin-live-server.js

@@ -1,7 +1,9 @@
 // PK: made a pull request for this https://bitbucket.org/robhicks55/rollup-plugin-live-server/pull-requests/
 // WATCH argument added to live server, else this package could just be used
 // https://www.npmjs.com/package/rollup-plugin-live-server
-const ls = require("live-server");
+// const ls = require("live-server");
+
+import ls from "live-server";
 
 export function liveServer(options = {}) {
   const directories = options.directories || [];

package/src/rollup.config.dev.js

@@ -1,6 +1,6 @@
 import watchAssets from 'rollup-plugin-watch-assets';
 // PK: not the official npm package, but a copy, needed watch functinoality
-import { liveServer } from "./rollup-plugin-live-server";
+import { liveServer } from "./rollup-plugin-live-server.js";
 
 import path from "path";
 
@@ -17,7 +17,7 @@ const livesrvr = liveServer({
 
 const watchassets = watchAssets({ assets: ['./src/**/*.json',  './src/**/*.svg', './src/**/*.png'] })
 
-import rollupConfig from "./rollup.config";
+import rollupConfig from "./rollup.config.js";
 
 const newRollupConfig = {
   ...rollupConfig,

package/src/rollup.config.js

@@ -11,7 +11,6 @@ import json from "@rollup/plugin-json";
 import copy from "rollup-plugin-copy";  // copying assets to the assets folder in dist ( not for PCI, those assets are bundled )
 import builtins from 'rollup-plugin-node-builtins'; // was fix for including pixi for QTI component development, see: https://github.com/rollup/rollup/issues/3230#issuecomment-585416594
 import globals from 'rollup-plugin-node-globals'; // was fix for including pixi for QTI component development, see:  https://github.com/rollup/rollup/issues/3230#issuecomment-585416594
-// import litTailwind from "rollup-plugin-lit-tailwindcss3"; // Qti development, custom components can include tailwind classes
 
 import fs from "fs";
 import path from "path";
@@ -64,9 +63,6 @@ export default {
       tsconfig: `${PACKAGE_ROOT_PATH}/tsconfig.json`,
       declarationDir: `${PACKAGE_ROOT_PATH}/dist`
     }),
-    // litTailwind({
-    //   include: "src/components/**/*.ts",
-    // }),
     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

package/src/rollup.config.prod.js

@@ -1,4 +1,4 @@
-import { terser } from 'rollup-plugin-terser'
+import { terser } from '@rollup/plugin-terser'
 import rollupConfig from "./rollup.config";
 
 const newRollupConfig = {