Merge pull request #17 from calcit-lang/line-style

refine line style and inline code style

Author: csvwolf

.gitattributes

@@ -1,3 +1,4 @@
 
 calcit.cirru -diff linguist-generated
 yarn.lock -diff linguist-generated
+docs/* -diff linguist-generated

.github/workflows/npm-publish.yaml renamed to .github/workflows/npm-publish.yaml.disabled

@@ -54,10 +54,6 @@ blockquote {
   line-height: 1.5em;
 }
 
-.doc-entry:hover {
-  background-color: hsla(190, 10%, 70%, 0.1);
-}
-
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #ccc;
 }
@@ -71,7 +67,6 @@ blockquote {
   color: #ccc;
 }
 
-
 .calcit-tile {
   background-image: url('./calcit-tile.png');
   background-size: 163px 395px;

assets/main.css

@@ -1,11 +1,13 @@
 
 {} (:package |docs-workflow)
-  :configs $ {} (:init-fn |docs-workflow.main/main!) (:reload-fn |docs-workflow.main/reload!) (:version |0.0.5)
+  :configs $ {} (:init-fn |docs-workflow.main/main!) (:reload-fn |docs-workflow.main/reload!) (:version |0.0.8)
     :modules $ [] |respo.calcit/ |lilac/ |memof/ |respo-ui.calcit/ |respo-markdown.calcit/ |reel.calcit/ |respo-router.calcit/ |alerts.calcit/
   :entries $ {}
   :files $ {}
     |docs-workflow.comp.container $ {}
       :defs $ {}
+        |*text-content $ quote
+          defatom *text-content $ []
         |comp-child-entries $ quote
           defcomp comp-child-entries (parent-path entries on-select)
             div
@@ -107,11 +109,22 @@
           defcomp comp-doc-page (target)
             if (some? target)
               div
-                {} $ :style
-                  merge ui/expand $ {} (:padding "\"8px 16px")
-                    :background-color $ hsl 0 0 100 0.6
+                {} $ :class-name css-doc-page
                 div $ {}
                   :innerHTML $ .!render md (:content target)
+                a $ {} (:inner-text "\"Speech")
+                  :class-name $ str-spaced css/link css-speech-button
+                  :on-click $ fn (e d1)
+                    do
+                      reset! *text-content $ []
+                      -> e :event .-target .-parentElement .-firstChild .-children js/Array.from $ .!forEach
+                        fn (child idx ? a)
+                          if
+                            not= "\"PRE" $ .-tagName child
+                            swap! *text-content conj $ .-innerText child
+                      speechOne (.join-str @*text-content &newline) (get-env "\"azure-key") (get-env "\"lang" "\"en-US")
+                        fn $
+                        fn $
               div
                 {} $ :style
                   merge ui/expand $ {} (:padding "\"20px 16px")
@@ -126,7 +139,7 @@
                   [] idx $ let
                       target $ find-target docs path
                     div
-                      {} (:class-name "\"doc-entry")
+                      {} (:class-name css-doc-entry)
                         :style $ {} (:cursor :pointer) (:padding "\"0 8px") (:font-size 12)
                           :color $ hsl 0 0 60
                         :on-click $ fn (e d!) (on-select path d!)
@@ -139,7 +152,7 @@
                   [] (:key entry)
                     div ({})
                       div
-                        {} (:class-name "\"doc-entry")
+                        {} (:class-name css-doc-entry)
                           :style $ {} (:padding "\"0 8px") (:cursor :pointer)
                           :on-click $ fn (e d!)
                             on-select
@@ -171,7 +184,7 @@
                               conj parent-path $ :key entry
                               , d!
                         div
-                          {} (:class-name "\"doc-entry")
+                          {} (:class-name css-doc-entry)
                             :style $ merge style-entry
                               if selected? $ {}
                                 :border-left $ str "\"10px solid " (hsl 200 90 70)
@@ -202,6 +215,28 @@
                         <> $ str "\"< "
                           or (:title target) "\"NOT FOUND"
                 []
+        |css-doc $ quote
+          defstyle css-doc $ {}
+            "\"$0" $ {} (:font-size 15)
+            "\"$0 p" $ {} (:line-height 1.56)
+            "\"$0 p > code" $ {}
+              :background-color $ hsl 0 0 97
+              :padding "\"0 6px"
+              :border-radius "\"3px"
+              :border $ str "\"1px solid " (hsl 0 0 90)
+        |css-doc-entry $ quote
+          defstyle css-doc-entry $ {} ("\"$0" style-entry)
+            "\"$0:hover" $ {}
+              :background-color $ hsl 190 10 70 0.1
+        |css-doc-page $ quote
+          defstyle css-doc-page $ {}
+            "\"$0" $ merge ui/expand
+              {} (:padding "\"8px 16px")
+                :background-color $ hsl 0 0 100 0.6
+                :position :relative
+        |css-speech-button $ quote
+          defstyle css-speech-button $ {}
+            "\"$0" $ {} (:position :absolute) (:top 32) (:right 8) (:font-family css/font-fancy)
         |find-entries $ quote
           defn find-entries (entries path)
             if (empty? path) entries $ if-let
@@ -222,7 +257,7 @@
                 , nil
         |md $ quote
           def md $ new Remarkable
-            js-object (:html false) (:breaks true)
+            js-object (:html true) (:breaks true)
               :highlight $ fn (code lang)
                 if (= lang "\"cirru") (color/generate code)
                   .-value $ .!highlightAuto hljs code (js-array lang)
@@ -257,6 +292,9 @@
           "\"highlight.js" :default hljs
           "\"cirru-color" :as color
           respo-alerts.core :refer $ use-modal
+          respo.css :refer $ defstyle
+          respo-ui.css :as css
+          "\"@memkits/azure-speech-util" :refer $ speechOne
     |docs-workflow.config $ {}
       :defs $ {}
         |dev? $ quote

calcit.cirru

@@ -1,8 +1,9 @@
 {
-  "version": "0.0.6",
+  "version": "0.0.8",
   "name": "@calcit/docs-workflow",
   "dependencies": {
-    "@calcit/procs": "^0.5.41"
+    "@calcit/procs": "^0.5.41",
+    "@memkits/azure-speech-util": "^0.0.2"
   },
   "devDependencies": {
     "bottom-tip": "^0.1.3",