WIP: Feature/the ds styling

000-default.conf

@@ -1,4 +1,4 @@
-<Directory /opt/simplycode/www>
+<Directory "/opt/simplycode/www">
         Options Indexes FollowSymLinks
         AllowOverride All
         Require all granted
@@ -29,4 +29,4 @@
                                 SSLOptions +StdEnvVars
                 </Directory>
         </VirtualHost>
-</IfModule>
+</IfModule>

npm_post_install.sh

@@ -0,0 +1,58 @@
+#!/usr/bin/env bash
+current_pwd=`pwd`
+
+if [[ ${INIT_CWD} != ${current_pwd} ]]; then
+  exit 0; # Skip posinstall when we are installed as a dependancy
+fi
+
+#if (process.cwd().includes('node_modules')) {
+# return; # Skip postinstall when we are installed as a dependancy.
+#}
+
+installCodeMirror() {
+    sSourceDir="${npm_config_local_prefix}/node_modules"
+    sTargetDir="${npm_config_local_prefix}/www/js"
+
+    mkdir -p \
+        "${sTargetDir}/codemirror/lib/" \
+        "${sTargetDir}/codemirror/mode/css/" \
+        "${sTargetDir}/codemirror/mode/htmlmixed/" \
+        "${sTargetDir}/codemirror/mode/javascript/" \
+        "${sTargetDir}/codemirror/mode/xml/" \
+        "${sTargetDir}/codemirror/theme/"
+
+    cp -f "${sSourceDir}/codemirror/lib/codemirror.css" "${sTargetDir}/codemirror/lib/codemirror.css"
+    cp -f "${sSourceDir}/codemirror/lib/codemirror.js" "${sTargetDir}/codemirror/lib/codemirror.js"
+    cp -f "${sSourceDir}/codemirror/mode/css/css.js" "${sTargetDir}/codemirror/mode/css/css.js"
+    cp -f "${sSourceDir}/codemirror/mode/htmlmixed/htmlmixed.js" "${sTargetDir}/codemirror/mode/htmlmixed/htmlmixed.js"
+    cp -f "${sSourceDir}/codemirror/mode/javascript/javascript.js" "${sTargetDir}/codemirror/mode/javascript/javascript.js"
+    cp -f "${sSourceDir}/codemirror/mode/xml/xml.js" "${sTargetDir}/codemirror/mode/xml/xml.js"
+    cp -f "${sSourceDir}/codemirror/theme/base16-dark.css" "${sTargetDir}/codemirror/theme/base16-dark.css"
+}
+
+installSimplyEdit() {
+    local sSourceDir sTargetDir
+
+    readonly sSourceDir="${npm_config_local_prefix}/node_modules/simplyedit"
+    readonly sTargetDir="${npm_config_local_prefix}/www"
+
+    mkdir -p \
+        "${sTargetDir}/js/" \
+        "${sTargetDir}/hope/" \
+        "${sTargetDir}/simply/" \
+
+    cp -a "${sSourceDir}/js/"* "${sTargetDir}/js"
+    cp -a "${sSourceDir}/hope/"* "${sTargetDir}/hope"
+    cp -a "${sSourceDir}/simply/"* "${sTargetDir}/simply"
+}
+
+if [[ ${BASH_SOURCE[0]} != "${0}" ]]; then
+    export -f installSimplyEdit
+    export -f installCodeMirror
+else
+    installSimplyEdit
+    installCodeMirror
+    exit $?
+fi
+
+

package.json

@@ -1,6 +1,10 @@
 {
   "author": "SimplyEdit",
   "description": "Code editor in the SimplyEdit family",
+  "dependencies": {
+    "codemirror": "5.65.2",
+    "simplyedit": "github:simplyedit/simplyedit"
+  },
   "keywords": [
     "code",
     "ide",
@@ -16,5 +20,8 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/SimplyEdit/simplycode.git"
+  },
+  "scripts": {
+    "postinstall": "./npm_post_install.sh"
   }
 }

www/api/data/base-components/automatic-preview/commands/autoRunPreviews.js

