0x1eef/postman
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update example

Browse source
This commit is contained in:
0x1eef 2024-07-10 17:22:17 -03:00
parent 39d5f51ee0
commit bb1d672339
1 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
README.md
View file

@ -36,27 +36,28 @@ progress bar is removed once the delivery is complete:
```typescript ```typescript
import postman, { item } from "postman"; import postman, { item } from "postman";
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
const progressBar = document.querySelector("progress"); const bar = document.querySelector("progress");
const span = document.querySelector(".percentage"); const span = document.querySelector(".percentage");
postman( const delivery = postman(
item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"), item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
item.script("/js/app.js"), item.script("/js/app.js"),
item.image("/images/app.png"), item.image("/images/app.png"),
item.css("/css/app.css"), item.css("/css/app.css"),
item.progress((percent) => { item.progress((percent) => {
progressBar.value = percent; bar.value = percent;
span.innerText = `${percent}%`; span.innerText = `${percent}%`;
}) })
).deliver() ).deliver();
.then((package) => {
/* Add page assets */ delivery.then((package) => {
package.fonts.forEach((font) => documents.fonts.add(font)); /* Add page assets */
package.scripts.forEach((script) => document.body.appendChild(script)); package.fonts.forEach((font) => documents.fonts.add(font));
package.css.forEach((css) => document.head.appendChild(css)); package.scripts.forEach((script) => document.body.appendChild(script));
/* Replace progress bar */ package.css.forEach((css) => document.head.appendChild(css));
progressBar.remove(); /* Replace progress bar */
span.remove(); bar.remove();
}); span.remove();
});
}); });
``` ```