Aetherinox · Aetherinox · Mar 11, 2024 · Mar 11, 2024
diff --git a/dist/main.js b/dist/main.js
diff --git a/dist/manifest.json b/dist/manifest.json
@@ -1,7 +1,7 @@
 {
   "id": "gistr",
   "name": "Gistr",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "minAppVersion": "1.0.0",
   "description": "Integrate OpenGist and Github gist snippets in your notes.",
   "author": "Aetherinox",

diff --git a/dist/styles.css b/dist/styles.css
@@ -73,8 +73,8 @@ settings:
         default-light:      '#ccac1f'
         default-dark:       '#ccac1f'
 -
-        id:                 gistr-status-connected
-        title:              'Status indicator: Connected'
+        id:                 gistr-status-success
+        title:              'Status indicator: Success'
         description:        'Color for icon and text when indicator says "Connected"'
         type:               variable-themed-color
         opacity:            true
@@ -98,7 +98,7 @@ body
     --gistr-phrase-dark:            #ff5d85;
     --gistr-status-connecting:      #f1c638;
     --gistr-status-error:           #e02f6a;
-    --gistr-status-connected:       #4c9155;
+    --gistr-status-success:         #4c9155;
     --gistr-status-issues:          #ccac1f;
 }
 
@@ -254,6 +254,7 @@ body
 {
     min-width:              30px;
     text-align:             right;
+    font-size:              9pt;
 }
 
 .gistr-settings-lbl-important
@@ -269,11 +270,27 @@ body
     animation:              none;
 }
 
+.gistr-settings-icon-update
+{
+    position:               relative;
+    font-size:              7px;
+    content:                url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23dea11f' width='16px' height='16px'%3E%3C!--! --%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'%3E%3C/path%3E%3C/svg%3E" );
+    animation:              none;
+}
+
+.gistr-settings-icon-update-dark
+{
+    position:               relative;
+    font-size:              7px;
+    content:                url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23dea11f' width='16px' height='16px'%3E%3C!--! --%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'%3E%3C/path%3E%3C/svg%3E" );
+    animation:              none;
+}
+
 .gistr-settings-icon-invalid
 {
     position:               relative;
     font-size:              7px;
-    content:                url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff3e7e' width='18px' height='18px'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.3 136.5c-8.6-10.1-23.7-11.4-33.8-2.8s-11.4 23.7-2.8 33.8L224.6 256l-74.9 88.5c-8.6 10.1-7.3 25.3 2.8 33.8s25.3 7.3 33.8-2.8L256 293.2l69.7 82.3c8.6 10.1 23.7 11.4 33.8 2.8s11.4-23.7 2.8-33.8L287.4 256l74.9-88.5c8.6-10.1 7.3-25.3-2.8-33.8s-25.3-7.3-33.8 2.8L256 218.8l-69.7-82.3z'%3E%3C/path%3E%3C/svg%3E" );
+    content:                url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff3e7e' width='18px' height='18px'%3E%3C!--! --%3E%3Cpath d='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.3 136.5c-8.6-10.1-23.7-11.4-33.8-2.8s-11.4 23.7-2.8 33.8L224.6 256l-74.9 88.5c-8.6 10.1-7.3 25.3 2.8 33.8s25.3 7.3 33.8-2.8L256 293.2l69.7 82.3c8.6 10.1 23.7 11.4 33.8 2.8s11.4-23.7 2.8-33.8L287.4 256l74.9-88.5c8.6-10.1 7.3-25.3-2.8-33.8s-25.3-7.3-33.8 2.8L256 218.8l-69.7-82.3z'%3E%3C/path%3E%3C/svg%3E" );
     animation:              none;
 }
 
@@ -473,10 +490,94 @@ body
     border:                 0px;
 }
 
+.gistr-settings-modal .checkbox-container input[ type='checkbox' ], .gistr-settings-modal .checkbox-container, .gistr-settings-modal button, .gistr-settings-modal select
+{
+    cursor:                 pointer;
+}
+
+.gistr-settings-modal .setting-item
+{
+    border:                 0px;
+}
+
+.gistr-settings-modal .clickable-icon.setting-editor-extra-setting-button
+{
+    cursor:                 pointer;
+}
 
 .gistr-slider input[ type="range" ]
 {
-    width:                  90%;
+    width:                  120px;
+    height:                 3px;
+}
+
+.gistr-dropdown .dropdown
+{
+    width:                  120px;
+}
+
+/*
+    Version Info
+*/
+
+.gistr-settings-ver-int-l
+{
+    cursor:                 pointer;
+    float:                  left;
+    width:                  40%;
+    margin-top:             2px;
+    margin-bottom:          2px;
+}
+
+.gistr-settings-ver::before, .gistr-settings-ver-int-l::before
+{
+    padding-top:            2px;
+}
+
+.gistr-settings-ver-int-r
+{
+    cursor:                 pointer;
+    float:                  right;
+    width:                  8%;
+    margin-top:             2px;
+    margin-bottom:          2px;
+    height: 0px;
+}
+
+.gistr-settings-ver-int-r .setting-item-info
+{
+    display:                none;
+}
+
+.gistr-settings-ver-int-r .setting-item
+{
+    padding:                0px !important;
+    width:                  100%;
+    margin-top:             -7px;
+}
+
+.gistr-settings-ver-int-r  .setting-item-control
+{
+    flex:                   none;
+    width:                  100%;
+}
+
+.gistr-settings-ver-int-r .setting-item-control > input
+{
+    background:             none;
+    border:                 0px;
+    text-align:             right;
+}
+
+.gistr-settings-ver-int-r .setting-item-control > input:hover, input:active
+{
+    background:             none;
+    border:                 0px;
+}
+
+.gistr-settings-ver-int-c
+{
+    clear:                  both;
 }
 
 /*
@@ -495,18 +596,24 @@ h2.gistr-settings-header + div > div > div > .setting-item-description
 }
 */
 
