npmpackage.info

Gathering detailed insights and metrics for ef-infinite-canvas

ef-infinite-canvas

an infinite version of the html canvas

0.6.7

117

MIT

TypeScript

50,695

3.1

Installations

npm install ef-infinite-canvas

Developer Guide

BETA

Typescript

✅ Yes

Module System

ESM

Node Version

18.12.1

NPM Version

9.2.0 Score

77.4

Supply Chain

87.6

Quality

79.8

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

2

Total

44

Closed

6

Merged

36

Issues

Open

1

Total

11

Closed

10

Releases

v0.6.7

Published on 05 Oct 2024

v0.6.6

Published on 14 May 2024

v0.6.5

Published on 13 Apr 2024

v0.6.4

Published on 23 Feb 2024

v0.6.3

Published on 19 Jan 2024

v0.6.2

Published on 08 Sept 2023

View all 18 releases

Developer

emilefokkema

Statistics

117 Stars

269 Commits

10 Forks

6 Watching

5 Branches

1 Contributors

Updated on 29 Nov 2024

Languages

TypeScript (95.21%)

JavaScript (4.02%)

Vue (0.56%)

HTML (0.14%)

CSS (0.05%)

Dockerfile (0.02%)

Total Downloads

Cumulative downloads

Total Downloads

50,695

Last day

87.9%

Compared to previous day

Last week

161.5%

591

Compared to previous week

Last month

-25.5%

1,634

Compared to previous month

Last year

-39.4%

18,555

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

InfiniteCanvas

project page

About

InfiniteCanvas wraps an HTML5 <canvas> element and allows the user to zoom, pan and rotate the contents of the canvas. Content can be drawn on the canvas using the CanvasRenderingContext2D that is returned by InfiniteCanvas's getContext method.

1var canvasElement = document.getElementById("canvas");
2var infiniteCanvas = new InfiniteCanvas(canvasElement);
3var context = infiniteCanvas.getContext("2d");

InfiniteCanvas has no dependencies that are not devDependencies.

Installation

Include InfiniteCanvas in your web page:

1<script src="https://cdn.jsdelivr.net/npm/ef-infinite-canvas@0.6.7/dist/infinite-canvas.umd.cjs"></script>

or install it using npm:

npm install ef-infinite-canvas

Build

npm run build

Test

Testing InfiniteCanvas happens on two levels. One level is the jest tests that are run using

npm run test

The other level of testing happens by (first running npm run build and then) running

npm run test-e2e

which will start a server that serves pages in which InfiniteCanvas is used, and which will then run jest tests that use Puppeteer to manipulate those pages and jest-image-snapshot to compare screenshots.

Local development

First run npm run dev-app:build once. Then npm run dev will run an app that displays all manner of use cases for InfiniteCanvas, served by Vite.

Even though not much has happened in this repository lately, I have not forgotten about it. Quite to the contrary, there are a lot more features I'm planning to add in the not-too-distant future.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

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

10

License

Determines if the project has defined a license.

2

Maintained

Determines if the project is "actively maintained".

1

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

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

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

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: containerImage not pinned by hash: .gitpod.dockerfile:1: pin your Docker image by updating gitpod/workspace-full to gitpod/workspace-full@sha256:bec45ebdcc9b9c5ec28d5c61c16bf599200aa0d2dc1e69e2ed8ab0a424bae6db
Info: 0 out of 9 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 containerImage dependencies pinned

0

SAST

Determines if the project uses static code analysis.

Score

3.1

/10

Last Scanned on 2024-12-02

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

ef-infinite-canvas

Installations

Developer Guide

✅ Yes

ESM

18.12.1

9.2.0

Score

Pull Requests

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}22

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}66

Issues

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}11

Releases

Developer

Statistics

Languages

Total Downloads

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

InfiniteCanvas

About

Installation

Build

Test

Local development

10

10

10

2

1

0

0

0

0

0

0

0

3.1

/10

2

6

1