highlight record; URL links; sparse crosstables; alasql; babel vs jsx

- hlr option for tables to highlight certain records
- fields starting with http(s) rendered as links automatically
- sparse datasets rendered as crosstables with filled nulls
- alasql: builtin in-memory SQL database. Allows to analyze
  csv,json,excel with no extra tools
- building switched to babel instead of deprecated react-tools #54
- build scripts adjustments/cleanup

Author: olsender

README.md

@@ -27,33 +27,16 @@ In order to run SQL Tabs from source code follow the next steps:
 
         npm install electron-prebuilt@1.4.7 -g
 
-3. Install React javascript extension the application is written with:
-
-        npm install -g react-tools
-
-
-4. Get the code, install dependencies and build the application:
+3. Get the code, install dependencies and build the application:
 
         git clone https://github.com/sasha-alias/sqltabs
         cd sqltabs
         npm install
 
-5. Run the application:
+4. Run the application:
 
         electron .
 
 
-When you make changes in the source code under *src/* directory it's enough to rebuild only application with the command:
-
-        jsx src/ build/
-
-During the development it's convenient to have launched in the separate session the following:
-
-        jsx --watch src/ build/
-
-Thus you can skip a manual rebuild. The code will be rebuilt automatically on changes.
-
-
-Contributions are welcome.
-
+Contribution and issues reports are very appreciated.
 

css/tabs.bright.css

@@ -92,3 +92,18 @@
 .floating-cols-header {
     background: rgba(255, 255, 255, 0.9);
 }
+
+/* sqldoc table records */
+.record-negative-hl{
+    background-color: #d6481c;
+    color: white;
+}
+.record-neutral-hl{
+    background-color: #498a4a;
+    color: white;
+}
+.record-positive-hl{
+    background-color: #55a9f3;
+    color: white;
+}
+

css/tabs.css

@@ -185,6 +185,7 @@ body{
 
 .table-resultset {
     width: auto;
+    margin-left: 10px;
 }
 
 .table-resultset td {

css/tabs.dark.css

@@ -168,3 +168,22 @@ table {
     background: rgba(40, 40, 40, 0.8);
     color: #ffffff;
 }
+
+/* sqldoc table records */
+.record-negative-hl{
+    background-color: #c74946;
+    color: white;
+}
+.record-negative-hl:hover{
+    background-color: red;
+    color: white;
+}
+.record-neutral-hl{
+    background-color: #319e31;
+    color: white;
+}
+.record-positive-hl{
+    background-color: #337ab7;
+    color: white;
+}
+

driver/libpq.5.dylib

@@ -1,6 +1,7 @@
+#!/bin/bash
 rm -rf .build
 mkdir .build
-jsx src/ build/
+npm install
 ./minify.sh
 cp index.html .build/
 cp main.js .build/
@@ -11,7 +12,7 @@ cp -r css .build/
 cp -r node_modules .build/
 
 cd .build
-electron-packager ./ "sqltabs" --platform=linux --arch=x64 --version=1.4.7 --icon logo.png --asar --prune
+electron-packager ./ "sqltabs" --platform=linux --arch=x64 --electron-version=1.4.7 --icon logo.png --asar --prune
 rm sqltabs-linux-x64/LICENSE
 rm sqltabs-linux-x64/version
 cp ../logo.png sqltabs-linux-x64/logo.png

driver/libpq.so.5

@@ -1,7 +1,7 @@
 #!/bin/bash
 rm -rf .build
 mkdir .build
-jsx src/ build/
+npm install
 ./minify.sh
 cp index.html .build/
 cp main.js .build/

linux_build.sh

@@ -11,6 +11,7 @@
     "toolbar": false
   },
   "dependencies": {
+    "alasql": "^0.3.7",
     "async": "^1.4.2",
     "bootstrap": "3.3.2",
     "brace": "^0.9.0",
@@ -31,14 +32,17 @@
     "react": "^0.13.0",
     "react-bootstrap": "^0.23.0",
     "request": "^2.60.0",
-    "sqldoc": "^0.5.0",
+    "sqldoc": "^0.6.0",
     "tunnel-ssh": "^4.0.0"
   },
   "devDependencies": {
+    "babel-cli": "^6.23.0",
+    "babel-plugin-transform-react-jsx": "^6.23.0",
     "electron-packager": "^8.5.1",
     "uglifyjs": "^2.4.10"
   },
   "scripts": {
-    "postinstall": "rm -r node_modules/c3/node_modules; jsx src/ build/"
+    "postinstall": "rm -r node_modules/c3/node_modules; babel --plugins transform-react-jsx --out-dir=build src/",
+    "build-watch": "babel --plugins transform-react-jsx --out-dir=build src/ --watch"
   }
 }