lazer-nikolic/genan

DSL for definition of client-side application based on AngularJS.

GenAn

DSL for definition of client-side application based on AngularJS and ExpressJS backend utilizing Mongo Database, so it basically can be used as a MEAN stack application generator.

Installation:

git clone https://github.com/theshammy/GenAn.git

Run genan.py in src package from command line: python genan.py source_path output_path For more options, run python genan.py --help .

Dependencies:

• Arpeggio
• textX
• Jinja2
• Click

Database

• mongoDB
• robomongo db client

Backend

• node.js and npm: https://nodejs.org/en/download/ or better:
• use nvm, follow installation manual from https://github.com/creationix/nvm and then install:
• node.js and npm v5.12: nvm install v5.12
• express: npm install -g express
• express generator: npm install -g express-generator
• express cli: npm install -g express-cli
• gulp: npm install -g gulp

Usage:

There are three concepts in GenAn:

• Object: Contains properties which are basic component or views. These properties describe how an entity should be visualized.
• View: Part of a page, containing other views or object references.
• Page: HTML page, containing views or object references.

Examples are located in test directory.

Once executed, GenAn will generate html pages described in a .gn file using the after mentioned concepts. GenAn also provides AngularJS application and node.js backend generation.

Documentation will be available soon.

genan's Issues

Support for form/menu

Easing up project running

Make project runnable by simple command like "python genan.py" and using a environment configuration file which contains names of directories and paths that could be used anywhere in the project (instead of hardcoding them or using some sort of magic pathfinding).

Generator skeleton

Implementacija kostura generatora za koncepte jezika.

Angular route module

Routes should be generated for each view and page.

Pagination on backend

Required fields

Define language rule for required fields.

State overriding

Implement a mechanism for overriding angular state with new view and controller.

Page layout support

• Bootstrap layout
• Border layout for content with navbar, sidebar and footer
• Sidebar on pages
• Menubar on pages
• Grid layout for views

Support for footer. Responsive border layout for page.

Angular controller extension

Implement a mechanism for customization of generated controllers.

Support for nested views

Generate a div element with class corresponding to its path. For example, user_view inside of user_page should generate a div with "user_page.user_view" class.

Page layout change

From border layout to navbar, menubar, content and footer.

Templates for basic components

Support for queries

Viewing FK entities

Enabling view of foreign key entities by using "nested" routes on the backend.

Klase za elemente gramatike

Python klase koje odgovaraju elementima gramatike.

FK entities

Implementation of loading and binding of foreign key entities defined in 'Meta' grammar rule.

Backend generation

Frontend templates correction

• - Meta (foreign key) properties interpretation
• - Form templates and controller correction for fk meta fields
• - Templates for displaying multiple entities
• - Templates for displaying single entity

Support for tables, list and thumbnails

CRUD for objects

Foreign keys in language and mongoose scheme

Meta:
     list/single <object_name> '<label>'

Client application architecture