Added "aggressive refresh" for arcade datasources

indicator/config.json

@@ -20,6 +20,7 @@
   "valuePrefix": "",
   "valueSuffix": "",
   "valueUnitPrefix": true,
+  "aggressiveRefresh": false,
   "refreshIntervalValue": 5,
   "refreshIntervalUnit": "minutes"
 }

indicator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exb-indicator",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A simple indicator widget for Experience Builder, based on the indicator widget from ArcGIS Dashboards.",
   "author": "Lucius Creamer",
   "license": "MIT",

indicator/src/config.ts

@@ -73,6 +73,7 @@ export interface Config {
 
 	showLastUpdateTime: boolean
 	lastUpdateTimeTextColor: string
+	aggressiveRefresh: boolean
 
 	refreshIntervalValue: number
 	refreshIntervalUnit: "seconds" | "minutes" | "hours"

indicator/src/runtime/widget.tsx

@@ -259,6 +259,50 @@ interface FeaturePagerProps {
 	onNext: () => void
 }
 
+type ArcadeRefreshableDataSource = ArcGISQueriableDataSource & {
+	getMainDataSource?: () => ArcGISQueriableDataSource
+	getDataSourceJson?: () => { arcadeScript?: string }
+	setNeedRefresh?: (needRefresh: boolean) => void
+	ready?: () => Promise<unknown>
+	arcadeClientLayer?: unknown
+	arcadeResult?: { layer?: unknown }
+}
+
+async function aggressiveRefreshArcadeDataSource (
+	ds: ArcGISQueriableDataSource | null | undefined
+): Promise<void> {
+	const target = ds as ArcadeRefreshableDataSource | null | undefined
+	if (!target) return
+
+	const dsJson = target.getDataSourceJson?.()
+	if (!dsJson?.arcadeScript) return
+
+	const main = (target.getMainDataSource?.() ?? target) as ArcadeRefreshableDataSource
+	const reset = (item: ArcadeRefreshableDataSource | null | undefined) => {
+		if (!item) return
+		item.arcadeClientLayer = null
+		item.arcadeResult = undefined
+		item.setNeedRefresh?.(true)
+	}
+
+	reset(target)
+	if (main !== target) {
+		reset(main)
+	}
+
+	try {
+		// Re-run DS ready lifecycle to force re-execution of the Arcade script.
+		await main.ready?.()
+	} catch (err) {
+		console.warn("Indicator: aggressive Arcade refresh failed", err)
+	} finally {
+		target.setNeedRefresh?.(false)
+		if (main !== target) {
+			main.setNeedRefresh?.(false)
+		}
+	}
+}
+
 const FeaturePager = ({
 	current,
 	total,
@@ -328,6 +372,7 @@ export default function Widget (props: AllWidgetProps<IMConfig>) {
 	const mainDsRef = React.useRef<ArcGISQueriableDataSource | null>(null)
 	const refDsRef = React.useRef<ArcGISQueriableDataSource | null>(null)
 	const prevMainValueRef = React.useRef<number | null>(null)
+	const aggressiveRefreshInFlightRef = React.useRef(false)
 
 	// ── Derived fields ─────────────────────────────────────────────────────
 
@@ -426,11 +471,28 @@ export default function Widget (props: AllWidgetProps<IMConfig>) {
 	React.useEffect(() => {
 		if (!isConfigured) return
 		const id = setInterval(() => {
-			setMainTrigger((v) => v + 1)
-			setRefTrigger((v) => v + 1)
+			if (!(config.aggressiveRefresh ?? false)) {
+				setMainTrigger((v) => v + 1)
+				setRefTrigger((v) => v + 1)
+				return
+			}
+
+			if (aggressiveRefreshInFlightRef.current) return
+			aggressiveRefreshInFlightRef.current = true
+
+			const run = async () => {
+				await aggressiveRefreshArcadeDataSource(mainDsRef.current)
+				await aggressiveRefreshArcadeDataSource(refDsRef.current)
+				setMainTrigger((v) => v + 1)
+				setRefTrigger((v) => v + 1)
+			}
+
+			void run().finally(() => {
+				aggressiveRefreshInFlightRef.current = false
+			})
 		}, refreshMs)
 		return () => { clearInterval(id) }
-	}, [isConfigured, refreshMs])
+	}, [isConfigured, refreshMs, config.aggressiveRefresh])
 
 	// ── Main query effect ──────────────────────────────────────────────────
 

indicator/src/setting/setting.tsx

@@ -21,6 +21,7 @@ import {
 	Button,
 	ButtonGroup,
 	Select,
+	Tooltip,
 	CollapsablePanel,
 	Tabs,
 	Tab,
@@ -310,8 +311,8 @@ export default function Setting (props: AllWidgetSettingProps<IMConfig>) {
 											dataSource={
 												props.useDataSources?.[0]
 													? DataSourceManager.getInstance().getDataSource(
-															props.useDataSources[0].dataSourceId
-														)
+														props.useDataSources[0].dataSourceId
+													)
 													: null
 											}
 											onChange={(expression: IMSqlExpression) => {
@@ -441,13 +442,13 @@ export default function Setting (props: AllWidgetSettingProps<IMConfig>) {
 										label={
 											config.indType === "Statistic"
 												? props.intl.formatMessage({
-														id: "selectField",
-														defaultMessage: "Field"
-													})
+													id: "selectField",
+													defaultMessage: "Field"
+												})
 												: props.intl.formatMessage({
-														id: "selectValueField",
-														defaultMessage: "Value Field"
-													})
+													id: "selectValueField",
+													defaultMessage: "Value Field"
+												})
 										}
 										flow={"wrap"}
 									>
@@ -478,13 +479,13 @@ export default function Setting (props: AllWidgetSettingProps<IMConfig>) {
 											types={
 												(config.indType === "Statistic" &&
 													config.mainStatisticType !== "count") ||
-												config.indType === "Feature"
+													config.indType === "Feature"
 													? Immutable.from([
-															"NUMBER" as JimuFieldType,
-															"DATE" as JimuFieldType,
-															"DATE_ONLY" as JimuFieldType,
-															"TIME_ONLY" as JimuFieldType
-														])
+														"NUMBER" as JimuFieldType,
+														"DATE" as JimuFieldType,
+														"DATE_ONLY" as JimuFieldType,
+														"TIME_ONLY" as JimuFieldType
+													])
 													: undefined
 											}
 										/>
@@ -599,8 +600,8 @@ export default function Setting (props: AllWidgetSettingProps<IMConfig>) {
 											dataSource={
 												props.useDataSources?.[1]
 													? DataSourceManager.getInstance().getDataSource(
-															props.useDataSources[1].dataSourceId
-														)
+														props.useDataSources[1].dataSourceId
+													)
 													: null
 											}
 											onChange={(expression: IMSqlExpression) => {
@@ -717,11 +718,11 @@ export default function Setting (props: AllWidgetSettingProps<IMConfig>) {
 												config.refStatisticType === "count"
 													? undefined
 													: Immutable.from([
-															"NUMBER" as JimuFieldType,
-															"DATE" as JimuFieldType,
-															"DATE_ONLY" as JimuFieldType,
-															"TIME_ONLY" as JimuFieldType
-														])
+														"NUMBER" as JimuFieldType,
+														"DATE" as JimuFieldType,
+														"DATE_ONLY" as JimuFieldType,
+														"TIME_ONLY" as JimuFieldType
+													])
 											}
 										/>
 									</SettingRow>
@@ -830,6 +831,64 @@ export default function Setting (props: AllWidgetSettingProps<IMConfig>) {
 								}}
 							/>
 						</SettingRow>
+						<SettingRow
+							label={(
+								<div
+									style={{
+										display: "inline-flex",
+										alignItems: "center",
+										gap: 6
+									}}
+								>
+									<Tooltip
+										title={props.intl.formatMessage({
+											id: "aggressiveRefreshHelpTooltip",
+											defaultMessage:
+												"Primarily for Arcade data sources. This mode is more expensive and may increase refresh workload."
+										})}
+									>
+										<span
+											style={{
+												display: "inline-flex",
+												alignItems: "center",
+												justifyContent: "center",
+												width: 16,
+												height: 16,
+												borderRadius: "50%",
+												border: "1px solid currentColor",
+												fontSize: 11,
+												fontWeight: 700,
+												lineHeight: 1,
+												cursor: "help",
+												userSelect: "none"
+											}}
+										>
+											i
+										</span>
+									</Tooltip>
+									<span>
+										{props.intl.formatMessage({
+											id: "aggressiveRefresh",
+											defaultMessage: "Aggressive refresh"
+										})}
+									</span>
+								</div>
+							)}
+							flow={"no-wrap"}
+						>
+							<Switch
+								checked={config.aggressiveRefresh ?? false}
+								onChange={() => {
+									onSettingChange({
+										id,
+										config: {
+											...config,
+											aggressiveRefresh: !(config.aggressiveRefresh ?? false)
+										}
+									})
+								}}
+							/>
+						</SettingRow>
 						<SettingRow
 							label={props.intl.formatMessage({
 								id: "refreshInterval",