sass -> css

Author: mathematicalmichael

.claude/settings.local.json

@@ -5,7 +5,8 @@
       "mcp__plugin_playwright_playwright__browser_drag",
       "Bash(bun run build:*)",
       "Bash(pip uninstall:*)",
-      "Bash(bunx playwright test:*)"
+      "Bash(bunx playwright test:*)",
+      "Bash(./build.sh:*)"
     ]
   }
 }

bun.lock

@@ -13,7 +13,7 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-typescript": "^7.12.7",
     "@playwright/test": "^1.58.1",
-    "@types/bootstrap": "^4.6.0",
+    "@types/bootstrap": "^5.2.10",
     "@types/d3": "^7.4.0",
     "@types/d3-array": "^3.0.3",
     "@types/d3-axis": "^3.0.1",
@@ -41,16 +41,16 @@
     "@types/react-dom": "^16.9.10",
     "@types/source-map": "^0.5.7",
     "@types/underscore": "^1.10.24",
-    "bootstrap": "^4.6.0",
+    "bootstrap": "^5.3.3",
     "color": "^4.0.0",
     "css-loader": "^6.11.0",
     "d3": "^7.6.1",
-    "datatables.net-bs4": "^1.12.1",
-    "datatables.net-buttons": "^1.7.1",
-    "datatables.net-buttons-bs4": "^1.7.1",
-    "datatables.net-colreorder-bs4": "^1.5.6",
-    "datatables.net-fixedheader-bs4": "^3.2.4",
-    "datatables.net-responsive-bs4": "^2.3.0",
+    "datatables.net-bs5": "^2.2.2",
+    "datatables.net-buttons": "^3.2.2",
+    "datatables.net-buttons-bs5": "^3.2.2",
+    "datatables.net-colreorder-bs5": "^2.0.4",
+    "datatables.net-fixedheader-bs5": "^4.0.1",
+    "datatables.net-responsive-bs5": "^3.0.4",
     "es-check": "^5.2.4",
     "file-loader": "^5.1.0",
     "hoist-non-react-statics": "^3.3.2",
@@ -59,37 +59,35 @@
     "json5": "^2.1.3",
     "license-webpack-plugin": "^2.3.11",
     "npm-run-all": "^4.1.5",
-    "postcss-loader": "^5.3.0",
+    "postcss-loader": "^8.1.1",
     "postcss-rem-to-pixel": "^4.1.2",
     "randomcolor": "^0.5.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-dropzone": "^11.2.4",
-    "sass": "^1.97.3",
-    "sass-loader": "^12.0.0",
     "seedrandom": "^3.0.5",
-    "source-map-loader": "^0.2.4",
-    "style-loader": "^2.0.0",
+    "source-map-loader": "^5.0.0",
+    "style-loader": "^4.0.0",
     "ts-loader": "^9.5.4",
-    "typed-scss-modules": "^1.4.0",
-    "typescript": "^3.9.7",
+    "typed-css-modules": "^0.9.1",
+    "typescript": "^5.7.3",
     "underscore": "^1.12.0",
     "url-loader": "^3.0.0",
     "webpack": "^5.104.1",
     "webpack-bundle-analyzer": "^4.10.2",
-    "webpack-cli": "^3.3.12",
+    "webpack-cli": "^6.0.1",
     "worker-loader": "^2.0.0"
   },
   "scripts": {
     "postinstall": "node -e \"require('fs').writeFileSync('node_modules/internmap/src/index.js', '// Hotfix: https://github.com/mbostock/internmap/issues/3\\nexport const InternMap = Map;\\nexport const InternSet = Set;\\n')\"",
-    "build": "npm-run-all tsm webpack",
-    "build-dev": "npm-run-all tsm webpack-dev",
-    "build-dev-watch": "npm-run-all tsm webpack-dev-watch",
-    "prepublish": "npm-run-all tsm prepublish-ts",
-    "tsm": "tsm src -i node_modules/",
-    "webpack": "webpack --display-error-details --progress",
-    "webpack-dev": "webpack --display-error-details --progress -d --env.debug",
-    "webpack-dev-watch": "webpack --display-error-details --progress -d --env.debug -w",
+    "build": "npm-run-all tcm webpack",
+    "build-dev": "npm-run-all tcm webpack-dev",
+    "build-dev-watch": "npm-run-all tcm webpack-dev-watch",
+    "prepublish": "npm-run-all tcm prepublish-ts",
+    "tcm": "tcm src",
+    "webpack": "webpack --progress",
+    "webpack-dev": "webpack --progress --mode development --env debug",
+    "webpack-dev-watch": "webpack --progress --mode development --env debug --watch",
     "prepublish-ts": "tsc"
   },
   "repository": {

package.json

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "hiplot-mm"
-version = "0.0.3rc2"
+version = "0.0.3rc3"
 description = "High dimensional Interactive Plotting tool"
 readme = "README.md"
 license = "MIT"

pyproject.toml

@@ -28,7 +28,7 @@ import LogoSVG from "../hiplot/static/logo.svg";
 //@ts-ignore
 import LogoSVGW from "../hiplot/static/logo-w.svg";
 //@ts-ignore
-import style from "./hiplot.scss";
+import style from "./hiplot.css";
 import { ContextMenu } from "./contextmenu";
 import { HiPlotDistributionPlugin } from "./distribution/plugin";
 import { Filter, FilterType, apply_filters, apply_filter } from "./filters";

src/component.tsx

@@ -11,7 +11,7 @@ import * as _ from 'underscore';
 import React from "react";
 
 import { IDatasets } from "./types";
-import style from "./hiplot.scss";
+import style from "./hiplot.css";
 
 export interface HiPlotDataControlProps extends IDatasets {
     restoreAllRows: () => void;

src/controls.tsx

@@ -8,7 +8,7 @@
 import {DataProviderProps} from "../plugin";
 import React from "react";
 import Dropzone, {FileRejection, DropEvent} from 'react-dropzone';
-import style from "./upload.scss";
+import style from "./upload.css";
 import * as d3 from "d3";
 import { HiPlotExperiment, Experiment } from "../types";
 

src/dataproviders/upload.scss src/dataproviders/upload.csssrc/dataproviders/upload.scss renamed to src/dataproviders/upload.css

@@ -10,7 +10,7 @@ import {LoadURIPromise} from "../component";
 import {DataProviderProps} from "../plugin";
 import {HiPlotLoadStatus} from "../types";
 import React from "react";
-import style from "../hiplot.scss";
+import style from "../hiplot.css";
 
 
 export const PSTATE_LOAD_URI = 'load_uri';

src/dataproviders/upload.tsx

@@ -7,7 +7,7 @@
 
 import React from "react";
 import * as d3 from "d3";
-import style from "../hiplot.scss";
+import style from "../hiplot.css";
 import { create_d3_scale_without_outliers, ParamDef } from "../infertypes";
 import { foCreateAxisLabel, foDynamicSizeFitContent } from "../lib/svghelpers";
 import { ParamType, Datapoint } from "../types";