@podlite/editor-react 0.0.11 → 0.0.12

package/CHANGELOG.md

@@ -1,7 +1,13 @@
 # @podlite/editor-react
 
 ## Upcoming
-
+## 0.0.12
+- add caption, toc styles support
+- change search suggestions sorting
+- add =Toc related suggestions
+- add suggestions: code block with formatting
+- fix snippets
+- update build system
 ## 0.0.11
 - minor fix
 ## 0.0.10

package/esm/index.css

@@ -1,332 +1 @@
-/* ../../node_modules/codemirror/addon/hint/show-hint.css */
-.CodeMirror-hints {
-  position: absolute;
-  z-index: 10;
-  overflow: hidden;
-  list-style: none;
-  margin: 0;
-  padding: 2px;
-  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
-  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
-  box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
-  border-radius: 3px;
-  border: 1px solid silver;
-  background: white;
-  font-size: 90%;
-  font-family: monospace;
-  max-height: 20em;
-  overflow-y: auto;
-}
-.CodeMirror-hint {
-  margin: 0;
-  padding: 0 4px;
-  border-radius: 2px;
-  white-space: pre;
-  color: black;
-  cursor: pointer;
-}
-li.CodeMirror-hint-active {
-  background: #08f;
-  color: white;
-}
-
-/* src/Editor.css */
-.EditorApp {
-  font-family:
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-.App-link {
-  color: #61dafb;
-}
-.layout {
-  position: absolute;
-  width: 100%;
-}
-.Editor {
-  text-align: left;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-}
-[contenteditable]:focus {
-  outline: 0px solid transparent;
-}
-.layout__panel {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  flex: none;
-  overflow: hidden;
-}
-.flex--row {
-  flex-direction: row;
-}
-.flex {
-  display: flex;
-}
-.CodeMirror {
-  height: auto;
-  font-family: inherit;
-}
-pre {
-  overflow-x: auto;
-  white-space: pre-wrap;
-  white-space: -moz-pre-wrap;
-  white-space: -pre-wrap;
-  white-space: -o-pre-wrap;
-  word-wrap: break-word;
-}
-.title {
-  margin: 0em;
-}
-.Editorleft {
-  border-right: 1px dotted lightgrey;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-  width: 50%;
-  font-size: 15px;
-  text-align: left;
-}
-body {
-  margin: 0;
-  font-family:
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-code {
-  font-family:
-    source-code-pro,
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-}
-pre {
-  padding: 9.5px;
-  display: block;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f8f8f8;
-  border-radius: 4px;
-}
-code {
-  padding: 0;
-  font-size: inherit;
-  color: inherit;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border-radius: 0;
-}
-img {
-  max-width: 1024px;
-}
-table {
-  word-break: normal;
-  min-width: 70%;
-  max-width: 100%;
-  margin: 0 auto;
-  border-spacing: 0;
-  border-collapse: collapse;
-  text-align: center;
-  margin-top: 2em;
-}
-table caption {
-  margin-bottom: 0.8em;
-}
-table tbody tr:hover {
-  background-color: #eee;
-  -webkit-transition: .5s;
-  transition: .5s;
-}
-tr th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #eee;
-}
-td {
-  padding: 8px;
-  border: 1px solid #eee;
-}
-.footnote a {
-  text-decoration: none;
-}
-.footnotes {
-  border-top-style: solid;
-  border-top-width: 1px;
-  border-top-color: #eee;
-}
-img {
-  display: block;
-  margin: 0 auto;
-  max-width: 100%;
-}
-.shadow {
-  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
-  -moz-box-shadow: 3px 3px 5px 6px #ccc;
-  box-shadow: 3px 3px 5px 6px #ccc;
-}
-.box {
-  box-shadow:
-    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
-    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
-    0 12.5px 10px rgba(0, 0, 0, 0.06),
-    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
-    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
-    0 100px 80px rgba(0, 0, 0, 0.12);
-  margin: 100px auto;
-  background: white;
-  border-radius: 5px;
-}
-.video {
-  max-width: 90%;
-  margin-bottom: 1em;
-}
-div.video video {
-  width: 100%;
-  outline: none;
-  border: none;
-}
-.mermaid svg {
-  display: block;
-  margin: auto;
-}
-.CodeMirror {
-  height: auto;
-  font-family: inherit;
-}
-.title {
-  margin: 0em;
-}
-.Editorleft {
-  border-right: 1px dotted lightgrey;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-  width: 50%;
-  font-size: 15px;
-  text-align: left;
-  float: left;
-  height: 100%;
-  padding-left: 10px;
-  visibility: visible;
-  opacity: 1;
-  transition: all 0.2s ease-out;
-}
-.editorApp,
-.CodeMirror {
-  height: 100%;
-}
-.Editorright {
-  text-align: left;
-  word-break: break-word;
-  word-wrap: break-word;
-  margin-right: 0;
-  height: 100%;
-  font-size: 15px;
-  padding-left: 10px;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  background-color: white;
-}
-.Editorright .error {
-  opacity: 0.5;
-}
-.Editorright * {
-}
-.Editorright img {
-  display: block;
-  margin: 0 auto;
-  max-width: 100%;
-}
-.content {
-  height: 100%;
-}
-.layoutPreview .Editorright {
-  position: absolute;
-  width: 48%;
-  float: right;
-  top: 0;
-  right: 0;
-  width: 100%;
-  background-color: white;
-}
-.layoutPreview .Editorleft {
-  visibility: hidden;
-  opacity: 0;
-}
-.layoutPreview .content {
-  width: 50%;
-  margin: 0 auto;
-  height: 100%;
-  overflow-y: initial;
-}
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.CodeMirror-vscrollbar {
-  user-select: none;
-  outline: none !important;
-}
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-::-webkit-scrollbar {
-  background-color: (0, 0, 0, 0.05);
-}
-::-webkit-scrollbar-thumb:active {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-thumb {
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-thumb:active {
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.CodeMirror-hints {
-  z-index: 1000;
-  border: none;
-}
+.EditorApp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.layout{position:absolute;width:100%}.Editor{text-align:left;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}[contenteditable]:focus{outline:0px solid transparent}.layout__panel{position:relative;width:100%;height:100%;flex:none;overflow:hidden}.flex--row{flex-direction:row}.flex{display:flex}.CodeMirror{height:auto;font-family:inherit}pre{overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.title{margin:0}.Editorleft{border-right:1px dotted lightgrey;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;width:50%;font-size:15px;text-align:left}body{margin:0;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}pre{padding:9.5px;display:block;word-break:break-all;word-wrap:break-word;background-color:#f8f8f8;border-radius:4px}code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}img{max-width:1024px}table{word-break:normal;min-width:70%;max-width:100%;margin:2em auto 1em;border-spacing:0;border-collapse:collapse;text-align:center}table caption{margin-bottom:.8em}table tbody tr:hover{background-color:#eee;-webkit-transition:.5s;transition:.5s}tr th{vertical-align:bottom;border-bottom:2px solid #eee}td{padding:8px;border:1px solid #eee}.footnote a{text-decoration:none}.footnotes{border-top-style:solid;border-top-width:1px;border-top-color:#eee}img{display:block;margin:0 auto;max-width:100%}.shadow{-webkit-box-shadow:3px 3px 5px 6px #ccc;-moz-box-shadow:3px 3px 5px 6px #ccc;box-shadow:3px 3px 5px 6px #ccc}.box{box-shadow:0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f;margin:100px auto;background:white;border-radius:5px}.video{max-width:90%;margin-bottom:1em}div.video video{width:100%;outline:none;border:none}.mermaid svg{display:block;margin:auto}.toc{padding:1rem}.toc-list{list-style:none;font-size:.8rem}.caption{text-align:center;font-size:.9rem}.CodeMirror{height:auto;font-family:inherit}.title{margin:0}.Editorleft{border-right:1px dotted lightgrey;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;width:50%;font-size:15px;text-align:left;float:left;height:100%;padding-left:10px;visibility:visible;opacity:1;transition:all .2s ease-out}.editorApp,.CodeMirror{height:100%}.Editorright{text-align:left;word-break:break-word;word-wrap:break-word;margin-right:0;height:100%;font-size:15px;padding-left:10px;overflow-y:scroll;overflow-x:hidden;background-color:#fff}.Editorright .error{opacity:.5}.Editorright img{display:block;margin:0 auto;max-width:100%}.content{height:100%}.layoutPreview .Editorright{position:absolute;width:48%;float:right;top:0;right:0;width:100%;background-color:#fff}.layoutPreview .Editorleft{visibility:hidden;opacity:0}.layoutPreview .content{width:50%;margin:0 auto;height:100%;overflow-y:initial}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.CodeMirror-vscrollbar{user-select:none;outline:none!important}::-webkit-scrollbar-thumb{background-color:#0000001a}::-webkit-scrollbar{background-color:(0,0,0,.05)}::-webkit-scrollbar-thumb:active{background-color:#0000001a}::-webkit-scrollbar{width:10px;height:10px;-webkit-border-radius:100px}::-webkit-scrollbar-thumb{-webkit-border-radius:100px}::-webkit-scrollbar-thumb:active{-webkit-border-radius:100px}::-webkit-scrollbar-corner{background:transparent}.CodeMirror-hints{z-index:1000;border:none}