
Research
/Security News
Toptal’s GitHub Organization Hijacked: 10 Malicious Packages Published
Threat actors hijacked Toptal’s GitHub org, publishing npm packages with malicious payloads that steal tokens and attempt to wipe victim systems.
@pie-api/pie-api-components
Advanced tools
This package provides Custom HTML Elements for using KDS PIE Service content.
For authoring content it provides the pie-api-author component:
<pie-api-author></<pie-api-author>
For rendering PIE content to students use the pie-api-player component.
<pie-api-player></pie-api-player>
Put
<script src="https://unpkg.com/@pie-api/pie-api-components@0.0.2/dist/pie-api-components.js"></script>
in the head of your index.html
Then you can use the element anywhere in your template, JSX, html etc.
<pie-api-author id="author"></pie-api-author>
<script>
const author = document.getElementById("author");
author.addEventListener("model-changed", (event) => {
// hadndle update, e.g
author.save().then((itemId, versionn) => {
// handle
});
});
author.contentConfig = {
id: "1",
elements: { "pie-multiple-choice": "@pie-element/multiple-choice@latest" },
models: [
{
id: "1",
element: "pie-multiple-choice",
},
],
markup: "<pie-multiple-choice id='1'></pie-multiple-choice>",
};
</script>
npm install @pie-api/pie-api-components --save
<script src='node_modules/@pie-api/pie-api-components/dist/pie-api-components.js'></script>
in the head of your index.htmlnpm i @pie-api/pie-api-components
import { defineCustomElements } from "@pie-api/pie-api-components/dist/loader";
defineCustomElements(window);
To prevent Vue from complaining that your component has an unrecognized tag, add the following in main.js. Use either the full name, or regex if you want to capture a family of components.
Vue.config.ignoredElements = [
"pie-api-player",
"pie-api-author"
];
It is now possible to use the tag provided by the pie components in any template of the app.
<pie-api-author v-bind:contentConfig.prop="contentConfig" />
TODO
yarn test
- test e2e and spec./node_modules/.bin/stencil --spec
- run spec only./node_modules/.bin/stencil --e2e
- run e2e only./node_modules/.bin/stencil --e2e|spec path/to/file
- run single fileNote:
yarn stencil
doesn't work so use the above instead.
yarn build
You can add demo files to src/demo
and they'll be available in the demo.
yarn demo
Then go to http://localhost:3333/demo/...
UPDATE:
npm install
npm run demo
FAQs
Pie Api Components
The npm package @pie-api/pie-api-components receives a total of 184 weekly downloads. As such, @pie-api/pie-api-components popularity was classified as not popular.
We found that @pie-api/pie-api-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 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
Threat actors hijacked Toptal’s GitHub org, publishing npm packages with malicious payloads that steal tokens and attempt to wipe victim systems.
Research
/Security News
Socket researchers investigate 4 malicious npm and PyPI packages with 56,000+ downloads that install surveillance malware.
Security News
The ongoing npm phishing campaign escalates as attackers hijack the popular 'is' package, embedding malware in multiple versions.