Latest Threat ResearchGlassWorm Loader Hits Open VSX via Developer Account Compromise.Details →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@map-colonies/react-components

Package Overview
Dependencies
Maintainers
11
Versions
81
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@map-colonies/react-components

This is a library contains react components for use by other apps. All the components are written using typescript. The project was bootstrapped using create-react-app, and modified to enable exporting of components.

npmnpm
Version
3.13.1
Version published
Weekly downloads
61
1425%
Maintainers
11
Weekly downloads
 
Created
Source

react-components

This is a library contains react components for use by other apps. All the components are written using typescript. The project was bootstrapped using create-react-app, and modified to enable exporting of components.

Using the package

  • Run yarn run build. This will compile the src/lib folder, and copy all the other files into the dist folder.
  • Add the package as a dependency to your project.
  • Import the required component, and use it in your code.

Developing new components

  • Create a new folder for your component under src/lib.
  • Develop your component (you can use src/index.tsx with yarn start to help you in the process).
  • Import the component into src/lib/index.ts.
  • Rebuild the package using yarn run build.
  • Use the new component in different apps.

Static resources (assets) handling

CESIUM assets (js, css) are not part of the package. react-components provides a declarative way to use cesium maps.

Make sure you include an CESIUM static assest in your appilcation!

You can use any one you want, but Google's Material Icons are available through open source. https://google.github.io/material-design-icons/

Self hosted solution

  • Copy relevant assets to your public folder.
    cesium npm module is a npm dependency.
    For exmaple you can add to your package.json following script: 
    "scripts": {
    "copyassets:cesium": "copyfiles -u 3 \"./node_modules/cesium/Build/Cesium/**/*\" \"./public\"",
}
  • Load the assests in your app entry point(index.html).
    For exmaple you can add it in head section of your index.html: 
    <head>
    <link rel="stylesheet" href="%PUBLIC_URL%/Cesium/Widgets/widgets.css" />
    <script src="%PUBLIC_URL%/Cesium/Cesium.js"></script>
</head>

Other solution how to integrate assets to you code

FAQs

Package last updated on 12 Jan 2023

Did you know?

Socket

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.

Install

Related posts

GlassWorm Loader Hits Open VSX via Developer Account Compromise

Research

/

Security News

GlassWorm Loader Hits Open VSX via Developer Account Compromise

Threat actors compromised four oorzc Open VSX extensions with more than 22,000 downloads, pushing malicious versions that install a staged loader, evade Russian-locale systems, pull C2 from Solana memos, and steal macOS credentials and wallets.

By Kirill Boychenko  -  Jan 31, 2026