Gathering detailed insights and metrics for blockly
Gathering detailed insights and metrics for blockly
Gathering detailed insights and metrics for blockly
Gathering detailed insights and metrics for blockly
npm install blockly
Typescript
Module System
Min. Node Version
Node Version
NPM Version
blockly-v12.2.0
Updated on Jul 09, 2025
blockly-v12.1.0
Updated on May 30, 2025
blockly-v12.0.1-beta.1
Updated on May 22, 2025
blockly-v12.0.0
Updated on May 15, 2025
blockly-v12.0.0-beta.7
Updated on May 15, 2025
blockly-v12.0.0-beta.6
Updated on May 14, 2025
TypeScript (51.6%)
JavaScript (40.23%)
Python (2.07%)
HTML (1.77%)
PHP (1.54%)
Dart (1.21%)
Lua (1.15%)
Shell (0.43%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Apache-2.0 License
12,989 Stars
9,149 Commits
3,780 Forks
442 Watchers
109 Branches
265 Contributors
Updated on Jul 14, 2025
Latest Version
12.2.0
Package Id
blockly@12.2.0
Unpacked Size
13.82 MB
Size
2.68 MB
File Count
810
NPM Version
10.2.3
Node Version
20.10.0
Published on
Jul 09, 2025
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
1
42
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.
1import * as Blockly from 'blockly/core'; 2Blockly.inject('blocklyDiv', { 3 ... 4})
For samples on how to integrate Blockly into your project, view the list of samples at blockly-samples.
You can install this package either via npm
or 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;
1npm install blockly
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';
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');
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
For more information about how to use Blockly, check out our devsite.
Apache 2.0
No vulnerabilities found.
Reason
30 commit(s) and 3 issue activity found in the last 90 days -- score normalized to 10
Reason
all changesets reviewed
Reason
license file detected
Details
Reason
no dangerous workflow patterns detected
Reason
security policy file detected
Details
Reason
binaries present in source code
Details
Reason
SAST tool is not run on all commits -- score normalized to 4
Details
Reason
6 existing vulnerabilities detected
Details
Reason
dependency not pinned by hash detected -- score normalized to 1
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
Project has not signed or included provenance with any releases.
Details
Reason
project is not fuzzed
Details
Score
Last Scanned on 2025-07-07
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@blockly/continuous-toolbox
A Blockly plugin that adds a continous-scrolling style toolbox and flyout
koishi-plugin-blockly
Use blockly to develop a simple koishi plugin
@blockly/field-colour
A Blockly colour field.
@blockly/plugin-workspace-search
A Blockly plugin that adds workspace search support.