Namespace CSS with preprocessing, various package bumps (#131)

spcl · Jan 15, 2024 · 2128d61 · 2128d61
1 parent 543710a
commit 2128d61
Show file tree

Hide file tree

Showing 13 changed files with 3,317 additions and 1,014 deletions.
diff --git a/embed.html b/embed.html
@@ -1,18 +1,16 @@
 <!-- Copyright 2019-2022 ETH Zurich and the DaCe authors. All rights reserved. -->
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="sdfv">
 
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <script defer src="./dist/sdfv.js"></script>
-
-    <link rel="stylesheet" type="text/css" href="./sdfv.css">
 </head>
 
-<body style="overflow: hidden">
+<body style="overflow: hidden" class="sdfv">
     <div id="embedded"></div>
     <div id="contents" style="width: 99%; height: 99%; overflow: hidden; resize: none;"></div>
 </body>

diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!-- Copyright 2019-2022 ETH Zurich and the DaCe authors. All rights reserved. -->
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="sdfv">
 
 <head>
     <meta charset="UTF-8">
@@ -13,11 +13,9 @@
     <script src="./external_lib/canvas2pdf.js"></script>
 
     <script defer src="./dist/sdfv.js"></script>
-
-    <link rel="stylesheet" type="text/css" href="./sdfv.css">
 </head>
 
-<body>
+<body class="sdfv">
     <div class="w3-sidebar w3-bar-block w3-card w3-animate-right"
         style="display:none;right:0;" id="sidebar">
         <div class="dragbar" id="dragbar"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,9 +26,9 @@
         "start": "npm run serve",
         "clean": "rimraf dist && rimraf out",
         "type-check": "tsc --noEmit",
-        "build-dev": "npm run clean && webpack --mode=development",
-        "watch": "npm run clean && webpack --watch --mode=development",
-        "serve": "npm run clean && webpack serve --mode=development",
+        "build-dev": "npm run clean && webpack --config-name=main --mode=development",
+        "watch": "npm run clean && webpack --watch --config-name=main --mode=development",
+        "serve": "npm run clean && webpack serve --config-name=main --mode=development",
         "build-prod": "npm run clean && webpack --mode=production",
         "postinstall": "patch-package",
         "test": "jest"
@@ -43,26 +43,29 @@
         "@types/dagre": "^0.7.48",
         "@types/jest": "^29.5.3",
         "@types/jquery": "^3.5.16",
-        "@typescript-eslint/eslint-plugin": "^5.48.1",
-        "@typescript-eslint/parser": "^5.48.1",
+        "@typescript-eslint/eslint-plugin": "^6.15.0",
+        "@typescript-eslint/parser": "^6.15.0",
         "autoprefixer": "^10.4.13",
         "babel-jest": "^29.6.1",
-        "babel-loader": "^9.1.2",
+        "babel-loader": "^9.1.3",
         "babel-plugin-transform-class-properties": "^6.24.1",
-        "css-loader": "^6.7.3",
+        "css-loader": "^6.8.1",
         "eslint": "^8.31.0",
+        "file-loader": "^6.2.0",
         "jest": "^29.6.1",
-        "postcss-loader": "^7.0.2",
-        "rimraf": "^3.0.2",
-        "sass-loader": "^13.2.0",
-        "style-loader": "^3.3.1",
+        "monaco-editor-webpack-plugin": "^7.1.0",
+        "node-sass": "^9.0.0",
+        "postcss-loader": "^7.3.3",
+        "rimraf": "^5.0.5",
+        "sass-loader": "^13.3.2",
+        "style-loader": "^3.3.3",
         "ts-jest": "^29.1.1",
-        "ts-loader": "^9.4.2",
-        "ts-node": "^10.9.1",
-        "typescript": "^4.9.4",
-        "webpack": "^5.75.0",
-        "webpack-cli": "^5.0.1",
-        "webpack-dev-server": "^4.11.1"
+        "ts-loader": "^9.5.1",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.3.3",
+        "webpack": "^5.89.0",
+        "webpack-cli": "^5.1.4",
+        "webpack-dev-server": "^4.15.1"
     },
     "dependencies": {
         "@babel/runtime": "^7.20.7",
@@ -75,11 +78,11 @@
         "coffeequate": "^1.3.0",
         "dagre": "^0.8.5",
         "jquery": "^3.6.3",
-        "material-icons": "^1.13.1",
-        "material-symbols": "^0.6.0",
-        "mathjs": "^11.5.0",
-        "monaco-editor": "^0.44.0",
-        "patch-package": "^6.5.1",
+        "material-icons": "^1.13.12",
+        "material-symbols": "^0.14.3",
+        "mathjs": "^12.2.1",
+        "monaco-editor": "^0.45.0",
+        "patch-package": "^8.0.0",
         "pixi-viewport": "4.24",
         "pixi.js": "6.1.3",
         "process": "^0.11.10",

diff --git a/samples/embed-script.html b/samples/embed-script.html
@@ -11,7 +11,6 @@
     -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <script src="/dist/sdfv.js"></script>
-    <link href="/sdfv.css" rel="stylesheet">
 </head>
 
 <body>
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,7 +11,6 @@ @@
         -->
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
         <script src="/dist/sdfv.js"></script>
-        <link href="/sdfv.css" rel="stylesheet">
     </head>
     <body>
@@ Expand Down @@