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

Mic

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

Cool

Ja bitte

Gerne. Siehe hier: https://forum.iobroker.net/topic/30657/vorlage-alexa-history-befehle-in-vis-anzeigen

Negalein

~~Ich schaffe es nicht das Design der Tabelle in mein Projekt zu übernehmen.~~

~~Das komplette Widget hab ich von deinem Projekt exportiert und bei mir wieder eingefügt.~~
~~Dann in deinem Projekt das Widget markiert und unter CSS/Global den Code 1:1 in meinem Projekt beim Widget unter CSS/Global eingefügt.~~

~~Trotzdem sind bei mir die Zeilen anders.~~

EDIT:
Kommando retour.
Ich hab das falsche CSS kopiert.

mguenther

Ich weiß nicht, ob ich alles richtig verstehe. Wenn ich einen Log-File zu einem Adapter auswerten möchte, dann lege ich im Skript z.B. das an:

   {
    id:             'Modbus',
    filter_all:     [/modbus.0/],
    filter_any:     [' - error: ', ' - warn: ',  ' - info: '],  // entweder error oder warn
    blacklist:      ['', '', ''],
    clean:          ['', '', ''],
    merge:          true,
    sortDescending: true,
    jsonDateFormat: '#DD.MM.# hh:mm',
    jsonColumns:    ['date','level','source','msg'],
    jsonLogLength:  100,
    jsonMaxLines:   100,
    jsonCssToLevel: false,
  },

und schreibe das z.B. unter das Beispiel im Skript für homematic. Es werden auch die folgenden Datenpunkte angelegt.

Jetzt werte ich das in der VIS separat aus, allerdings scheine ich beim Layout anpassen an meine VIS etwas geändert zu haben - ich habe keine farbigen Einträge mehr. Was muss ich denn wo entsprechend ändern?

danke
Marcus

Glasfaser

@mguenther

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)