npmpackage.info

Gathering detailed insights and metrics for attr-repeat

Other packages similar to attr-repeat

set-hello-badge-2-repetition

0.0.5

Set Hello Badge Tutorial #2: Demonstrates the data-set-repeat attribute.

attr-repeat

Repeat an html element for each item in an observable array

0.0.1

JavaScript

380.00 B

1,378 2.6

Installations

npm install attr-repeat

Developer Guide

BETA

Typescript

No

Module System

CommonJS

NPM Version

1.3.13 Score

71.2

Supply Chain

85.1

Quality

77.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

JavaScript (100%)

Developer

PyScripter255

Download Statistics

Total Downloads

1,378

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

3 Stars

5 Commits

3 Watching

1 Branches

1 Contributors

Bundle Size

632.00 B

Minified

380.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

0.0.1

Package Id

attr-repeat@0.0.1

Size

3.61 kB

NPM Version

1.3.13

Total Downloads

Cumulative downloads

Total Downloads

1,378

Last day

Compared to previous day

Last week

-75%

Compared to previous week

Last month

200%

Compared to previous month

Last year

-65.2%

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

observable

Versions

attr-repeat

Description

Repeat an element for each item in an observable array.

Installation

npm install attr-repeat

Usage

Without attractor

1var o 		= require("observable");
2var repeat 	= require("attr-repeat")({
3	items: o([
4		{name: "Milk", importance: 5},
5		{name: "Soda", importance: 1},
6		{name: "Pizza", importance: 3}
7	])
8});
9
10
11var items = document.querySelector("[data-repeat]");
12
13for (var i = 0; i < item.length; i++) {
14	repeat(items[i], "data-repeat");
15}

With attractor:

1var attractor 	= require("attractor");
2var o 			= require("observable");
3var repeat 		= require("attr-repeat")({
4	items: o([
5		{name: "Milk", importance: 5},
6		{name: "Soda", importance: 1},
7		{name: "Pizza", importance: 3}
8	])
9});
10
11var attr = attractor({repeat: repeat});
12attr.scan(document);
13

In your HTML:

1<!doctype html>
2<html>
3<body>
4	<ul>
5		<li repeat="items">
6			<p data-bind="name"></p>
7			<div class="badge" data-bind="importance"></div>
8		</li>
9	</ul>
10</body>
11</html>

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

2.6

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More