Skip to content
Visual component editor (for React components initially)
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
gulp
src
.editorconfig
.gitignore
.jshintrc
README.md
bower.json
gulpfile.js
package.json

README.md

Component-editor

Web-based editor for components. Initially for React components with React-Bootstrap preset of components

Running your project

just with live reload:

$ npm start

in dev mode (with sourcemaps)

$ npm run dev

build:

$ npm run build

TODO

  • refactor Frame (ReFlux?)
    • get rid of workspace-specific props in exported jsx
  • add ability to delete active component (+by del key)
  • selecting custom components as well as standard
  • save custom components names on enter hit and set focus into field
  • add more components
    • to bootsrap pane
    • standard pane (iterator etc)
    • ability to import components
      • build-in libraries
      • export from npm (?...)
    • html (pane? editor?)
  • beter prpopety management
    • list through propTypes
    • custom porps
      • already definde custom props
    • save props on blur or on enter hit
    • move styles to other tab
    • get rid of inline functions
    • logic and props bindings ({this.props.foo}, {this.doBar})
    • edit inner text
    • add availability to go to parent element
    • propmaps?
  • make text editable from workspace, not from props pane
  • switch components states (pages)
  • preview
  • logic management
    • button and pop-up for it, available only for custom components
  • impots
    • panes to injecte collections?
    • text of imports
  • deal with real files (FileSystem API, server call and json or at least data uri http://goo.gl/hDYC4p)
  • package.json creator
  • component diagramm
You can’t perform that action at this time.