-.gistr-settings-status-connected > input
+.gistr-settings-status-success > input
 {
-    color:                  var( --gistr-status-connected ) !important;
+    color:                  var( --gistr-status-success ) !important;
     font-weight:            bold;
 }
 
-.gistr-settings-status-issues > input
+.gistr-settings-status-warning > input
 {
     color:                  var( --gistr-status-issues ) !important;
     font-weight:            bold;
 }
 
+.gistr-settings-status-error > input
+{
+    color:                  var( --gistr-status-error ) !important;
+    font-weight:            bold;
+}
+
 /*
     Modal > Getting Started
 */

diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "id": "gistr",
   "name": "Gistr",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "minAppVersion": "1.0.0",
   "description": "Integrate OpenGist and Github gist snippets in your notes.",
   "author": "Aetherinox",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gistr",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Integrate OpenGist and Github gist snippets in your notes.",
   "main": "main.js",
   "repository": {
@@ -37,7 +37,8 @@
     "rollup-plugin-define": "^1.0.1",
     "rollup-plugin-license": "^3.2.0",
     "tslib": "^2.2.0",
-    "typescript": "^4.2.4"
+    "typescript": "^4.2.4",
+    "uuid": "^9.0.1"
   },
   "dependencies": {
     "@aetherinox/noxkit": "^1.1.0",

diff --git a/rollup.config.js b/rollup.config.js
@@ -10,7 +10,8 @@ import { nodeResolve } from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import terser from '@rollup/plugin-terser';
 import define from 'rollup-plugin-define';
-import license from 'rollup-plugin-license'
+import license from 'rollup-plugin-license';
+import { v5 as uuidv5 } from 'uuid';
 import {readFileSync} from 'fs';
 
 const { name, author, version, repository } = JSON.parse(readFileSync('./package.json'));
@@ -24,7 +25,8 @@ const topBanner = `
 @url:         ${ repository.url }
 @copyright:   (c) ${ year } ${ author }
 @license:     MIT
-@build:       ${ new Date( ).toLocaleString( ) }
+@build:       ${ new Date( ).toISOString( ) }
+@build-id:    ${ uuidv5( ` + repository + `, uuidv5.URL ) }
 `;
 
 console.log( topBanner );

diff --git a/src/lang/locale/en.ts b/src/lang/locale/en.ts
@@ -17,6 +17,7 @@ export default
     base_theme_dark:                        'Dark',
     base_time_am:                           'AM',
     base_time_pm:                           'PM',
+    base_component_reset:                   'Reset to Default',
     base_debug_loading:                     'Loading {0} v{1} [ {2} ]',
     base_debug_updater_1:                   '{0} Update Check',
     base_debug_updater_2:                   '{0} {1}',
@@ -53,7 +54,7 @@ export default
     cfg_tab_ge_keyword_name:                'Trigger keyword',
     cfg_tab_ge_keyword_desc:                'Word to use inside codeblocks to designate as a portal for showing gists',
     cfg_tab_ge_theme_name:                  'Theme',
-    cfg_tab_ge_theme_desc:                  'This determines what color scheme will be used for gists. You can however, customize the colors in the Github and OpenGist categories below. MUST reload your note for the new stylesheet to be loaded.',
+    cfg_tab_ge_theme_desc:                  'This determines what color scheme will be used for gists. You can however, customize the colors in the Github and OpenGist categories below.<br><br><b>Note:</b> When this is changed, place your cursor in the codeblock and then leave the codeblock to refresh it. Automatic refreshing only works in <span class="gistr-settings-elm-note">reading mode</span>',
     cfg_tab_ge_wrap_name:                   'Text wrapping',
     cfg_tab_ge_wrap_desc:                   'If enabled, text will wrap to the next line. If disabled, you will see a horizontal scrollbar. This does not include gists that have no spaces anywhere in the body.',
     cfg_tab_ge_notitime_name:               'Notification duration',
@@ -158,6 +159,17 @@ export default
     cfg_tab_su_gist_url:                    'https://gist.github.com/',
     cfg_tab_su_gist_btn:                    'View',
 
+    cfg_tab_su_ver_cur:                     'Current version',
+    cfg_tab_su_ver_stable:                  'Latest stable release ',
+    cfg_tab_su_ver_beta:                    'Latest beta release ',
+    cfg_tab_su_ver_connection_issues:       'Server communication failed',
+    cfg_tab_su_ver_status_checking:         'Checking for newer version of Gistr',
+    cfg_tab_su_ver_status_uptodate:         'You are running the latest version of Gistr',
+    cfg_tab_su_ver_status_stable_avail:     'A newer stable release of Gistr is available',
+    cfg_tab_su_ver_status_beta_avail:       'A newer beta release of Gistr is available',
+    cfg_tab_su_ver_status_tip_conn_error:   'Could not communicate with the gistr server, retrying later',
+    cfg_tab_su_ver_releases:                'https://github.com/Aetherinox/obsidian-gistr/releases',
+
     /*
         Tab > Sync
     */