Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
ac02613
add kieler layout web service interface
automata Jan 8, 2014
2777087
Merge remote-tracking branch 'forresto/gh-pages' into gh-pages
automata Jan 8, 2014
a7bd4b8
KIELER layout ok for nodes
automata Jan 8, 2014
b253597
better React integration, but I have to figure out how to update the …
automata Jan 9, 2014
2650a36
dat.gui + react ok now, ready to experiment more with kieler service now
automata Jan 10, 2014
ff440e0
Merge remote-tracking branch 'forresto/gh-pages' into gh-pages
automata Jan 10, 2014
fcaaa6a
merging my Graph.componentDidMount with @forresto's
automata Jan 10, 2014
8dd068c
all Kieler/Klay Layered options available at UI
automata Jan 10, 2014
d51a95f
better UI options for autolayout, based on some research on KIELER/KL…
automata Jan 10, 2014
42ca831
encoding ports to kieler service
automata Jan 11, 2014
267102f
encoding groups to kieler service as subgraphs (hacky)
automata Jan 11, 2014
76d4095
trying @franchi82's tip about hierarchy layout
automata Jan 11, 2014
cd00dd6
now @franchi82's tip is working as expected
automata Jan 11, 2014
9ce6849
Merge remote-tracking branch 'forresto/gh-pages' into gh-pages
automata Jan 16, 2014
9841ce5
working with forresto's changes. trying forresto's tip about max width
automata Jan 16, 2014
9ec5f53
added the remaining groups in photobooth example by hand. I have to a…
automata Jan 16, 2014
f4785c0
changed node coords to fixed width/height to get better alignment
automata Jan 16, 2014
785be1b
one-line miraculous tip from @franchi82 solves the group layout. spac…
automata Jan 16, 2014
56a9243
one-line miraculous tip from @franchi82 solves the group layout. spac…
automata Jan 16, 2014
ade5a3f
one-line miraculous tip from @franchi82 solves the group layout. spac…
automata Jan 16, 2014
7f50d0d
Merge remote-tracking branch 'forresto/gh-pages' into gh-pages
automata Jan 30, 2014
896fcb9
minor fix to kieler interface
automata Jan 30, 2014
56d64d0
klaygwt integration. no groups yet
automata Feb 13, 2014
a57a0fe
a prototype to tweak autolayout options
automata Mar 6, 2014
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
102 changes: 102 additions & 0 deletions autolayout/Gruntfile.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
(function() {
"use strict";
module.exports = function() {

var banner =
"/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - <%= grunt.template.today('yyyy-mm-dd') %> (<%= grunt.template.date('longTime') %>)\n"+
"* Copyright (c) <%= grunt.template.today('yyyy') %> <%= pkg.author.name %>; Licensed <%= _.pluck(pkg.licenses, 'type').join(', ') %> */\n";

var sources = {
scripts: ['Gruntfile.js', 'the-*/*.js'],
elements: ['the-*/*.html'],
styles: ['themes/default/*.css']
};

var jshintOptions = {
strict: true,
newcap: false,
"globals": { "Polymer": true }
};

this.initConfig({
pkg: this.file.readJSON('package.json'),
exec: {
build_stylus: {
command: 'node ./node_modules/stylus/bin/stylus ./themes/the-graph-dark.styl'
}
},
jshint: {
options: jshintOptions,
all: {
src: sources.scripts
},
force: {
src: sources.scripts,
options: { force: true }
}
},
inlinelint: {
options: jshintOptions,
all: {
src: sources.elements,
},
force: {
src: sources.elements,
options: { force: true }
}
},
connect: {
server: {
options: {
port: 3000,
hostname: '*', // Allow connection from mobile
livereload: true
}
}
},
watch: {
scripts: {
files: sources.scripts,
tasks: ['jshint:force'],
options: {
// nospawn: true,
livereload: true
}
},
elements: {
files: sources.elements,
tasks: ['inlinelint:force'],
options: {
// nospawn: true,
livereload: true
}
},
styles: {
files: sources.styles,
options: {
// nospawn: true,
livereload: true
}
}
}
});

// Only lint changed file
// this.event.on('watch', function(action, filepath) {
// this.config('jshint.all.src', filepath);
// this.config('inlinelint.all.src', filepath);
// }.bind(this));

this.loadNpmTasks('grunt-exec');
this.loadNpmTasks('grunt-contrib-watch');
this.loadNpmTasks('grunt-contrib-jshint');
this.loadNpmTasks('grunt-lint-inline');
this.loadNpmTasks('grunt-contrib-connect');

this.registerTask('dev', ['test', 'connect:server', 'watch']);
this.registerTask('test', ['jshint:all', 'inlinelint:all']);
this.registerTask('build', ['exec:build_stylus']);
this.registerTask('default', ['test']);
};

}).call(this);
26 changes: 26 additions & 0 deletions autolayout/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
The Graph Editor [![Build Status](https://secure.travis-ci.org/the-grid/the-graph.png?branch=master)](http://travis-ci.org/the-grid/the-graph)
================

This project provides a set of [Web Components](http://www.polymer-project.org/) for viewing and editing flow-based programming graphs. The focus is on performance, usage of modern web technologies, and touchscreen friendliness.

The graph widgets have the following dependencies:

* [Polymer](http://www.polymer-project.org/) for providing various polyfills for emerging web technologies like custom elements and pointer events
* [the-behavior](https://github.com/the-grid/the-behavior) for user interactions and gestures, using [NoFlo](http://noflojs.org/) on the background
* [GSS](http://gridstylesheets.org/) for constraint-based layout handling

Currently the project is still in a prototype state, but eventually the plan is to utilize it as the graph editing tool in [NoFlo UI](https://github.com/noflo/noflo-ui), replacing the older [dataflow](https://github.com/meemoo/dataflow) graph editor.

## Installation

Get these dependencies using [Bower](http://bower.io/):

$ bower install

## Running

You need a local web server. Place these files into somewhere where they can be served, and access the `the-graph-editor/index.html` file with your browser.


[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/the-grid/the-graph/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

25 changes: 25 additions & 0 deletions autolayout/bower.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
{
"name": "the-graph",
"keywords": [
"graph",
"flow",
"noflo"
],
"description": "Polymer elements for graph editing",
"dependencies": {
"polymer": "~0.2.0",
"font-awesome": "~4.0.3",
"react": "~0.9.0",
"klay-js": "~0.0.5"
},
"license": "MIT",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests",
"docs",
"tools"
]
}
14 changes: 14 additions & 0 deletions autolayout/bower_components/font-awesome/.bower.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
{
"name": "font-awesome",
"homepage": "https://github.com/FortAwesome/Font-Awesome",
"version": "4.0.3",
"_release": "4.0.3",
"_resolution": {
"type": "version",
"tag": "v4.0.3",
"commit": "dc23a94e16a8daa3cbb3c7fa34d63e2812637b8f"
},
"_source": "git://github.com/FortAwesome/Font-Awesome.git",
"_target": "~4.0.3",
"_originalSource": "font-awesome"
}
32 changes: 32 additions & 0 deletions autolayout/bower_components/font-awesome/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
*.pyc
*.egg-info
*.db
*.db.old
*.swp
*.db-journal

.coverage
.DS_Store
.installed.cfg
_gh_pages/*

.idea/*
.svn/*
src/website/static/*
src/website/media/*

bin
cfcache
develop-eggs
dist
downloads
eggs
parts
tmp
.sass-cache
node_modules

src/website/settingslocal.py
stunnel.log

.ruby-version
75 changes: 75 additions & 0 deletions autolayout/bower_components/font-awesome/CONTRIBUTING.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
# Contributing to Font Awesome

Looking to contribute something to Font Awesome? **Here's how you can help.**



## Reporting issues

We only accept issues that are icon requests, bug reports, or feature requests. Bugs must be isolated and reproducible problems that we can fix within the Font Awesome core. Please read the following guidelines to ensure you are the paragon of bug reporting.

1. **Search for existing issues.** We get a lot of duplicate issues, and you'd help us out a lot by first checking if someone else has reported the same issue. Moreover, the issue may have already been resolved with a fix available.
2. **Create an isolated and reproducible test case.** Be sure the problem exists in Font Awesome's code with a [reduced test case](http://css-tricks.com/reduced-test-cases/) that should be included in each bug report.
3. **Include a live example.** Make use of jsFiddle, jsBin, or Codepen to share your isolated test cases.
4. **Share as much information as possible.** Include operating system and version, browser and version, version of Font Awesome, etc. where appropriate. Also include steps to reproduce the bug.



## Key branches

- `master` is the latest, deployed version (not to be used for pull requests)
- `gh-pages` is the hosted docs (not to be used for pull requests)
- `*-wip` branches are the official work in progress branches for the next releases. All pull requests should be submitted against the appropriate branch



## Notes on the repo

As of v3.2.0, Font Awesome's CSS, LESS, SCSS, and documentation are all powered by Jekyll templates and built before each commit and release.
- `_config.yml` - much of the site is driven off variables from this file, including Font Awesome and Bootstrap versions
- `src/` - All edits to documentation, LESS, SCSS, and CSS should be made to files and templates in this directory
- `src/icons.yml` - all LESS, SCSS, and CSS icon definitions are driven off this single file



## Pull requests

- Submit all pull requests against the appropriate `*-wip` branch for easier merging
- Any changes to the docs must be made to the Liquid templates in the `src` directory
- CSS changes must be done in .less and .scss files first, never the compiled files
- If modifying the .less and .scss files, always recompile and commit the compiled files
- Try not to pollute your pull request with unintended changes--keep them simple and small
- Try to share which browsers your code has been tested in before submitting a pull request



## Coding standards: HTML

- Two spaces for indentation, never tabs
- Double quotes only, never single quotes
- Always use proper indentation
- Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags)



## Coding standards: CSS

- Adhere to the [Recess CSS property order](http://markdotto.com/2011/11/29/css-property-order/)
- Multiple-line approach (one property and value per line)
- Always a space after a property's colon (.e.g, `display: block;` and not `display:block;`)
- End all lines with a semi-colon
- For multiple, comma-separated selectors, place each selector on it's own line
- Attribute selectors, like `input[type="text"]` should always wrap the attribute's value in double quotes, for consistency and safety (see this [blog post on unquoted attribute values](http://mathiasbynens.be/notes/unquoted-attribute-values) that can lead to XSS attacks)



## License

By contributing your code, you agree to license your contribution under the terms of the MIT License:
- http://opensource.org/licenses/mit-license.html



## Thanks

Thanks to Bootstrap for their wonderful CONTRIBUTING.MD doc. It was modified to create this one.
4 changes: 4 additions & 0 deletions autolayout/bower_components/font-awesome/Gemfile
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
source 'https://rubygems.org'

gem 'jekyll', '~> 1.0'
gem 'debugger'
46 changes: 46 additions & 0 deletions autolayout/bower_components/font-awesome/Gemfile.lock
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
GEM
remote: https://rubygems.org/
specs:
classifier (1.3.3)
fast-stemmer (>= 1.0.0)
colorator (0.1)
columnize (0.3.6)
commander (4.1.3)
highline (~> 1.6.11)
debugger (1.6.0)
columnize (>= 0.3.1)
debugger-linecache (~> 1.2.0)
debugger-ruby_core_source (~> 1.2.1)
debugger-linecache (1.2.0)
debugger-ruby_core_source (1.2.2)
directory_watcher (1.4.1)
fast-stemmer (1.0.2)
highline (1.6.19)
jekyll (1.0.0)
classifier (~> 1.3)
colorator (~> 0.1)
commander (~> 4.1.3)
directory_watcher (~> 1.4.1)
kramdown (~> 0.14)
liquid (~> 2.3)
maruku (~> 0.5)
pygments.rb (~> 0.4.2)
safe_yaml (~> 0.7.0)
kramdown (0.14.2)
liquid (2.5.0)
maruku (0.6.1)
syntax (>= 1.0.0)
posix-spawn (0.3.6)
pygments.rb (0.4.2)
posix-spawn (~> 0.3.6)
yajl-ruby (~> 1.1.0)
safe_yaml (0.7.1)
syntax (1.0.0)
yajl-ruby (1.1.0)

PLATFORMS
ruby

DEPENDENCIES
debugger
jekyll (~> 1.0)
Loading