@esri/hub-components
Advanced tools
Web components for embedding ArcGIS Hub capabilities into websites and custom applications.
These components can added to any website or application regardless of framework. There are currently a few components with more being added over time to allow people to easily embed most parts of ArcGIS Hub into their sites.
You can easily add Hub components to your website:
<head>
<script src='https://unpkg.com/@esri/hub-components@0.1.0/dist/hub-components.js'></script>
<link rel="stylesheet" href="https://unpkg.com/@esri/calcite-components@1.0.0-beta.24/dist/calcite/calcite.css">
</head>
<hub-event clientid="WXC842NRBVB6NZ2r" slug="community-garden-management-workshop" orgurl="https://cityx.maps.arcgis.com"></hub-event>
To quickly get started exploring the components you can clone this repository
git clone https://github.com/Esri/hub-components.git
Then change directory and install dependencies
> cd hub-components
> npm install
And finally run storybook
npm run storybook
You can use these components similar to other embeds like YouTube using a script tag, or you can integrate within your web application.
These components use i18next to manage translations for localization. The translations are lazyloaded when the component loads, specifically with requests to https://<application-root-url>/assets/i18n/<component-name>.i18n.<language>.json. Therefore, to use these components in your application, you will need to copy the translation files found in /dist/hub-components/assets/i18n of this module to a publicly accessible application path. The components will look for translations on the default path named /assets/hub-components/i18n/. Alternatively, you can set your own path to the translations with a <meta> element:
<meta name="hub-components-assets-url" content="/path/to/i18n" >
Add <script src='https://unpkg.com/@esri/hub-components@0.1.0/dist/hub-components.js'></script> in the head of your index.html
npm install hub-components --saveimport hub-components;To use Hub components in a React application, see Stencil.js docs on React
To use Hub components in an Ember application, use ember-cli-stencil
ember install ember-cli-stencil ember-auto-importnpm install @esri/hub-components --saveRead Development Notes for more information.
Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.
Copyright © 2020 Esri
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
A copy of the license is available in the repository's LICENSE file.
FAQs
ArcGIS Hub web components
We found that @esri/hub-components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 14 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
The Socket Research Team has discovered six new malicious npm packages linked to North Korea’s Lazarus Group, designed to steal credentials and deploy backdoors.
Security News
Socket CEO Feross Aboukhadijeh discusses the open web, open source security, and how Socket tackles software supply chain attacks on The Pair Program podcast.
Security News
Opengrep continues building momentum with the alpha release of its Playground tool, demonstrating the project's rapid evolution just two months after its initial launch.