Git Product home page Git Product logo

nikitaeverywhere / objectscript-visual-editor Goto Github PK

View Code? Open in Web Editor NEW
4.0 4.0 6.0 286 KB

A Web-based user interface for InterSystems Caché which allows to create and manage classes literally without touching any code. THIS IS THE MIRROR OF THE OFFICIAL REPOSITORY LOCATED HERE:

Home Page: https://github.com/intersystems-community/objectscript-visual-editor

License: MIT License

JavaScript 67.29% HTML 1.78% CSS 30.07% Batchfile 0.86%
intersystems-cache intersystems visualization cacheobjectscript-udl

objectscript-visual-editor's Introduction

ObjectScript Visual Editor (beta)

A Web-based user interface for InterSystems products (IRIS, Caché, Ensemble, HealthShare, etc) which allows to create and manage classes literally without touching any code.

Features

  • Simple, intuitive, web-based visual class editing tool for both desktop and touchscreen devices;
  • Supports all basic class editing functionality:
    • Adding/deleting classes, editing class keywords, comments, etc;
    • Adding/deleting/altering class members: parameters, properties, methods, queries, xDatas, indices;
    • Convenient code editing for methods and xDatas;
    • Editing all class members keywords with inputs, drop-downs and suggestions;
    • XData code highlight (ObjectScript highlighting is coming!);
  • Embedded web terminal if Web Terminal is installed in the system;
  • Smart class members grouping, folding and convenient interface, adaptive design;
  • More features!

Preview

Screenshot 0

Screenshot 1

Screenshot 2

InterSystems Products Support

ObjectScript Visual Editor is supported by InterSystems' products of version 2016.1 and higher.

Installation

Download the latest release from here and import XML file into IRIS/Caché/etc by one of the next ways:

  • Just drag'n'drop the XML file on the Studio window;
  • OR Go to the Management Portal -> System Explorer -> Classes -> Import and select the XML file;
  • OR Execute do $system.OBJ.Load("C:\path\to\file\FileToImport.xml","ck") in terminal.

Then check the installation output, it should say "Installation is complete!".

After this, open the next web-application: http://[host]/VisualEditor/ (slash at the end is required).

Development

Pre-requirements

To participate in development of this application, you need Git, NodeJS and InterSystems' Products of version 2016.2+ to be installed (due to UDL import support).

The development process of this application happens completely outside embedded IDEs in a form of files. It includes structured file tree under source directory, where each file can be edited in your favorite text editor.

At first, clone the repository. It contains submodules, so use the --recursive flag when cloning:

git clone --recursive https://github.com/intersystems-community/objectscript-visual-editor
cd objectscript-visual-editor

Then you have to install all the project dependencies by running this command from the project's root:

npm install

And now you are ready to build the project from the sources!

Building and testing

This time and each next run this:

npm run gulp

Take your ready to import sources in build/cache folder.

One-command build and XML export

To simplify development on Windows (scripts for other platforms are welcome), make the copy of import.bat file and edit the path to your IRIS/Caché/etc instance there. Then you can just use one command import to deploy the project from source to IRIS/Caché.

After setting import.bat up, just by one command import you get the next:

  1. Project is built by Gulp;
  2. VisualEditor package is imported into IRIS/Caché;
  3. The XML file containing ready-to-deploy package is exported to build directory.

objectscript-visual-editor's People

Contributors

nikitaeverywhere avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

objectscript-visual-editor's Issues

link on Open Exchange is broken

Hi,

Congratulation on 'App of the week'

I just noticed the download links on the Open Oxchange page for this app are both failing:

see https://openexchange.intersystems.com/package/ObjectScript-Visual-Editor

Thank you for building and sharing this.

Stephen

PS: also logged at https://community.intersystems.com/post/objectscript-visual-editor-github-repo

Can't install on 16.1 (or any other released version for that matter)

I execute on the latest released Caché (Cache for Windows (x86-64) 2016.1 (Build 656U) Fri Mar 11 2016 17:42:42 EST):

w $System.Status.GetErrorText($System.OBJ.ImportDir("C:\temp\visual-editor\build\cache",,"ck"))

Load of directory started on 03/19/2016 22:47:39

Unknown file type. Skipping file: C:\temp\visual-editor\build\cache\VisualEditor.Installer.cls
Loading file C:\temp\visual-editor\build\cache\VisualEditor.REST.Editor.cls as rtn
Loading file C:\temp\visual-editor\build\cache\VisualEditor.REST.Informer.cls as rtn
Loading file C:\temp\visual-editor\build\cache\VisualEditor.REST.Content.cls as rtn
Unknown file type. Skipping file: C:\temp\visual-editor\build\cache\VisualEditor.REST.StaticContent.cls
Loading file C:\temp\visual-editor\build\cache\VisualEditor.Router.cls as rtn

Compilation started on 03/19/2016 22:47:39 with qualifiers 'ck'
Compilation finished successfully in 0.001s.

Detected 6 errors during load.
ERROR #5840: Unable to import file 'C:\temp\visual-editor\build\cache\VisualEditor.Installer.cls' as this is not a supported type.

The directory contains files with classes in a raw form, but all currently released Caché versions need xml.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.