🚨 Shai-Hulud Strikes Again:834 Packages Compromised.Technical Analysis →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@pie-api/pie-inline-player

Package Overview
Dependencies
Maintainers
5
Versions
3
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pie-api/pie-inline-player

A standalone web component to render a PIE item in a single request.

latest
npmnpm
Version
1.0.2
Version published
Maintainers
5
Created
Source

pie-inline-player Web Component

A standalone web component that renders a PIE item from a single, packaged request (item data plus required JavaScript bundles). This is not the primary/recommended integration path, but it can be a pragmatic fallback to reduce round trips—for example on high‑latency or unstable networks, behind strict proxies, or in kiosk-like environments. Trade‑offs include a larger payload, coarser caching, and higher retry cost if the transfer fails.

Usage

You can use the component in two ways: via npm install, or directly from a CDN.

1) Install from NPM

npm install @pie-api/pie-inline-player

Then import it once to register the custom element and use the tag:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>PIE Inline Player</title>
  <script type="module">
    import '@pie-api/pie-inline-player';
  </script>
  </head>
  <body>
    <pie-inline-player
      item-id="your-item-id-here"
      api-base-url="https://your-pieoneer-instance.com"
      token="your-client-jwt-here"
    ></pie-inline-player>
  </body>
  </html>

2) Load directly from NPM (CDN)

You can include the module directly from a CDN such as jsDelivr:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>PIE Inline Player</title>
  <script type="module" src="https://cdn.jsdelivr.net/npm/@pie-api/pie-inline-player@latest/pie-inline-player.mjs"></script>
</head>
<body>
  <pie-inline-player
    item-id="your-item-id-here"
    api-base-url="https://your-pieoneer-instance.com"
    token="your-client-jwt-here"
  ></pie-inline-player>
</body>
</html>

Component Attributes

  • item-id (required): The ID of the PIE item to load.
  • api-base-url (required): The base URL of the Pieoneer instance hosting the packaged item API endpoint.
  • token (required): A valid JWT for authenticating with the API endpoint.

Keywords

pie
web-component
player
renderer

FAQs

Package last updated on 20 Sep 2025

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

Deno 2.6 + Socket: Supply Chain Defense In Your CLI

Security News

Deno 2.6 + Socket: Supply Chain Defense In Your CLI

Deno 2.6 introduces deno audit with a new --socket flag that plugs directly into Socket to bring supply chain security checks into the Deno CLI.

By Sarah Gooding  -  Dec 12, 2025