New structure

Author: Serhioromano

README.md

@@ -12,38 +12,78 @@ We want to provide ST syntax highlights in VS Code Markdown editor and Markdown
 
 ## Usage
 
+### Browser
+
 Include the `highlight.js` script package in your webpage or node app, load this module and register it with `hljs`. Follow instructions at [highlightjs](https://highlightjs.org/) to learn how to include the library and CSS.
 
 If you're not using a build system and just want to embed this in your webpage:
 
 ```html
 <script type="text/javascript" src="/path/to/highlight.pack.js"></script>
-<script type="text/javascript" src="/path/to/highlightjs-structured-text/iecst.js"></script>
+<script type="text/javascript" src="/path/to/highlightjs-structured-text/dist/iecst.min.js"></script>
 <script type="text/javascript">
-    hljs.registerLanguage('iecst', window.hljsDefineIECST);
     hljs.initHighlightingOnLoad();
 </script>
 ```
 
+### Nodejs
+
 If you're using webpack / rollup / browserify / node:
 
 ```javascript
 var hljs = require('highlightjs');
-var hljsDefineCUrl = require('highlightjs-structured-text');
+var hljsDefineIECST = require('highlightjs-structured-text');
 
-hljsDefineIECST(hljs);
+hljs.registerLanguage('iecst', hljsDefineIECST);
 hljs.initHighlightingOnLoad();
 ```
 
-Mark the code you want to highlight with the curl class:
+Mark the code you want to highlight with the ST class:
 
 ```html
 <pre><code class="iecst">...</code></pre>
 ```
 
-or use JavaScript to dynamically highlight text:
+### Programmatically
+
+Or use JavaScript to programmatically highlight text string:
 
 ```javascript
-hljs.registerLanguage('iecst', window.hljsDefineIECST);
-var highlighted = hljs.highlightAuto(text, ["iecst"]);
+hljs.registerLanguage('iecst', hljsDefineIECST);
+var highlighted = hljs.highlightAuto(text_string, ["iecst"]);
+```
+
+### React
+
+
+```js
+import React, {Component} from 'react'
+import 'highlight.js/scss/darcula.scss' # your favourite theme
+import cypher from './iecst'
+import hljs from 'highlight.js'
+hljs.registerLanguage('iecst', iecst);
+
+class Highlighter extends Component
+{
+  constructor(props)
+  {
+    super(props);
+    hljs.initHighlightingOnLoad();
+  }
+
+  render()
+  {
+    let {children} = this.props;
+    return
+    {
+      <pre ref={(node) => this.node = node}>
+        <code className="iecst">
+          {children}
+        </code>
+      </pre>
+    }
+  }
+}
+
+export default Highlighter;
 ```

dist/iecst.min.js

@@ -0,0 +1,19 @@
+hljs.registerLanguage("iecst",(()=>{"use strict";return e=>({
+aliases:["iecst","scl","stl","structured-text"],name:"Structured Text",
+case_insensitive:!0,keywords:{
+keyword:"if then end_if elsif else case of end_case to do by while repeat end_while end_repeat for end_for from public private protected or and not xor le ge eq ne ge lt constant return exit at retain non_retain task with until using extend",
+title:"program end_program function end_function function_block end_function_block configuration end_configuration action end_action transition end_transition type end_type struct end_struct step end_step initial_step namespace end_namespace channel end_channel library end_library folder end_folder resource end_resource var var_global end_var var_input VAR_EXTERNAL var_out var_output var_in_out var_temp var_interval var_access var_config method end_method property end_property interface end_interface",
+literal:"false true null ",
+built_in:"array pointer int sint dint lint usint uint udint ulint real lreal time date time_of_day date_and_time dt tod wstring string bool byte word dword lword ref_to any_num any_int any_string",
+function:"mod abs acos asin atan cos exp expt ln log sin sqrt tan sel max min limit mux shl shr rol ror indexof sizeof adr ref adrinst bitadr add mul div sub trunc move"
+},contains:[{className:"string",begin:"'",end:"'",contains:[e.BACKSLASH_ESCAPE,{
+begin:"''"}],relevance:0},{className:"string",begin:'"',end:'"',
+contains:[e.BACKSLASH_ESCAPE,{begin:'""'}],relevance:0},{className:"symbol",
+begin:"(D|T|DT|TOD)#[0-9:\\-_shmyd]*"},{className:"symbol",
+begin:"[a-zA-Z_]+#[a-zA-Z]*"},{className:"symbol",
+begin:"[A-Za-z]{1,6}#[0-9_\\.e\\-]*",relevance:0},{className:"number",
+begin:"[0-9]+#\\-?[0-9_]*",relevance:0},{className:"number",
+begin:"[a-zA-Z_]+#\\-?[0-9_]*",relevance:0},{className:"symbol",
+begin:"%(I|Q|M)(X|B|W|D|L)[0-9.]*"},{className:"symbol",begin:"%(I|Q|M)[0-9.]*"
+},e.C_NUMBER_MODE,e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE,e.COMMENT("\\(\\*","\\*\\)")]
+})})());

iecst.js

@@ -1,37 +1,38 @@
 {
-  "name": "highlightjs-structured-text",
-  "version": "1.0.0",
-  "description": "highlight.js syntax definition for Structured Text IEC 61131-3 language",
-  "main": "iecst.js",
-  "scripts": {
-    "test": "jasmine"
-  },
-  "files": [
-    "iecst.js"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/highlightjs/highlightjs-structured-text.git"
-  },
-  "keywords": [
-    "ST",
-    "Structured Text",
-    "IEC 61131-3",
-    "CoDeSys",
-    "PLC",
-    "highlight.js",
-    "highlightjs",
-    "syntax-highlight",
-    "syntax"
-  ],
-  "author": "Sergey Romanov",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/highlightjs/highlightjs-structured-text/issues"
-  },
-  "homepage": "https://github.com/highlightjs/highlightjs-structured-text#readme",
-  "devDependencies": {
-    "highlight.js": "^10.0.2",
-    "jasmine": "^3.5.0"
-  }
+    "name": "highlightjs-structured-text",
+    "version": "1.1.0",
+    "description": "highlight.js syntax definition for Structured Text IEC 61131-3 language",
+    "main": "src/iecst.js",
+    "scripts": {
+        "test": "jasmine"
+    },
+    "files": [
+        "src/iecst.js",
+        "dist/iecst.min.js"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/highlightjs/highlightjs-structured-text.git"
+    },
+    "keywords": [
+        "ST",
+        "Structured Text",
+        "IEC 61131-3",
+        "CoDeSys",
+        "PLC",
+        "highlight.js",
+        "highlightjs",
+        "syntax-highlight",
+        "syntax"
+    ],
+    "author": "Sergey Romanov",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/highlightjs/highlightjs-structured-text/issues"
+    },
+    "homepage": "https://github.com/highlightjs/highlightjs-structured-text#readme",
+    "devDependencies": {
+        "highlight.js": "^10.0.2",
+        "jasmine": "^3.5.0"
+    }
 }