material updates (#255)

* various updates

* fix color

* updated devicescript

* more details

Author: pelikhan

jacdac-ts

@@ -5,51 +5,51 @@
   "version": "0.1.0",
   "author": "Microsoft",
   "dependencies": {
-    "@axe-core/react": "^4.4.5",
+    "@axe-core/react": "^4.6.0",
     "@blockly/block-dynamic-connection": "^0.1.14",
     "@blockly/continuous-toolbox": "^1.0.18",
     "@blockly/disable-top-blocks": "^0.1.20",
     "@blockly/field-slider": "^2.1.30",
     "@blockly/theme-dark": "^2.0.6",
     "@blockly/theme-modern": "^2.1.24",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "@gatsby-contrib/gatsby-plugin-elasticlunr-search": "^3.0.2",
-    "@jscad/modeling": "^2.10.0",
-    "@jscad/stl-serializer": "^2.1.12",
+    "@jscad/modeling": "^2.11.0",
+    "@jscad/stl-serializer": "^2.1.13",
     "@mdx-js/react": "^2.1.3",
-    "@microsoft/applicationinsights-web": "^2.8.9",
-    "@mui/icons-material": "^5.10.6",
-    "@mui/lab": "^5.0.0-alpha.102",
-    "@mui/material": "^5.10.8",
-    "@mui/x-data-grid": "^5.17.7",
-    "@octokit/core": "^4.0.5",
-    "@parcel/transformer-typescript-types": "^2.7.0",
-    "@react-three/drei": "^9.32.7",
-    "@react-three/fiber": "^8.8.8",
-    "@tidyjs/tidy": "^2.5.1",
+    "@microsoft/applicationinsights-web": "^2.8.10",
+    "@mui/icons-material": "^5.11.9",
+    "@mui/lab": "^5.0.0-alpha.120",
+    "@mui/material": "^5.11.9",
+    "@mui/x-data-grid": "^5.17.23",
+    "@octokit/core": "^4.2.0",
+    "@parcel/transformer-typescript-types": "^2.8.3",
+    "@react-three/drei": "^9.56.24",
+    "@react-three/fiber": "^8.11.1",
+    "@tidyjs/tidy": "^2.5.2",
     "@types/json-schema": "^7.0.11",
-    "@types/react": "^18.0.21",
-    "@types/three": "^0.144.0",
+    "@types/react": "^18.0.28",
+    "@types/three": "^0.149.0",
     "@types/use-sync-external-store": "^0.0.3",
-    "@types/w3c-web-serial": "^1.0.2",
+    "@types/w3c-web-serial": "^1.0.3",
     "@types/w3c-web-usb": "^1.0.6",
-    "@types/web-bluetooth": "^0.0.15",
+    "@types/web-bluetooth": "^0.0.16",
     "@types/wicg-file-system-access": "^2020.9.5",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^5.39.0",
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@typescript-eslint/parser": "^5.52.0",
     "accessible-nprogress": "^2.1.2",
     "assert": "^2.0.0",
     "blockly": "^6.20210701.0",
     "bowser": "^2.11.0",
-    "compare-versions": "^5.0.1",
+    "compare-versions": "^5.0.3",
     "concurrently": "^7.4.0",
-    "console-feed": "^3.4.0",
-    "d3-array": "^3.2.0",
+    "console-feed": "^3.4.3",
+    "d3-array": "^3.2.2",
     "dns-packet": "^5.4.0",
-    "eslint": "^8.24.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint": "^8.34.0",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
     "gatsby": "^4.24.1",
     "gatsby-plugin-catch-links": "^4.24.0",
     "gatsby-plugin-image": "^2.24.0",
@@ -79,50 +79,50 @@
     "gltfjsx": "^5.0.2",
     "howler": "^2.2.3",
     "is-svg": "^4.3.2",
-    "jsep": "^1.3.6",
-    "makerjs": "^0.17.1",
+    "jsep": "^1.3.8",
+    "makerjs": "^0.17.6",
     "microbundle": "^0.14.2",
-    "minisearch": "^5.0.0",
-    "notistack": "^2.0.5",
+    "minisearch": "^6.0.1",
+    "notistack": "^2.0.8",
     "octokit-plugin-create-pull-request": "pelikhan/octokit-plugin-create-pull-request#forkbinarydist",
     "paho-mqtt": "^1.1.0",
     "papaparse": "^5.3.2",
-    "postcss": "^8.4.17",
-    "prettier": "2.7.1",
+    "postcss": "^8.4.21",
+    "prettier": "2.8.4",
     "prism-react-renderer": "^1.3.5",
     "prismjs": "^1.29.0",
     "prop-types": "^15.8.1",
-    "puppeteer": "^18.0.5",
+    "puppeteer": "^19.7.0",
     "qrcode": "^1.5.1",
     "react": "^18.2.0",
     "react-blockly": "^7.0.1",
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-draggable": "^4.4.5",
-    "react-intersection-observer": "^9.4.0",
-    "react-markdown": "^8.0.3",
-    "react-minisearch": "^5.0.0",
+    "react-intersection-observer": "^9.4.2",
+    "react-markdown": "^8.0.5",
+    "react-minisearch": "^6.0.2",
     "react-piano": "^3.1.3",
-    "react-player": "^2.11.0",
-    "react-simple-keyboard": "^3.4.221",
+    "react-player": "^2.11.2",
+    "react-simple-keyboard": "^3.5.26",
     "react-vega": "^7.6.0",
     "react-virtualized-auto-sizer": "^1.0.7",
-    "react-window": "^1.8.7",
-    "regenerator-runtime": "^0.13.9",
+    "react-window": "^1.8.8",
+    "regenerator-runtime": "^0.13.11",
     "remark-gfm": "^1",
-    "sanitize-html": "^2.7.2",
-    "simple-statistics": "^7.7.6",
+    "sanitize-html": "^2.9.0",
+    "simple-statistics": "^7.8.3",
     "slug": "^8.2.2",
-    "three": "^0.145.0",
+    "three": "^0.149.0",
     "trim": "^1.0.1",
     "use-debounce": "^7.0.1",
     "use-editable": "^2.3.3",
     "use-sync-external-store": "^1.2.0",
-    "util": "^0.12.4",
+    "util": "^0.12.5",
     "vega": "^5.22.1",
-    "vega-lite": "^5.5.0",
-    "ws": "^8.9.0",
-    "xmlhttprequest-ssl": "^2.0.0"
+    "vega-lite": "^5.6.1",
+    "ws": "^8.12.1",
+    "xmlhttprequest-ssl": "^2.1.0"
   },
   "keywords": [
     "jacdac"

package.json

@@ -176,12 +176,6 @@ function LayoutWithDarkMode(props: LayoutProps) {
 function LayoutWithMdx(props: LayoutProps) {
     const { darkMode } = useContext(DarkModeContext)
     const isDark = darkMode === "dark"
-    const background = isDark
-        ? {
-              default: "#1e1e1e",
-              paper: "#070707",
-          }
-        : undefined
     const themeDef: DeprecatedThemeOptions = {
         palette: {
             primary: {
@@ -192,9 +186,14 @@ function LayoutWithMdx(props: LayoutProps) {
             },
             contrastThreshold: isDark ? 5.1 : 3.1,
             mode: darkMode,
-            background,
         },
     }
+    if (isDark)
+        themeDef.palette.background = {
+            default: "#1e1e1e",
+            paper: "#070707",
+        }
+
     const rawTheme = createTheme(themeDef)
     const theme = responsiveFontSizes(rawTheme)
 

src/components/layout.tsx

@@ -5,9 +5,11 @@ order: 4
 
 # DeviceScript (beta)
 
-**Beta: the python layer is still in pre-release mode and beta quality.**
+Microsoft DeviceScript is a TypeScript-like language and portable runtime built on top of Jacdac service abstractions.
 
-Microsoft DeviceScript is a TypeScript-like language built on top Jacdac services.
+DeviceScript comes with a full Visual Studio Code integration,
+with TypeScript syntax and type checking, debugging
+and live device interaction.
 
 ```typescript
 const sensor = new ds.AirPressure()
@@ -25,4 +27,4 @@ DeviceScript uses the Jacdac services to provide an abstraction layer between th
 
 ## More information
 
--   read the [MicroCode user guide](https://microsoft.github.io/devicescript)
+-   read the [DeviceScript user guide](https://microsoft.github.io/devicescript/)