A new way to create with code.
Latest release: 1.0.0-beta.2
A new way to create with code.
Home Page: https://nodes.io/
A new way to create with code.
Latest release: 1.0.0-beta.2
Recreating the "Generative Identity" demo from the Nodes Dashboard will crash Nodes, because the latest version of the "pex-color" library is incompatible with Nodes
Steps to reproduce the behavior:
Ideally, the latest pex-color would be loaded without error. Failing that, the project should load cleanly without the dependency, and an error message should be provided.
When running Nodes from the command line, you'll see the following error in the console upon loading the project:
ERROR in ./node_modules/pex-color/index.js 26:9
Module parse failed: Unexpected token (26:9)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| export * from "./css.js";
|
> export * as utils from "./utils.js";
|
@ ./index.js 13:0-37 25:19-26
App:
1.0.0-beta.2
OS:
darwin
Node.js:
12.18.3
Electron:
11.1.0
Chrome:
87.0.4280.88
when double-clicking hello-world example on the dashboard, and aborting the dialog with "cancel"-button, a second dialog appears and freezes. Buttons become unresponsive.
Steps to reproduce the behavior:
Dialog should not open twice.
If applicable, add screenshots to help explain your problem.
App:
1.0.0-beta.2(latest)
OS:
darwin
Node.js:
12.18.3
Electron:
11.1.0
Chrome:
87.0.4280.88
I use Emacs with vim bindings and have a bunch of text editing workflows, I cannot reproduce in other editors including the integrated editor in nodes.
I would be nice if you could setup an external editor application in the nodes configuration. That editor application would then open a nodes source code file, when double clicking it to get into the source code view.
I'm currently using Emacs for editing the files directly and pressing Cmd+R for reloading the project. This works pretty well, but auto-reloading would be nicer 🙂
Spelling mistakes/typos in Tutorial text
Read tutorial
Click on the node in the Graph Editor and change it's name
should be
change its name
...
other graphs and project
should be
other graphs and projects
Create another Custom node and rename it to Drag Grid.
should be
Create another Custom node and rename it to Draw Grid.
(this is confusing because otherwise you might think that there is supposed to be some dragging interactivity or something!)
...
Further down, the same mistake is made again:
drag a connection to the in port of Drag Grid canvas.
should be
drag a connection to the in port of Draw Grid canvas.
...
Let’s make it breath a bit
should be (breath = noun, breathe = verb)
Let's make it breathe a bit
There is no text instruction to connect the Small Circle
node into the graph, although there is an illustration for this.
dear,my english level is low,can you support chinese?
Cannot create project on fresh install of Nodes 1.0.0-beta.2. Also cannot open Tutorial projects (like Hello World).
Steps to reproduce the behavior:
I'm expecting to see newly created project window.
App: 1.0.0-beta.2
OS: win32
Node.js: 12.18.3
Electron: 11.1.0
Chrome: 87.0.4280.88
Clicking on a parameter on the node toggle its selection state, but clicking on the node itself doesn't toggle the selection.
Steps to reproduce the behavior:
One of the following :
Hello, we're glad to count you in!
Use this repo to report issues 🐛, suggest features 🔨 and send us any kind of feedback 📣 .
Otherwise, drop us a line at [email protected] or on Twitter (@nodes_io)!
Cheers!
A clear and concise description of what the bug is.
Steps to reproduce the behavior:
A clear and concise description of what you expected to happen.
If applicable, add screenshots to help explain your problem.
Keyboard input not being detected
Steps to reproduce the behavior:
Expected: Detection of input from the keyboard.
If applicable, add screenshots to help explain your problem.
DevTools shows:
Uncaught Error: Actions must be plain objects. Use custom middleware for async actions.
Steps to reproduce the behavior:
Firstly congratulations on the beta release. I've been eager to try out your visual environment. I think it's a great step towards making development more accessible as well as a tool for reducing cognitive load for developers.
The text within canvas elements (like the node viewer) is blurry when using browser and application zoom. My monitor is not a high-dpi but I do utilise browser zoom at 125%.
In playground and in downloaded app, use the browser/electron's zoom function by pressing Command + (plus) to zoom in.
App should maybe have zoom level locked to 100% (since the node viewer supports crisp application level zoom anyway) or maybe make use of downsampling based on zoom level/dpi.
App: 1.0.0-beta
OS: darwin
Node.js: 12.14.1
Electron: 9.0.5
Chrome: 83.0.4103.119
Also tested playground with Firefox Developer Edition and Safari.
When I pass an object from one node to another, the code editor loses the inferred type of the object and I lose all the niceties that come with it. For example, when passing the canvas drawing context...
Would be great if somehow the code editor could be smarter about that and carry that through the nodes somehow.
Interestingly, seems the editor allows for TypeScript annotations but the compiler doesn't...
Another option would be to get it from JSDoc comments (interestingly, again the editor offers to move the JSDoc types to TypeScript types)...
The earth is spinning backwards in the globe demo.
Svelte JS makes JavaScript more powerful and easier/faster to write. It also compiles to smaller, more performant js. I'm interested in making a visual node ide for it.
I would kill to see svelte support in this project.
Making my own 😅
Can't load project
Steps to reproduce the behavior:
It should open the project
NA
I'd like to use Nodes to expose an API endpoint.
But when I try to add express as a package, I'm getting a bundling error and it is impossible to load the project.
Steps to reproduce the behavior:
If I launch Nodes from the terminal, I'm seeing the following error
ERROR in ./node_modules/express/lib/request.js
Module not found: Error: Can't resolve 'net' in 'C:\Users\BenjaminVadant\Documents\Nodes\my-first-project\node_modules\express\lib'
I'm expecting to see the error message in the editor and access to the editor to fix it.
From the error, I'm thinking that express is not (& will not be) supported as nodes code is executed client side.
Do you think it will be possible in the future to select a node to be executed server side ? It would be interesting to access system-level functionalities such as network, system usage....
I can't create or open a new project in my macbook
Steps to reproduce the behavior:
I think it should open the interface.
I´m trying to go through the hello-world
tutorial, but in the part that says I can change the name, the text input doesn´t responds. In fact, any of them won´t work correctly, in the sense that it doesn´t writes the letter, and sometimes the "|" will not appear. Also happens in the code editor. I tried to edit a node, and after I deleted a number, the code editor did not accept any new text input. I just saw that after reloading the window (like minimizing and open it again) the text input works fine again.
Steps to reproduce the behavior:
I expected a normal, fluid typing experience.
if the app is loading a project, the loading screen is bound to be the topmost, overlaying every other window make it impossible to do something else while nodes is loading or reloading.
2.1 click on create project
2.2 create project
2.3 back to 4.
that the loading screen stays inside the window and does not overlay everything, never seen something like that before
not usefull, loading screen and the cieling of other windows if moved to top
A clear and concise description of what the bug is.
Steps to reproduce the behavior:
A clear and concise description of what you expected to happen.
If applicable, add screenshots to help explain your problem.
Editor doesn't open on Big Sur 11.1
Steps to reproduce the behavior:
Open the editor and graph view
Tutorial has wrong code for mouse loop - comma instead of semicolon at the end of section 8
https://nodes.io/docs/tutorial/#add-mouse-interaction
size: step * 0.2 + (mouseState.x / canvas.width) * 100,
should be
size: step * 0.2 + (mouseState.x / canvas.width) * 100;
I would like a warning (onBeforeUnload) when the user is closing the playground website. Just happened to me that i pressed cmd-w by accident and everything was gone..
Congrats on the first release! I was wondering what the license is for this project and if there are any plans to open source it as an ES6 module.
Launching Nodes on MacOs Catalina show an error. It is possible to circumvent this dialog by using the context menu, opening the app and then allowing Nodes to launch, but it would be preferable to provide a notarized application.
Double-click download app
The application should launch
MacOs Catalina
I love the concept of Nodes and would like to use this editor in my projects. But it seems to me inconvenient that everything is tied to Nodes, and cannot be exported to pure JS. I would like to use Nodes instead of, let's say VS Code for some projects.
I'm working on a rather large generative art system that I would like to build out in several files that are separate from the Nodes I'm using to create individual art pieces. For example, I'm working on an extensible WebGLImageFilter
node that has a ~dozen filter options to apply. The library I'm basing this on is ~600 lines by itself and it would be nice to not have to stuff all of that code into my node.
I've tried using require()
with all of the following with no success:
require('./lib/WebGLImageFilter.js')
require('../lib/WebGLImageFilter.js')
require('WebGLImageFilter.js')
require('./WebGLImageFilter.js')
I've also tried adding a local dependency as per the instructions in this StackOverflow, but it crashed Nodes.io and required me to Force Quit the application.
I would expect that Nodes.io would support the common require()
syntaxes and allow us to include local dependencies without having to publish everything to NPM or include them in our package.json
Logs created using node.log()
do not show up in the Log pane until clicking inside or outside the Node.
Steps to reproduce the behavior:
node.log("something")
call somewhere reachable in the codeLogs should appear immediately.
(On a side note: why is there a special logging function? Why not just direct all console.log
to the Log pane?)
App:
1.0.0-beta(latest)
OS:
darwin
Node.js:
12.14.1
Electron:
9.0.5
Chrome:
83.0.4103.119
I struggle navigating nodes using macbook. Overall it feels much more keyboard-friendly, which is goof, but I'd wish for more clever UI decisions.
...
Screen went blank after adding Browse Package and reload
Steps to reproduce the behavior:
The blank project with package in options should be visible
If applicable, add screenshots to help explain your problem.
I am completely new to nodes.io and I have been trying to follow the tutorial on youtube, but I cannot get past the first 2 minutes.
I follow the tutorial and I write the 2 first lines of code:
const canvas = document.createElement("canvas");
graph.sceneContainer.appendChild(canvas);
I write them just after
module.exports = (node, graph) => {
After writing the 2 first code lines, and then go to the corresponding part in the developer tool, I should see the tag created, but it is not there. And when I write
canvas.style.border = "1px red border"
I do not see any red lines, which are supposed to be drawn.
I also see an asterisk right next to the name of the node (see screenshot)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.