StreamLayerView

const query = streamLayerView.createQuery();
query.where = "status = 'in progress'";
csvLayerView.queryFeatures(query).then(function(results) {
  console.log(results);
})
.catch(function(error) {
  console.log(error);
});

// Highlight features based on a query result

// Add a new set of highlight options to the view's highlights collection
view.highlights.push({
  name: "oaks",
  color: "forestgreen",
  haloOpacity: 0.8,
  fillOpacity: 0.3
});

// A handler can be used to remove any previous highlight when applying a new one
let highlight;

// Query for particualar features in a layer and then highlight them with the specified options
view.whenLayerView(treesLayer).then((layerView) => {
  let query = treesLayer.createQuery();
  query.where = "type = 'Quercus'";

  treesLayer.queryFeatures(query).then((result) => {
    // Remove any previous highlight, if it exists
    highlight?.remove();
    // Apply the "oaks" highlight options to the corresponding tree features
    highlight = layerView.highlight(result.features, {name: "oaks"});
  });
});

// Use the default highlights collection to apply a highlight to features when you hover over them

// A handler can be used to remove any previous highlight when applying a new one
let hoverHighlight;

view.on("pointer-move", (event) => {
  // Search for the first feature in the featureLayer at the hovered location
  view.hitTest(event, { include: layer }).then((response) => {
    if (response.results[0]) {
      const graphic = response.results[0].graphic;
      view.whenLayerView(graphic.layer).then((layerView) => {
        // Remove any previous highlight, if it exists
        hoverHighlight?.remove();
        // Highlight the hit features with the temporary highlight options, which are pre-configured for this use case
        hoverHighlight = layerView.highlight(graphic, { name: "temporary" });
      });
    }
  });
});

view.on("click", function(event){
  // event is the event handle returned after the event fires.
  console.log(event.mapPoint);
});

let layer = new StreamLayer({
  url: streamLayerUrl  // URL to a stream service
});

const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

const results = await layerView.queryExtent()
view.goTo(results.extent);  // go to the extent of all the graphics in the layerView

view.on("click", function(event){

  let query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  view.whenLayerView(layer).then(function(layerView){
    reactiveUtils.whenOnce(() => !layerView.updating)
    .then(function(){
      return layerView.queryFeatureCount(query);
    })
    .then(function(count){
      console.log(count);  // prints the number of the client-side graphics that satisfy the query
    });
  });
});

view.whenLayerView(layer).then(function(layerView){
  return layerView.queryFeatureCount()
}).then(function(count){
  console.log(count);  // prints the total number of client-side graphics to the console
});

const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

const results = await layerView.queryFeatures(query);
console.log(results.features);  // prints the array of client-side graphics to the console

// returns all the graphics from the layerView
const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

const results = await layerView.queryFeatures()
console.log(results.features);  // prints all the client-side graphics to the console

let layer = new StreamLayer({
  url: streamLayerUrl  // URL to a Stream Service
});

const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

const results = await layerView.queryLatestObservations()
console.log(results.features);  // prints all the client-side graphics to the console

view.on("click", function(event){

  let query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  view.whenLayerView(layer).then(function(layerView){
    reactiveUtils.whenOnce(() => !layerView.updating)
    .then(function(){
      return layerView.queryObjectIds(query);
    })
    .then(function(ids){
      console.log(ids);  // prints the ids of the client-side graphics to the console
    });
  });
});

// returns all the Ids from the graphics in the layerView
view.whenLayerView(layer).then(function(layerView){
  return layerView.queryObjectIds()
}).then(function(ids){
  console.log(ids);  // prints the ids of all the client-side graphics to the console
});