feat: add camera widget

illacloud · Feb 22, 2024 · 006de35 · 006de35
1 parent 9417f02
commit 006de35
Show file tree

Hide file tree

Showing 44 changed files with 2,035 additions and 12 deletions.
diff --git a/apps/builder/package.json b/apps/builder/package.json
@@ -135,6 +135,7 @@
     "react-use": "^17.4.0",
     "react-use-measure": "^2.1.1",
     "react-virtuoso": "^4.3.11",
+    "react-webcam": "^7.2.0",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
     "rehype-raw": "^6.1.1",

diff --git a/apps/builder/src/assets/camera/capture.svg b/apps/builder/src/assets/camera/capture.svg
diff --git a/apps/builder/src/assets/camera/videoCaptruIng.svg b/apps/builder/src/assets/camera/videoCaptruIng.svg
diff --git a/apps/builder/src/assets/camera/videoCapture.svg b/apps/builder/src/assets/camera/videoCapture.svg
diff --git a/apps/builder/src/assets/widgetCover/camera.svg b/apps/builder/src/assets/widgetCover/camera.svg
diff --git a/apps/builder/src/page/App/components/ComponentPanel/componentListBuilder.tsx b/apps/builder/src/page/App/components/ComponentPanel/componentListBuilder.tsx
@@ -19,7 +19,7 @@ export const sessionTypeMapSessionNameKey = {
   COMMON: i18n.t("editor.widget_picker.sessions.commonly"),
   INPUTS: i18n.t("editor.widget_picker.sessions.inputs"),
   SELECT: i18n.t("editor.widget_picker.sessions.selects"),
-  ILLA_DRIVE: i18n.t("editor.widget_picker.sessions.drive"),
+  FILE_INPUT: i18n.t("editor.widget_picker.sessions.files"),
   CALENDAR: i18n.t("editor.widget_picker.sessions.calendar"),
   PRESENTATION: i18n.t("editor.widget_picker.sessions.presentation"),
   DATA: i18n.t("editor.widget_picker.sessions.data"),
@@ -50,7 +50,7 @@ const translateChildren = (componentConfigs: WidgetConfig[]) => {
   const sessionConfigs: TypeMapComponent = {
     COMMON: [],
     INPUTS: [],
-    ILLA_DRIVE: [],
+    FILE_INPUT: [],
     SELECT: [],
     CALENDAR: [],
     DATA: [],

diff --git a/apps/builder/src/page/App/components/DotPanel/index.tsx b/apps/builder/src/page/App/components/DotPanel/index.tsx
@@ -105,7 +105,10 @@ export const DotPanel: FC = () => {
     <MouseHoverProvider>
       <MouseMoveProvider>
         {isMobileAPP ? (
-          <div css={applyMobileViewportContainerWrapperStyle(mode)}>
+          <div
+            data-mobile-fullscreen-container={true}
+            css={applyMobileViewportContainerWrapperStyle(mode)}
+          >
             <RenderPage
               key={currentDisplayName}
               currentPageDisplayName={currentDisplayName}

diff --git a/apps/builder/src/services/drive.ts b/apps/builder/src/services/drive.ts
@@ -396,3 +396,13 @@ export const fetchGCSUploadPresignedURL = async (
     return Promise.reject(e)
   }
 }
+
+export const fetchDeleteFile = async (id: string) => {
+  return await driveRequest<null>(
+    {
+      url: `/files/${id}`,
+      method: "DELETE",
+    },
+    { teamID: getCurrentTeamID() },
+  )
+}
diff --git a/apps/builder/src/utils/eventHandlerHelper/index.ts b/apps/builder/src/utils/eventHandlerHelper/index.ts
@@ -236,7 +236,8 @@ export const transformEvents = (
         widgetMethod === "resetValue" ||
         widgetMethod === "resetMarkers" ||
         widgetMethod === "onFreeTimeDragOrClick" ||
-        widgetMethod === "openScanner"
+        widgetMethod === "openScanner" ||
+        widgetMethod === "openCamera"
       ) {
         return {
           script: `{{${widgetID}.${widgetMethod}()}}`,

diff --git a/apps/builder/src/utils/mediaSourceLoad/utils.ts b/apps/builder/src/utils/mediaSourceLoad/utils.ts
@@ -12,5 +12,7 @@ export const getReportElementByWidget = (
       return `${prefix}traffic_not_enough_video`
     case "AUDIO_WIDGET":
       return `${prefix}traffic_not_enough_audio`
+    case "CAMERA_WIDGET":
+      return `${prefix}traffic_not_enough_camera`
   }
 }
diff --git a/apps/builder/src/utils/userAgent/index.ts b/apps/builder/src/utils/userAgent/index.ts
@@ -1,3 +1,5 @@
+const MOBILE_USER_AGENT = /Android|webOS|iPhone|iPod|BlackBerry/i
+
 export const getUserPlatform = () => {
   const platform =
     "userAgentData" in navigator
@@ -28,3 +30,7 @@ export const isWindows = () => {
 export const isLinux = () => {
   return getUserPlatform() === "Linux"
 }
+
+export const isMobileByUserAgent = () => {
+  return MOBILE_USER_AGENT.test(navigator?.userAgent)
+}