Customizaiton of Che Cloud Development Environments Blog post

.devfile.yaml

@@ -23,16 +23,15 @@ commands:
     exec:
       label: 0. Install Gemfile dependencies
       component: jekyll
-      commandLine: bundle install
+      commandLine: bundle install --gemfile=/projects/che-blog/Gemfile
       group:
         kind: build
         isDefault: true
   - id: start-jekyll-server
     exec:
       label: 1. Start the jekyll based blog server
       component: jekyll
-      # commandLine: bundle jekyll serve --incremental --watch --host 0.0.0.0 --livereload --livereload-port 35729
-      commandLine: bundle exec jekyll serve --incremental --watch --host 0.0.0.0
+      commandLine: bundle exec jekyll serve --watch --host 0.0.0.0 --future
       group:
         kind: run
         isDefault: true
@@ -43,3 +42,17 @@ commands:
       group:
         kind: build
         isDefault: false
+  - id: publish-blog-to-surge
+    exec:
+      component: jekyll
+      commandLine: |
+        read -p "ENTER your GitHub login to customize the URL: " GH_LOGIN &&
+        read -p "ENTER a surge.sh token: " SURGE_TOKEN &&
+        export SURGE_TOKEN &&
+        export GH_LOGIN &&
+        npm install -g surge &&
+        surge ./_site --domain https://pr-${GH_LOGIN}-che-blog.surge.sh
+
+events:
+  postStart:
+    - bundle-install

.docker/.vale.ini

@@ -1,4 +1,4 @@
-StylesPath = /home/jekyll/.vale/styles
+StylesPath = /home/user/.vale/styles
 
 # Minimum alert level
 # -------------------

.github/dependabot.yml

@@ -0,0 +1,17 @@
+version: 2
+updates:
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "sunday"
+      time: "16:00"
+    groups:
+      all-actions:
+        patterns: [ "*" ]
+  - package-ecosystem: "bundler"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "sunday"
+      time: "16:00"

.github/workflows/publish-surge-pr-check.yml

@@ -50,18 +50,26 @@ jobs:
           echo "PR_SHA=$pr_sha" >> $GITHUB_ENV
       - uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
       - name: publish
         env:
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
         run: |
           npm install -g surge
-          export DEPLOY_DOMAIN=https://pr-check-${PR_NUMBER}-${{matrix.dist}}-che-blog.surge.sh
+          export DEPLOY_DOMAIN=https://pr-check-${PR_NUMBER}-che-blog.surge.sh
           echo "DEPLOY_DOMAIN=$DEPLOY_DOMAIN" >> $GITHUB_ENV
           surge ./_site --domain $DEPLOY_DOMAIN
       - name: 'Comment PR'
-        uses: actions/github-script@v6
+        uses: actions/github-script@v7
         with:
          script: |
            const { repo: { owner, repo } } = context;
-           await github.repos.createCommitStatus({ owner, repo, sha: process.env.PR_SHA, state: "success", target_url: process.env.DEPLOY_DOMAIN, description: "Browse PR check blog content live", context: "surge"})
+           await github.rest.repos.createCommitStatus({ 
+                   owner, 
+                   repo, 
+                   sha: process.env.PR_SHA, 
+                   state: "success", 
+                   target_url: process.env.DEPLOY_DOMAIN, 
+                   description: "Browse PR check blog content live", 
+                   context: "surge"
+            })

.github/workflows/vale.yml

@@ -49,7 +49,7 @@ jobs:
         run:
           echo using '${{ env.CHANGED_FILES }}' files
       - name: Vale Linter
-        uses: benoitf/vale-action@comment-pr
+        uses: benoitf/vale-action@reviewdog
         with:
           files: '${{ env.CHANGED_FILES }}'
           styles: |

assets/html/cde-customization/devfile-table.css

@@ -0,0 +1,70 @@
+@import url(https://iosevka-webfonts.github.io/iosevka/iosevka.css);
+/* @import url(https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css); */
+
+legend {
+  background-color: #000;
+  color: #fff;
+  padding: 3px 6px;
+  font-family: "Iosevka Web", sans-serif;
+}
+
+input {
+  margin: 0.4rem;
+}
+
+label {
+  font-family: "Iosevka Web", sans-serif;
+}
+
+.devfiles {
+  border: 1px solid black;
+}
+
+pre {
+  /* margin: 0.4rem; */
+  /* padding: 10px 20px 20px 20px; */
+  font-family: "Iosevka Web", sans-serif;
+}
+
+code {
+  font-family: "Iosevka Web", sans-serif;
+}
+
+del,
+ins {
+  display: block;
+  text-decoration: none;
+  position: relative;
+}
+
+del {
+  background-color: #fbb;
+}
+
+ins {
+  background-color: #d4fcbc;
+}
+
+.area {
+  display: none;
+  clear: both;
+}
+
+.steps {
+  margin: 0.4rem 0.4rem 0.4rem 0.4rem;
+  /*   border: 1px solid black; */
+  /*   padding: 200px 200px 200px 200px; */
+  font-family: "Iosevka Web", sans-serif;
+}
+
+/* (A) FLEX CONTAINER */
+/* .flex-wrap {
+  display: flex;
+} */
+
+/* (B) OPTIONAL COSMETICS */
+.flex-wrap > * {
+  box-sizing: border-box;
+  /* width: 800px; */
+  padding: 10px;
+}