Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@kit-data-manager/pid-component

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kit-data-manager/pid-component

The PID-Component is a web component that can be used to display PIDs, ORCiDs, and possibly other identifiers in a user-friendly way. It is easily extensible to support other identifier types.

  • 0.0.4
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

PID Component

CodeQL

The PID-Component is a web component that can be used to display PIDs, ORCiDs, and possibly other identifiers in a user-friendly way. It is easily extensible to support other identifier types.

To use the component, import the package via unpkg:

<head>
  <script type="module" src="https://unpkg.com/@kit-data-manager/pid-component"></script>
</head>

Alternatively you can install the package via npm:

npm install @kit-data-manager/pid-component

Then, you can use this component like this:

<display-magic value="21.T11981/be908bd1-e049-4d35-975e-8e27d40117e6"></display-magic>

You can try this web component in the demo.

Only use the display-magic component! All the others are just for prototyping...

There are detailed docs for the display-magic component available in the Storybook and in the source code.

TODO: Add more information

How to run when developing

  1. Clone the repo
  2. Run npm install

For running storybook in dev mode, run theses commands in separate terminals:

  • npm run buildWatch
  • npm run storybook

Attention: Do NOT run npm run start. It will cause the storybook to not work properly. If you did run npm run start, delete the following folders and run npm install again:

  • node_modules
  • www
  • dist
  • loader
  • .stencil

Keywords

FAQs

Package last updated on 22 Aug 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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc