@typespec/playground 0.6.0-dev.3 → 0.7.0-dev.0

package/dist/react/index.js

@@ -1583,15 +1583,20 @@ const Sash = ({
   ...others
 }) => {
   const [draging, setDrag] = useState(false);
-  const handleMouseMove = (e) => {
-    onDragging(e);
-  };
+  const handleMouseMove = (e) => onDragging(createDraggingEventFromMouseEvent(e));
   const handleMouseUp = (e) => {
     setDrag(false);
-    onDragEnd(e);
+    onDragEnd(createDraggingEventFromMouseEvent(e));
     window.removeEventListener("mousemove", handleMouseMove);
     window.removeEventListener("mouseup", handleMouseUp);
   };
+  const handleTouchMove = (e) => onDragging(createDraggingEventFromTouchEvent(e));
+  const handleTouchUp = (e) => {
+    setDrag(false);
+    onDragEnd(createDraggingEventFromTouchEvent(e));
+    window.removeEventListener("touchmove", handleTouchMove);
+    window.removeEventListener("touchend", handleTouchUp);
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -1599,16 +1604,37 @@ const Sash = ({
       className: mergeClasses(style$1$1["sash"], className),
       onMouseDown: (e) => {
         setDrag(true);
-        onDragStart(e);
+        onDragStart(createDraggingEventFromMouseEvent(e));
         window.addEventListener("mousemove", handleMouseMove);
         window.addEventListener("mouseup", handleMouseUp);
       },
+      onTouchStart: (e) => {
+        setDrag(true);
+        onDragStart(createDraggingEventFromTouchEvent(e));
+        window.addEventListener("touchmove", handleTouchMove);
+        window.addEventListener("touchend", handleTouchUp);
+      },
       onDoubleClick: onReset,
       ...others,
       children: render(draging)
     }
   );
 };
+function createDraggingEventFromMouseEvent(originalEvent) {
+  return {
+    originalEvent,
+    pageX: originalEvent.pageX,
+    pageY: originalEvent.pageY
+  };
+}
+function createDraggingEventFromTouchEvent(originalEvent) {
+  const lastTouch = originalEvent.touches[originalEvent.touches.length - 1];
+  return {
+    originalEvent,
+    pageX: lastTouch.clientX,
+    pageY: lastTouch.clientY
+  };
+}
 
 const defaultDimensions = { width: 0, height: 0 };
 function useElDimensions(ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.6.0-dev.3",
+  "version": "0.7.0-dev.0",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -61,15 +61,15 @@
   "dependencies": {
     "@fluentui/react-components": "~9.55.0",
     "@fluentui/react-icons": "^2.0.260",
-    "@typespec/bundler": "~0.1.8 || >=0.2.0-dev <0.2.0",
-    "@typespec/compiler": "~0.61.2 || >=0.62.0-dev <0.62.0",
-    "@typespec/html-program-viewer": "~0.61.0 || >=0.62.0-dev <0.62.0",
-    "@typespec/http": "~0.61.0 || >=0.62.0-dev <0.62.0",
-    "@typespec/openapi": "~0.61.0 || >=0.62.0-dev <0.62.0",
-    "@typespec/openapi3": "~0.61.0 || >=0.62.0-dev <0.62.0",
-    "@typespec/protobuf": "~0.61.0 || >=0.62.0-dev <0.62.0",
-    "@typespec/rest": "~0.61.0 || >=0.62.0-dev <0.62.0",
-    "@typespec/versioning": "~0.61.0 || >=0.62.0-dev <0.62.0",
+    "@typespec/bundler": "~0.1.9 || >=0.2.0-dev <0.2.0",
+    "@typespec/compiler": "~0.62.0 || >=0.63.0-dev <0.63.0",
+    "@typespec/html-program-viewer": "~0.62.0 || >=0.63.0-dev <0.63.0",
+    "@typespec/http": "~0.62.0 || >=0.63.0-dev <0.63.0",
+    "@typespec/openapi": "~0.62.0 || >=0.63.0-dev <0.63.0",
+    "@typespec/openapi3": "~0.62.0 || >=0.63.0-dev <0.63.0",
+    "@typespec/protobuf": "~0.62.0 || >=0.63.0-dev <0.63.0",
+    "@typespec/rest": "~0.62.0 || >=0.63.0-dev <0.63.0",
+    "@typespec/versioning": "~0.62.0 || >=0.63.0-dev <0.63.0",
     "clsx": "^2.1.1",
     "debounce": "~2.1.1",
     "lzutf8": "0.6.3",
@@ -95,7 +95,7 @@
     "@types/react": "~18.3.11",
     "@types/react-dom": "~18.3.0",
     "@types/swagger-ui-dist": "~3.30.5",
-    "@typespec/bundler": "~0.1.8 || >=0.2.0-dev <0.2.0",
+    "@typespec/bundler": "~0.1.9 || >=0.2.0-dev <0.2.0",
     "@vitejs/plugin-react": "~4.3.2",
     "c8": "^10.1.2",
     "cross-env": "~7.0.3",