exb-camviewer 1.0.0 → 1.0.1

package/README.md

@@ -1,3 +1,8 @@
+[![npm version][npm-img]][npm-url]
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://raw.githubusercontent.com/SunshineLuke90/widgets/master/CamViewer/LICENSE.md)
+
+[npm-img]: https://img.shields.io/npm/v/exb-camviewer.svg?style=flat
+[npm-url]: https://www.npmjs.com/package/exb-camviewer
 # CamViewer Widget
 
 This is a simple widget to view .m3u8 streams using a url field in a feature layer. The widget appears as a button, which when clicked will turn on the "camera" layer, and when a camera is clicked a popup video stream will appear to start streaming the live camera feed.

package/manifest.json

@@ -6,7 +6,6 @@
   "exbVersion": "1.18.0",
   "author": "Lucius Creamer",
   "description": "This widget allows users to view and interact with camera feeds in a map context.",
-  "copyright": "",
   "dependency": [
     "jimu-arcgis"
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exb-camviewer",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A camera viewer, to view .m3u8 streams via a url in a feature layer.",
   "license": "MIT",
   "author": "Lucius Creamer",

package/src/runtime/widget.tsx

@@ -3,6 +3,7 @@ import type { IMConfig } from '../config'
 import defaultMessages from './translations/default'
 import { JimuMapViewComponent, type JimuMapView, type JimuLayerView } from 'jimu-arcgis'
 import { Button, Icon } from 'jimu-ui'
+// @ts-expect-error - No types available for this package
 import './style.css'
 import { useCallback, useState } from 'react'
 import { createPortal } from 'react-dom'
@@ -11,7 +12,7 @@ import { createPortal } from 'react-dom'
 // Run npm install hls.js in your client directory to install.
 import Hls from 'hls.js'
 
-export default function Widget(props: AllWidgetProps<IMConfig>) {
+export default function Widget (props: AllWidgetProps<IMConfig>) {
   const { useDataSources, useMapWidgetIds } = props
   const [jimuMapView, setJimuMapView] = React.useState<JimuMapView>(null)
 
@@ -42,11 +43,10 @@ export default function Widget(props: AllWidgetProps<IMConfig>) {
       setCurrentURL(url)
       setShowVideo(true)
     }
-    return null
   }
 
   // Draggable, resizable, closable video portal
-  const handleMouseMove = (e) => {
+  const handleMouseMove = (e: MouseEvent) => {
     if (dragging) {
       setVideoPos({ x: e.clientX - dragOffset.x, y: e.clientY - dragOffset.y })
     } else if (resizing) {

package/src/setting/setting.tsx

@@ -18,7 +18,7 @@ import {
 } from "jimu-ui/advanced/data-source-selector"
 import { IconPicker } from "jimu-ui/advanced/resource-selector"
 
-export default function Setting(props: AllWidgetSettingProps<IMConfig>) {
+export default function Setting (props: AllWidgetSettingProps<IMConfig>) {
 	const onMapSelected = (useMapWidgetIds: string[]) => {
 		props.onSettingChange({
 			id: props.id,
@@ -47,7 +47,7 @@ export default function Setting(props: AllWidgetSettingProps<IMConfig>) {
 		})
 	}
 
-	const onIconChange = (icon) => {
+	const onIconChange = (icon: any) => {
 		props.onSettingChange({
 			id: props.id,
 			config: {
@@ -77,7 +77,7 @@ export default function Setting(props: AllWidgetSettingProps<IMConfig>) {
 				</SettingRow>
 				<SettingRow>
 					<DataSourceSelector
-						types={Immutable([DataSourceTypes.FeatureLayer])}
+						types={Immutable.from([DataSourceTypes.FeatureLayer])}
 						mustUseDataSource={true}
 						useDataSources={props.useDataSources}
 						useDataSourcesEnabled={props.useDataSourcesEnabled}