@@ -1,25 +1,25 @@
 function(el) {
-  var previewRunners = document.querySelectorAll("iframe.sb-full-preview");
+  var previewRunners = document.querySelectorAll("iframe.simplycode-full-preview");
   previewRunners.forEach(function(previewRunner) {
     previewRunner.contentWindow.document.previewRunner = previewRunner;
     simplyApp.commands.resetPreview(previewRunner)
       .then(function(previewRunner) {
       previewRunner.contentWindow.document.open();
-      previewRunner.contentWindow.document.write(previewRunner.parentNode.querySelector(".sb-preview-code").innerText);
+      previewRunner.contentWindow.document.write(previewRunner.parentNode.querySelector(".simplycode-preview-code").innerText);
       previewRunner.contentWindow.document.close();
     });
   });
 
-  var previewRunners = document.querySelectorAll("iframe.sb-component-preview");
+  var previewRunners = document.querySelectorAll("iframe.simplycode-component-preview");
   previewRunners.forEach(function(previewRunner) {
     previewRunner.contentWindow.document.previewRunner = previewRunner;
     simplyApp.commands.resetPreview(previewRunner)
       .then(function(previewRunner) {
       previewRunner.contentWindow.document.open();
-      previewRunner.contentWindow.document.write(previewRunner.parentNode.querySelector(".sb-preview-code").innerText);
+      previewRunner.contentWindow.document.write(previewRunner.parentNode.querySelector(".simplycode-preview-code").innerText);
       previewRunner.contentWindow.document.close();
       previewRunner.contentWindow.addEventListener("simply-content-loaded", function() {
-        var previewData = previewRunner.parentNode.querySelector(".sb-preview-data").innerText;
+        var previewData = previewRunner.parentNode.querySelector(".simplycode-preview-data").innerText;
         try {
           previewData = JSON.parse(previewData);
         } catch(e) {

www/api/data/base-components/automatic-tests/commands/autoRunTests.js

@@ -1,5 +1,5 @@
 function(el) {
-  var testRunners = document.querySelectorAll(".sb-component[open] iframe.qunit");
+  var testRunners = document.querySelectorAll(".simplycode-component[open] iframe.qunit");
   testRunners.forEach(function(testRunner) {
     testRunner.contentWindow.document.testRunner = testRunner;
     testRunner.contentWindow.document.open();

www/api/data/base-components/codemirror/commands/codeMirrorInit.js

@@ -1,5 +1,5 @@
 function() {
-  var textareas = document.querySelectorAll(".sb-component[open] textarea[data-codemirror-mode]:not([style])");
+  var textareas = document.querySelectorAll(".simplycode-component[open] textarea[data-codemirror-mode]:not([style])");
   textareas.forEach(function(textarea) {
     var mode = "javascript";
     if (textarea.hasAttribute("data-codemirror-mode")) {

www/api/data/base-components/codemirror/footHtml/Codemirror base.html

@@ -1 +1 @@
-<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/codemirror.min.js" integrity="sha512-xwrAU5yhWwdTvvmMNheFn9IyuDbl/Kyghz2J3wQRDR8tyNmT8ZIYOd0V3iPYY/g4XdNPy0n/g0NvqGu9f0fPJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="js/codemirror/lib/codemirror.js"></script>

www/api/data/base-components/codemirror/footHtml/Codemirror modes.html

@@ -1,4 +1,4 @@
-<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/css/css.min.js" integrity="sha512-2gAMyrBfWPuTJDA2ZNIWVrBBe9eN6/hOjyvewDd0bsk2Zg06sUla/nPPlqQs75MQMvJ+S5AmfKmq9q3+W2qeKw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/htmlmixed/htmlmixed.min.js" integrity="sha512-0IM15+FEzmvrcePHk/gDCLbZnmja9DhCDUrESXPYLM4r+eDtNadxDUa5Fd/tNQGCbCoxu75TaVuvJkdmq0uh/w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/javascript/javascript.min.js" integrity="sha512-IS1FyxQkiJHT1SAvLXBaJu1UTFSIw0GT/DuzxHl69djqyLoEwGmR2davcZUnB8M7ppi9nfTGZR/vdfqmWt+i6A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/xml/xml.min.js" integrity="sha512-UWfBe6aiZInvbBlm91IURVHHTwigTPtM3M4B73a8AykmxhDWq4EC/V2rgUNiLgmd/i0y0KWHolqmVQyJ35JsNA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="js/codemirror/mode/css/css.js"></script>
+<script src="js/codemirror/mode/htmlmixed/htmlmixed.js"></script>
+<script src="js/codemirror/mode/javascript/javascript.js"></script>
+<script src="js/codemirror/mode/xml/xml.js"></script>