webcodesk / webcodesk-srv Goto Github PK
View Code? Open in Web Editor NEWWebcodesk - Web App Builder for Create React App
License: GNU General Public License v3.0
Webcodesk - Web App Builder for Create React App
License: GNU General Public License v3.0
There is a concern if we want to minimize the entire app that the name mangling will cause the schema to be invalid as the page schema is defined as the unmangled path to the component name.
If this could be the case, is there any way to ensure the minimizer will not impact the app?
Hi,
when having a component without props definition (initial) and then adding some, the Webcodesk UI don't shows automatically the added props in the preview screen or when using the component. A Reload of the Webcodesk application, in the browser, is needed to see the changes.
The template compiler does not copy a new value of the property comment after editing the source code.
Or the props editor does not update with new values.
It seems that multiple etc files are not saved correctly.
Hi,
creating a function with TypeScript will end in some type check "errors" for the parameters:
Are there TS type definitions for at least a few of the parameters (like dispatch, history, ...). Option and StateOfDispatch are types which has to be defined in the specific application, isn't it?
Actual you have to define the type definition by your own:
Or use a // @ts-ignore
to ignore the errors.
Following the Todo tutorial on a Windows laptop I create the basic server and get the http://localhost:7070/
and going through the project Readme for Todo. When creating the main page it cant connect localhost. In the Readme tutorial for Todo you can add the text "If refreshing don't work you can restart the server from the top left server menu"
Feature-wise
Hi,
when working with TypeScript Components, it is needed to define the props definition twice:
Interface
and generic React Component React.Compoennt<PropsType>
) for type checking in the codeimport React from 'react';
import PropTypes from 'prop-types';
export interface CompProps {
text: string;
}
class CompName extends React.Component<CompProps > {
static propTypes = {
text: PropTypes.string
}
static defaultProps = {
text: "Hallo World"
}
render() {
return <div>{this.props.text}</div>
}
}
export default CompName;
It would be nice when for TypeScript compoenents the TypeScript Props definition could be used to show and reflect the definition in the Webcodesk UI. That would make maintenance easier.
It is required to replace buttons Generate source code for new component
and Generate source code for new function list
with drop-down menus.
There should be options in the menu.
In the "Components" section:
Generate source code for new component
Install packages from the market
In the "Functions" section:
Generate source code for new function list
Install packages from the market
The option Install packages from the market
should open the same dialog when the user clicks on the top-left corner menu and chooses the option Install packages from the market
Really cool. Did you build this all by yourself?
As a dev, I usually prefer writing code myself, and every dev has a slightly different way of doing things, (especially styling)
Wish you best of luck my friend. The UI looks exciting though.
webcodesk-srv/webcodesk-srv.js
Line 23 in 200d0ad
The user should have the ability to test the template composition alive so that he can switch off/on the selection of the components on the page.
Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
Hi,
I want to know how to build for relative paths, like https://create-react-app.dev/docs/deployment/#building-for-relative-paths
Thanks:)
When the user opens Webcodesk first time expand all sections. Expand only the first level, there is no need to expand all trees inside each section.
Hi,
I'm trying the following:
I have some propTypes I want to define central and reuse it in many components.
There fore I have create a file "baseTypes"
import PropTypes from 'prop-types'
export const baseTypes = {
alignSelf: PropTypes.oneOf(['start', 'center', 'end', 'stretch'])
}
Now I want to use this definition in many other components like this:
import * as React from 'react'
import PropTypes from 'prop-types'
import { baseTypes } from './propTypeDefinitions'
class Box extends React.Component {
static propTypes = {
align: PropTypes.oneOf([
'start',
'center',
'end',
'baseline',
'stretch',
]),
alignContent: PropTypes.oneOf([
'start',
'center',
'end',
'between',
'around',
'stretch',
]),
alignSelf: baseTypes.alignSelf
}
render() {
//...
}
}
How ever, only the 2 in the file defined properties are shown in the props panel. alignSelf (defined in another file) is not show.
How are you reading the props definitions?
By parsing the source code or by using Component.propTypes
?
Looks for my like toe first one is true.
There reason why I have this issue is, that I using a UI Framework. They already have created all this propTypes definitions and I just want to reuse it instead of copy and paste it to my source code.
But for any reason it don't works as expected.
Steps:
Expected Outcome:
Dialog Closed, Component Created
Currently:
Dialog Closed, No component created
Doing no other activity in my program, I see intermittently an exception is thrown in the browser console, from inside of the socket.io
Hi,
the debugging capabilities in the tool are really amazing. The way to record the execution of flows and there elements with all the input / output information are very helpful.
How ever, this is cool for flows executed by user interactions (like a click).
There is unfortunately no way to record flows directly from start of the application which makes it hard to debug onApplicationStart flows.
I would like to hit the record button and then do a page refresh to record the ApplicationStart flows but the refresh button is disabled once the record is activated.
$ npx @webcodesk/init example
Expected single character argument.
Hi,
while continue working with your tool I had to tackle the following issue:
stateOptions.props
and update it with the new received data (e.g. a list of objects) from the function input.While doing this I saw 2 strange behaviors:
undefined
. Mean an undefined prop-object was insert into the *.funcs
and as a result the dispatch function was never called. The flow end at this point.defaultProps
instead of an undefined one.When the user adds the item in the array on the property editor, and one of the fields of the array's item has a PropTypes.oneOf property, the property field in the property editor displays the value of the first item from the values in the dropdown. But, the real value of such property is undefined until the user does not select value from the dropdown.
Details:
There should be the ability to add different shape types into the array property. When the user adds an array item in the property editor there should be a context menu with types names in options as per shapes in oneOfType
property declaration.
Hi !
I got this error while trying to build the project:
>yarn --version
1.22.0
>yarn run build-server
yarn run v1.22.0
$ gulp --gulpfile ./gulpfile.js build
[11:46:42] Using gulpfile ~/work/webcodesk-srv/gulpfile.js
[11:46:42] Starting 'build'...
[11:46:42] Starting 'clean'...
[11:46:42] Finished 'clean' after 5.87 ms
[11:46:42] Starting 'commons'...
[11:46:43] 'commons' errored after 964 ms
[11:46:43] Error in plugin "gulp-babel"
Message:
The number of constructor arguments in the derived class t must be >= than the number of constructor arguments of its base class.
[11:46:43] 'build' errored after 971 ms
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
did you already face this problem ?
Thanks.
Add the incremented number at the end of the name of the new instance if there is already such a name in the list of instances.
It is quite inconvenient to navigate through the flat list of the instances in the page on the left panel. There should be a tree view with the ability to collapse/expand the nested instances.
Current:
return function (outputObject) { return inputObject; }
Expected:
return function (inputObject) { return inputObject; }
Hi,
I missing a way to rename flows, pages and maybe also templates (didn't worked with templates yet).
Specially Flows are non connected and should be easily to be renamed.
On pages this could destroy routing, of course, you have to be careful with that.
On templates this might make problems with Pages created out of the template? Maybe all usages could be auto updated?
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.