npmpackage.info

blockly

The web-based visual programming editor.

11.2.1

12,660

Apache-2.0

TypeScript

176.71 kB

4,300,609 5.6

Installations

npm install blockly

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>=18

Node Version

18.20.5

NPM Version

8.19.4 Score

94.6

Supply Chain

97.4

Quality

92.5

Maintenance

100

Vulnerability

98.9

License

Pull Requests

Open

9

Total

5,745

Closed

853

Merged

4,883

Issues

Open

432

Total

2,910

Closed

2,478

Releases

blockly-v11.2.1

Published on 16 Jan 2025

blockly-v12.0.0-beta.1

Published on 10 Jan 2025

blockly-v11.2.0

Published on 17 Dec 2024

blockly-v12.0.0-beta.0

Published on 04 Dec 2024

blockly-v11.2.0-beta.2

Published on 04 Dec 2024

blockly-v11.2.0-beta.1

Published on 11 Nov 2024

View all 82 releases

Contributors

226

View all 226 contributors

Languages

TypeScript

JavaScript

Python

HTML

PHP

Dart

Lua

Shell

TypeScript (54.1%)

JavaScript (37.03%)

Python (2.27%)

HTML (1.85%)

PHP (1.69%)

Dart (1.33%)

Lua (1.26%)

Shell (0.47%)

Developer

google

Download Statistics

Total Downloads

4,300,609

Last Day

4,510

Last Week

25,429

Last Month

134,027

Last Year

1,620,507

GitHub Statistics

12,660 Stars

8,762 Commits

3,738 Forks

441 Watching

104 Branches

226 Contributors

Bundle Size

697.67 kB

Minified

176.71 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

11.2.1

Package Id

blockly@11.2.1

Unpacked Size

13.26 MB

Size

2.55 MB

File Count

786

NPM Version

8.19.4

Node Version

18.20.5

Publised On

16 Jan 2025

Total Downloads

Cumulative downloads

Total Downloads

4,300,609

Last day

-28.4%

4,510

Compared to previous day

Last week

-25.3%

25,429

Compared to previous week

Last month

6.5%

134,027

Compared to previous month

Last year

46.2%

1,620,507

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Blockly

Google's Blockly is a web-based, visual programming editor. Users can drag blocks together to build programs. All code is free and open source.

The source for this module is in the Blockly repo.

Example Usage

1import * as Blockly from 'blockly/core';
2Blockly.inject('blocklyDiv', {
3    ...
4})

Samples

For samples on how to integrate Blockly into your project, view the list of samples at blockly-samples.

Installation

You can install this package either via npm or unpkg.

unpkg

1<script src="https://unpkg.com/blockly/blockly.min.js"></script>

When importing from unpkg, you can access imports from the global namespace.

1// Access Blockly.
2Blockly.thing;
3// Access the default blocks.
4Blockly.Blocks['block_type'];
5// Access the javascript generator.
6javascript.javascriptGenerator;

npm

1npm install blockly

Imports

Note: Using import of our package targets requires you to use a bundler (like webpack), since Blockly is packaged as a UMD, rather than an ESM.

1// Import Blockly core.
2import * as Blockly from 'blockly/core';
3// Import the default blocks.
4import * as libraryBlocks from 'blockly/blocks';
5// Import a generator.
6import {javascriptGenerator} from 'blockly/javascript';
7// Import a message file.
8import * as En from 'blockly/msg/en';

Requires

1// Require Blockly core.
2const Blockly = require('blockly/core');
3// Require the default blocks.
4const libraryBlocks = require('blockly/blocks');
5// Require a generator.
6const {javascriptGenerator} = require('blockly/javascript');
7// Require a message file.
8const En = require('blockly/msg/en');

Applying messages

Once you have the message files, you also need to apply them.

1Blockly.setLocal(En);

For a full list of supported Blockly locales, see: https://github.com/google/blockly/tree/master/msg/js

Docs

For more information about how to use Blockly, check out our devsite.

License

Apache 2.0

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Code-Review

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

10

Dangerous-Workflow

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

10

License

Determines if the project has defined a license.

10

Security-Policy

Determines if the project has published a security policy.

9

Binary-Artifacts

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

5

SAST

Determines if the project uses static code analysis.

3

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

1

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 1

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/appengine_deploy.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/appengine_deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/appengine_deploy.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/appengine_deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/appengine_deploy.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/appengine_deploy.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/appengine_deploy.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/appengine_deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/assign_reviewers.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/assign_reviewers.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser_test.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/browser_test.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser_test.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/browser_test.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:74: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/build.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:77: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/build.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/build.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/build.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/build.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build.yml:60: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/build.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/conventional-label.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/conventional-label.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tag_module_cleanup.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/tag_module_cleanup.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/welcome_new_contributors.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/google/blockly/welcome_new_contributors.yml/develop?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/appengine_deploy.yml:23
Warn: npmCommand not pinned by hash: .github/workflows/browser_test.yml:43
Warn: npmCommand not pinned by hash: .github/workflows/build.yml:66
Warn: npmCommand not pinned by hash: .github/workflows/build.yml:83
Info: 0 out of 14 GitHub-owned GitHubAction dependencies pinned
Info: 1 out of 3 third-party GitHubAction dependencies pinned
Info: 1 out of 5 npmCommand dependencies pinned

0

CII-Best-Practices

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

0

Token-Permissions

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

0

Signed-Releases

Determines if the project cryptographically signs release artifacts.

0

Fuzzing

Determines if the project uses fuzzing.

Score

5.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

Other packages similar to blockly

@blockly/continuous-toolbox

6.0.12

A Blockly plugin that adds a continous-scrolling style toolbox and flyout

koishi-plugin-blockly

0.6.3

Use blockly to develop a simple koishi plugin

@blockly/keyboard-navigation

0.6.12

A Blockly plugin that adds keyboard navigation support.

@blockly/plugin-workspace-search

9.1.6

A Blockly plugin that adds workspace search support.

blockly

Installations

Developer Guide

Yes

ESM

>=18

18.20.5

8.19.4

Score

Pull Requests

9

5,745

853

4,883

Issues

432

2,910

2,478

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

697.67 kB

176.71 kB

Maintainers

Package Meta Information

Total Downloads

4,300,609

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

Blockly

Example Usage

Samples

Installation

unpkg

npm

Imports

Requires

Applying messages

Docs

License

10

10

10

10

10

9

5

3

1

0

0

0

0

5.6

/10

Other packages similar to blockly