gavinr / wab-widget-search Goto Github PK

View Code? Open in Web Editor NEW

17.0 3.0 5.0 1.65 MB

A simple page to filter and find Esri Web AppBuilder widgets.

Home Page: https://web-appbuilder-widget-search.surge.sh/

JavaScript 88.15% CSS 1.95% HTML 9.90%

web-appbuilder javascript arcgis arcgis-js-api wab arcgis-wab esri-wab web-appbuilder-widgets hacktoberfest

wab-widget-search's Introduction

Web AppBuilder Widget Search

A simple page to filter and find custom Web AppBuilder widgets.

To submit your widget to the list

2 easy ways!

Create a new issue in this repo, or
Fork this repo, add your widget to public/widgets.json

How does this work?

Our list of widgets are listed on public/widgets.json. Each object in the array can have:

url * - The homepage of the widget.
manifestUrl * - URL to widget manifest file. Should be valid JSON.
thumbnail - URL to image for thumbnail
preview - URL to full application that includes the widget for preview purposes
categories - Array of categories. This widget will show up when any of these categories are selected on the site.

Based on the above, a process enriches the widget data for display on the website. Full schema of JSON that is accessible to the site include:

url - [same as above]
manifestUrl - [same as above]
categories - [same as above]
thumbnail - [same as above]
preview - [same as above]
slug - URL slug based on name
name - directly from manifest.json
version - directly from manifest.json
wabVersion - directly from manifest.json
author - directly from manifest.json
description - directly from manifest.json
copyright - directly from manifest.json
license - directly from manifest.json
githubStars - if url above is a GitHub url
githubForks - if url above is a GitHub url
created_at - if url above is a GitHub url
geonetLikes - if url above is an Esri Geonet url
geonetComments - if url above is an Esri Geonet url
geonetViews - if url above is an Esri Geonet url

Development

This project was bootstrapped with Create React App. You can run a local version of the site for development by following these steps:

Fork and clone this repository.
In a terminal, npm install
npm start

wab-widget-search's People

Contributors

Stargazers

Watchers

Forkers

timw1984 rrabb massimiliano76 goriliukasbuxton carlosrishmawi

wab-widget-search's Issues

MapProgress Widget

Thumbnail:

Updated Desc:
A map progress indicator that is more visible to the user. The animated icon is configurable by the user so that company branding can occur.

Upgrade to Dgrid 1.0

https://github.com/SitePen/dgrid/releases/tag/v1.0.0

show github repo stars to indicate popularity

Identify Widget update

Preview image

Updated Desc:
This widget allows identifying feature(s) on the map without a popup template being configured for that layer.

Expanded Desc:
If you are an emergency responder than you are likely familiar with NOAA'a ALOHA
(Areal Locations of Hazardous Atmospheres) is a modeling program that estimates threat zones associated with hazardous chemical releases, including toxic gas clouds, fires, and explosions.

This widget does not model or generate the chemical plume, It only imports the Aloha .pas
file and parses the file to plot the data in Web AppBuilder.

Sitemap.xml

https://www.npmjs.com/package/react-router-sitemap

gracefully degrade if a manifest.json is not available

add maritime widgets

https://github.com/Esri/maritimechartservice-sample-viewer

Support non-github widgets

Should have option for widgets that are not hosted on github. We'll have to host the manifest json properties here instead in those cases

Popup Panel Widget Update

Thumbnail:

Updated Desc:
For those of you that don't want the popup to block features on the map or wish you could have selections results info displayed some where beside the map info window, this is the widget for you.

Remove Rawgit dependency

switch to jsdelivr:
https://github.com/gavinr/wab-widget-search/blob/master/src/app/widget-locations.js

Sorting Functionality

Allow user to choose sort between:

popularity
alpha
others?

Switch to calcite-react

https://www.npmjs.com/package/calcite-react

Would need to use something else for the grid though, maybe https://caniuse.com/#search=css%20grid ?

Merge apps

Hi @gavinr ! I Didn't know about this repo until now that I was watching a talk Tom and you gave last year.

I built something similar 9 months ago: http://esri-es.github.io/Web-AppBuilder-Custom-Widgets/

I think we are doing pretty much the same, right?

I'm told Derek Law that something like our tools inside Web AppBuilder interface would be great with some widgets built by the community, what do you think?.

Better UI

Possible inspiration https://slack.com/apps

Would have to discuss what other metadata we have to capture with each widget above and beyond the manifest.json. We could add that in our main widget-locations.js, just have it look if there's a manifest file we can use FIRST, and if we can't find a data point in the manifest file, then look for it locally in our repository (json file).

Additional info we may want to store:

icon (url to image)
color (hex code)
tags (array)
featured (boolean)