npm - dualsense-ts - Versions diffs - 5.2.3 → 5.3.0 - Mend

dualsense-ts 5.2.3 → 5.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/webhid_example/package.json CHANGED Viewed

@@ -5,8 +5,9 @@
   "author": "Nate Dube <nate@ndube.com>",
   "license": "GPL-3.0",
   "private": true,
+  "homepage": "dualsense-ts",
   "dependencies": {
-    "@blueprintjs/core": "^4.11.4",
+    "@blueprintjs/core": "5",
     "@blueprintjs/icons": "^4.8.0",
     "@blueprintjs/popover2": "^1.7.4",
     "@blueprintjs/select": "^4.8.4",
@@ -70,24 +71,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "jest": {
-    "moduleFileExtensions": [
-      "js",
-      "json",
-      "ts",
-      "tsx"
-    ],
-    "rootDir": "src",
-    "testRegex": ".*\\.spec\\.ts$",
-    "transform": {
-      "^.+\\.(t|j)s$": "ts-jest"
-    },
-    "collectCoverageFrom": [
-      "**/*.(t|j)s"
-    ],
-    "coverageDirectory": "../coverage",
-    "testEnvironment": "node",
-    "preset": "ts-jest"
   }
 }

package/webhid_example/public/index.html CHANGED Viewed

@@ -2,10 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="dualsense-ts/%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <link rel="manifest" href="dualsense-ts/%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <!-- Start Single Page Apps for GitHub Pages -->
     <script type="text/javascript">
       // Single Page Apps for GitHub Pages

package/webhid_example/src/App.tsx CHANGED Viewed

@@ -2,6 +2,8 @@ import styled from "styled-components";
 import { Reticle, ControllerConnection } from "./hud";
 import { ControllerContext, controller } from "./Controller";
+import { Debugger } from "./hud/Debugger";
+import { HUDLayout } from "./hud/HUDLayout";
 const AppContainer = styled.div`
   display: flex;
@@ -18,8 +20,11 @@ export const App = () => {
   return (
     <ControllerContext.Provider value={controller}>
       <AppContainer className="AppContainer">
-        <Reticle />
-        <ControllerConnection />
+        <HUDLayout>
+          <Reticle />
+          <ControllerConnection />
+          <Debugger />
+        </HUDLayout>
       </AppContainer>
     </ControllerContext.Provider>
   );

package/webhid_example/src/hud/Debugger.tsx ADDED Viewed

@@ -0,0 +1,124 @@
+import React from "react";
+import styled from "styled-components";
+import { Card, Section, Elevation, Switch, Slider } from "@blueprintjs/core";
+import { DualsenseHIDState } from "dualsense-ts";
+import { ControllerContext } from "../Controller";
+const StyledDebugger = styled.div`
+  grid-column: 1;
+  grid-row: 1/-1;
+  justify-content: right;
+  align-items: top;
+  display: flex;
+  opacity: 0.7;
+  padding: 1vw;
+  width: 20vw;
+`;
+const ScrollablePre = styled.pre`
+  overflow: scroll;
+  word-break: normal !important;
+  word-wrap: normal !important;
+  white-space: pre !important;
+  width: 15vw;
+  max-height: 30vw;
+`;
+export const Debugger = () => {
+  const controller = React.useContext(ControllerContext);
+  const [controllerState, setDebugState] = React.useState<DualsenseHIDState>(
+    controller.hid.state
+  );
+  const [showReport, setShowReport] = React.useState<boolean>(false);
+  const [showState, setShowState] = React.useState<boolean>(false);
+  const [byteOffset, setByteOffset] = React.useState<number>(0);
+  controller.hid.provider.reportOffset = byteOffset;
+  React.useEffect(() => {
+    controller.on("change", (controller) => {
+      setDebugState(controller.hid.state);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  let reportBuffer: string = "";
+  let reportLength: string = "";
+  if (controller.hid.provider.buffer) {
+    const report = controller.hid.provider.buffer as DataView;
+    reportBuffer = `const report = Buffer.from([${new Uint8Array(
+      report.buffer
+    ).join(", ")}])`;
+    reportLength = `${report.byteLength} bytes`;
+  } else {
+    reportBuffer = "Waiting for report...";
+    reportLength = "unknown";
+  }
+  const connected = controller.hid.provider.connected;
+  return (
+    <StyledDebugger className="Debugger">
+      <Card interactive={false} elevation={Elevation.TWO}>
+        <Section title={"Debugger"}>
+          <Card compact={true}>
+            Connected: {controller.hid.provider.connected ? "yes" : "no"}
+            {connected
+              ? `, ${controller.hid.provider.wireless ? "bluetooth" : "usb"}`
+              : ""}
+          </Card>
+        </Section>
+        <Section title={"Outputs"}>
+          <Card compact={true}>
+            <Switch
+              label={"Show Input State"}
+              checked={showState}
+              onChange={() => setShowState(!showState)}
+            />
+            <Switch
+              label={"Show Report Buffer"}
+              checked={showReport}
+              onChange={() => setShowReport(!showReport)}
+            />
+          </Card>
+        </Section>
+        {showReport
+          ? [
+              <Section
+                title={"HID Report"}
+                subtitle={`Buffer Length: ${reportLength}`}
+              >
+                <Card compact={true}>
+                  <h5>Byte Offset</h5>
+                  <Slider
+                    value={byteOffset}
+                    min={-2}
+                    max={20}
+                    stepSize={1}
+                    onChange={setByteOffset}
+                    labelValues={[byteOffset]}
+                  />
+                  <h5>Buffer Sample</h5>
+                  <ScrollablePre>{reportBuffer}</ScrollablePre>
+                </Card>
+              </Section>,
+            ]
+          : []}
+        {showState
+          ? [
+              <Section title={"Input State"} compact={true}>
+                <ScrollablePre>
+                  {Object.entries(controllerState)
+                    .map(
+                      ([key, val], index) => `${key}: ${JSON.stringify(val)}`
+                    )
+                    .join("\n")}
+                </ScrollablePre>
+              </Section>,
+            ]
+          : []}
+      </Card>
+    </StyledDebugger>
+  );
+};

package/webhid_example/src/hud/HUDLayout.tsx ADDED Viewed

@@ -0,0 +1,14 @@
+import styled from "styled-components";
+export const HUDLayout = styled.div`
+  z-index: 10;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: 1fr 1fr 30% 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
+`;

package/webhid_example/src/hud/index.tsx CHANGED Viewed

@@ -3,6 +3,8 @@
  */
 export * from "./ControllerConnection";
+export * from "./Debugger";
+export * from "./HUDLayout";
 export * from "./RenderedElement";
 export * from "./Reticle";
 export * from "./Spinner";