[Vorlage] JS: Log-Datei aufbereiten für VIS

Glasfaser

Wenn du von Ihm das View in dein Projekt kopierst , dann mußt du auch die CCS kopieren .

CSS:



/******************************************
               — LINKS —
******************************************/
.noteProject a:link { color: #b8b8b8; } /* unvisited link */
.noteProject a:visited { color: #b8b8b8; } /* visited link */
.noteProject a:hover { color: #ffffff; } /* mouse over link */
.pnoteProjecte a:active { color: #ffffff; } /* selected link */
hr { border:0; height: 1px; background-color:#b8b8b8 }


/******************************************
               — TABLE —
******************************************/

.tableLog .log-warn { color: orange;}
.tableLog .log-error { color: red;}
.tableLog .log-info { color: yellow;}


/* Word-Break anwenden */
.tableLog {
   word-break: break-word; 
}



/* Jede zweite Tabellenzeile formatieren */
.tableLog tr:nth-child(even) {
   background:rgba(56,46,67,0.1);
}

/* Rand unterhalb Tabellenüberschrift */
.tableLog .mdc-data-table__header-row {
   border-bottom: 1px solid #434343;
}

/* Zeilenhöhe und Abstände */
.tableLog .mdc-data-table__cell  {
   line-height:1.3em;
   padding-top: 6px;
   padding-bottom: 6px;
}


/* Scrollbar */
.tableLog::-webkit-scrollbar { width: 15px; }
.tableLog::-webkit-scrollbar-track { background: transparent; }
.tableLog::-webkit-scrollbar-thumb { background-color: rgba(63,64,71,1); border-radius: 7px; border-color: rgba(63,64,71,1); }
.tableLog::-webkit-scrollbar-thumb:hover { background: #8f8f8f; }


/******************************************
               — BUTTONS —
******************************************/


.leftBarBtn .materialdesign-button-body {
   justify-content: left !important; 
   margin-left: 0.9em;
}

mguenther

@Glasfaser
das hatte ich gesucht... ich bin blöd, bei mir stand die ganze Zeit CSS auf global und deswegen hatte ich es nicht gesehen
danke

Mic

Update: Script-Version 4.10

Die neue Log-Script Version 4.10 erlaubt es nun, über Logs, die abgegeben werden (z.B. über Funktion log() in JavaScript oder Blockly) die Inhalte zu manipulieren. Da das Log-Script umfangreiche Filter bietet, von denen beliebig viele angelegt werden können und dann in Datenpunkten verfügbar sind, können mit dieser Funktion einfach per log() entsprechend Tabellen gefüllt werden.

Hier im Link weitere Infos zur Verwendung.

Beispiel:

Folgendes Script erzeugt eine Log-Zeile, sobald ein Befehl an ein Alexa-Gerät gesprochen wird.
Github: alexa-log-script.js

So sieht dann das Log dieses Scripts in etwa aus:
javascript.0 (12345) script.js.Alexa: [Alexa-Log-Script] ##{"msg":"Licht An", "source":"Sonos Küche"}##

Anzeige im VIS durch diese neue Funktion des Log-Scripts:

Wie zu sehen wird damit "Quelle" (wäre hier normalerweise "javascript.0") durch das Alexa-Gerät (hier: Sonos Küche) ersetzt. Außerdem wird die Message durch den gesprochenen Befehl (hier: "Licht An") ersetzt.
Genauso können auch noch das Datum ("date") und das Log-Level ("level") ersetzt werden.

Für dieses Script-Beispiel einfach folgenden Filter setzen:

  {
    id:             'alexa',
    filter_all:     ['[Alexa-Log-Script]', ''],
    filter_any:     [' - info: '],
    blacklist:      ['', '', ''],
    clean:          [/script\.js\.[^:]*: [Alexa-Log-Script]/, '', ''],
    merge:          false,
    sortDescending: true,
    jsonDateFormat: '#DD.MM.# hh:mm',
    jsonColumns:    ['date','level','source','msg'],
    jsonLogLength:  100,
    jsonMaxLines:   50,
    jsonCssToLevel: true,
  },

Genau so können auch mehrere Filter für verschiedene Alexa-Geräte angelegt werden.
Dazu einfach unter filter_all ein bestimmtes Alexa-Gerät, z.B. "Show 5 Küche" hinzufügen.

Update von Vorversion
Einfach alles unterhalb von hier ersetzen:

/********************************************************
 * Ab hier nichts mehr ändern / Stop editing here!
 ********************************************************/

Glasfaser

@Mic sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Beispiel:
Folgendes Script erzeugt eine Log-Zeile, sobald ein Befehl an ein Alexa-Gerät gesprochen wird.

Ich würde das Skript noch auf Github legen , sonst geht es hier unter !?

EDIT: und das Filterbeispiel ...

@Negalein .... da hat Mic was tolles für Dich gemacht

Negalein

@Glasfaser sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

da hat Mic was tolles für Dich gemacht

Ja, definitiv!
Schon geil, was @Mic da für Zauberhände hat.

Negalein

@Mic

Ich bekomm folgenden Error und das Log-Script geht auf Pause (Gelb).

javascript.0	2020-03-01 20:31:44.477	error	(591) at Script.runInContext (vm.js:133:20)
javascript.0	2020-03-01 20:31:44.477	error	(591) at script.js.System.IOBroker_Log:285:21
javascript.0	2020-03-01 20:31:44.476	error	(591) SyntaxError: Invalid regular expression: /script\.js\.[^:]*: [Alexa-Log-Script]/: Range out of order in character class
javascript.0	2020-03-01 20:31:44.476	error	(591) ^
javascript.0	2020-03-01 20:31:44.476	error	(591) clean: [/script\.js\.[^:]*: [Alexa-Log-Script]/, '', ''],
javascript.0	2020-03-01 20:31:44.475	error	(591) script.js.System.IOBroker_Log: script.js.System.IOBroker_Log:285

/******************************************************************************************************
 * History der Alexa-Sprachbefehle in VIS darstellen.
 * Erfordert das Log-Script: https://github.com/Mic-M/iobroker.logfile-script
 ******************************************************************************************************/

// Normalerweise wird die "summary", also der Befehl an Alexa, in Kleinbuchstaben zurückgegeben, also 
// z.B. "flurlicht einschalten". Wenn diese Option auf "true" ist, wird die Ausgabe zu 
// "Flurlicht Einschalten", also jeweils erster Buchstabe groß. 
// Falls nicht gewünscht, auf "false" setzen.
const CAPITALIZE_FIRSTS = true;

/*************************************************************************************************************************
 * Ab hier nichts mehr ändern / Stop editing here!
 *************************************************************************************************************************/

main();
function main() {
    // All instances, so alexa2.0.History.json, alexa2.1.History.json, alexa2.2.History.json, etc.
    on({id: /^alexa2\.\d\.History\.json$/, change:'any'}, function(obj) {

        // obj.state.val: JSON string of oject.
        // Like: {"name":"Alexa Flur","serialNumber":"xxxxxxxxxx","summary":"Wohnlicht an","creationTime":1582843794820, ... }
        let objHistory = JSON.parse(obj.state.val); 

        // ignore alexa keywords or empty value.
        if(! (['', 'alexa','echo','computer'].includes(objHistory['summary']) )) {
            // ignore "sprich mir nach"
            if (!(objHistory['summary'].includes('sprich mir nach '))) {
                log('[Alexa-Log-Script] ##{"msg":"' + formatAlexaSummary(objHistory['summary']) + '", "source":"' + objHistory['name'] + '"}##');
            }
        }
    });
}

/**
 * Formats the Alexa summary text accordingly.
 * @param {string} summaryText   The summary text
 * @return {string} the formatted summary
 */
function formatAlexaSummary(summaryText) {
    if (CAPITALIZE_FIRSTS) summaryText = summaryText.replace(/(^|\s)\S/g, l => l.toUpperCase()); // Capitalize if set. https://stackoverflow.com/questions/2332811/
    return summaryText;
}

Mic

@Glasfaser
@Negalein
Vielen Dank für euer Feedback

@Glasfaser sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Ich würde das Skript noch auf Github legen

Guter Hinweis, erledigt (da ist auch das Filterbeispiel drin): https://github.com/Mic-M/iobroker.logfile-script/blob/master/alexa/alexa-log-script.js

sigi234

@Mic

Hm, ist das jetzt ein eigenes Skript?

Negalein

@sigi234 sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Hm, ist das jetzt ein eigenes Skript?

das kurze Script wird benötigt, um mit den neuen Log-Script die Alexa-History auszulesen.

Mic

@Negalein sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

@Mic
Ich bekomm folgenden Error und das Log-Script geht auf Pause (Gelb).

Leider stellt das Forum hier Regex in Codes nicht korrekt dar, bitte kopiere den Filter noch mal von hier:
https://github.com/Mic-M/iobroker.logfile-script/blob/master/alexa/alexa-log-script.js
(Zeile: "clean:" ersetzen reicht)