deblan-mirror/wails
1
0
Fork 0
mirror of https://github.com/wailsapp/wails.git synced 2026-03-14 22:55:48 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fully refactored logging

Browse source
This commit is contained in:
Lea Anthony 2020-10-11 15:10:25 +11:00
commit 7e4ad307aa
No known key found for this signature in database
GPG key ID: 33DAF7BB90A58405
8 changed files with 162 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

8
v2/test/kitchensink/frontend/src/components/CodeBlock.svelte
View file

@ -20,11 +20,13 @@
$: code = isJs ? jsCode : goCode;
// Handle hiding example
let showCode = true;
let showCode = false;
function toggleExample() {
showCode = !showCode;
}
export let id;
// Handle hiding example
let showRun = true;
@ -40,8 +42,8 @@
<span class="toggle">
<span>Go</span>
<span class="custom-switch">
<input type="checkbox" id="languageToggle" value="" bind:checked={isJs}>
<label for="languageToggle">Javascript</label>
<input type="checkbox" {id} value="" bind:checked={isJs}>
<label for={id}>Javascript</label>
</span>
</span>
{#if description}

62
v2/test/kitchensink/frontend/src/pages/logging/Log/Log.svelte Normal file
View file

@ -0,0 +1,62 @@
<script>
import { Log } from '@wails/runtime';
import CodeBlock from '../../../components/CodeBlock.svelte';
import jsCode from './code.jsx';
import goCode from './code.go';
import { logLevel } from '../../../Store';
var message = '';
var isJs = false;
const loglevels = ["Trace", "Debug", "Info", "Warning", "Error", "Fatal", "Print"];
var loglevel = loglevels[0];
$: lang = isJs ? 'Javascript' : 'Go';
var id = "Logging";
$: () => {
console.log("Loglevel:", $logLevel)
}
function sendLogMessage() {
if( message.length > 0 ) {
if( isJs ) {
// Call JS runtime
Log[loglevel](message);
} else {
// Call Go method which calls Go Runtime
backend.main.Logger[loglevel](message);
}
}
}
</script>
<CodeBlock bind:isJs={isJs} {jsCode} {goCode} title="Logging" {id}>
<div class="logging-form">
<form data-wails-no-drag class="w-500 mw-full">
<div class="form-group">
<label for="Debug">Select Logging Level</label>
{#each loglevels as option, index}
{#if index === $logLevel}
<span style="margin-top: 5px; height: 20px; display: inline-block;"><hr style="width: 270px;display: inline-block; vertical-align: middle; margin-right: 10px"/> Current Log Level </span>
{/if}
<div class="custom-radio">
<input type="radio" name="logging" bind:group="{loglevel}" id="{id}-{option}" value="{option}">
<label for="{id}-{option}">{option}</label>
</div>
{/each}
</div>
<div class="form-group">
<label for="{id}-message" class="required">Message</label>
<input type="text" class="form-control" id="{id}-message" placeholder="Hello World!" bind:value="{message}" required="required">
</div>
<input class="btn btn-primary" type="button" on:click="{sendLogMessage}" value="Call {lang} method">
</form>
</div>
</CodeBlock>

0
v2/test/kitchensink/frontend/src/pages/logging/code.go → v2/test/kitchensink/frontend/src/pages/logging/Log/code.go
View file

0
v2/test/kitchensink/frontend/src/pages/logging/code.jsx → v2/test/kitchensink/frontend/src/pages/logging/Log/code.jsx
View file

81
v2/test/kitchensink/frontend/src/pages/logging/Logging.svelte
View file

@ -1,77 +1,36 @@
<script>
import { Log } from '@wails/runtime';
import CodeBlock from '../../components/CodeBlock.svelte';
import jsCode from './code.jsx';
import goCode from './code.go';
import { logLevel } from '../../Store';
var message = '';
var isJs = false;
var options = ["Trace", "Debug", "Info", "Warning", "Error", "Fatal", "Print"];
var loglevel = options[0];
// This is the current log level in text form
$: currentLoglevelText = options[$logLevel];
$: lang = isJs ? 'Javascript' : 'Go';
function sendLogMessage() {
if( message.length > 0 ) {
if( isJs ) {
// Call JS runtime
Log[loglevel](message);
} else {
// Call Go method which calls Go Runtime
backend.main.Logger[loglevel](message);
}
}
}
import Log from './Log/Log.svelte';
import SetLogLevel from './SetLogLevel/SetLogLevel.svelte';
const loglevels = ["Trace", "Debug", "Info", "Warning", "Error", "Fatal", "Print"];
</script>
<div>
<h4>Logging</h4>
Logging is part of the Wails Runtime and is accessed through the <code>runtime.Log</code> object. There are {options.length} methods available:
Logging is part of the Wails Runtime and is accessed through the <code>runtime.Log</code> object. There are {loglevels.length} methods available:
<ul class="list">
{#each options as option}
{#each loglevels as option}
<li>{option}</li>
{/each}
</ul>
All methods will log to the console and <code>Fatal</code> will also exit the program.
<br/>
The default logger will log all messages to the console EG:<br/>
<pre>
INFO | I am an Info message
ERROR | I am an Error message
WARN | I am a Warning message
</pre>
<code>Fatal</code> will print the message and then immediately exit the program.
<div style="padding: 15px"></div>
<CodeBlock bind:isJs={isJs} {jsCode} {goCode} title="Logging" >
<div class="logging-form">
<form data-wails-no-drag class="w-500 mw-full"> <!-- w-400 = width: 40rem (400px), mw-full = max-width: 100% -->
<!-- Radio -->
<div class="form-group">
<label for="Debug">Select Logging Level</label>
{#each options as option, index}
{#if index === $logLevel}
<span style="margin-top: 5px; height: 20px; display: inline-block;"><hr style="width: 270px;display: inline-block; vertical-align: middle; margin-right: 10px"/> Current Log Level </span>
{/if}
<div class="custom-radio">
<input type="radio" name="logging" bind:group="{loglevel}" id="{option}" value="{option}">
<label for="{option}">{option}</label>
</div>
{/each}
</div>
<Log></Log>
<br/>
<SetLogLevel></SetLogLevel>
<!-- Input -->
<div class="form-group">
<label for="message" class="required">Message</label>
<input type="text" class="form-control" id="message" placeholder="Hello World!" bind:value="{message}" required="required">
</div>
<input class="btn btn-primary" type="button" on:click="{sendLogMessage}" value="Call {lang} method">
</form>
</div>
</CodeBlock>
</div>

32
v2/test/kitchensink/frontend/src/pages/logging/SetLogLevel/SetLogLevel.svelte Normal file
View file

@ -0,0 +1,32 @@
<script>
import CodeBlock from '../../../components/CodeBlock.svelte';
import { logLevel } from '../../../Store';
import jsCode from './code.jsx';
import goCode from './code.go';
var options = ["Trace", "Debug", "Info", "Warning", "Error"];
var id = "SetLogLevel";
let loglevelText = options[$logLevel];
$: logLevel.set(options.indexOf(loglevelText));
</script>
<CodeBlock {jsCode} {goCode} title="SetLogLevel" {id}>
<div class="logging-form">
<form data-wails-no-drag class="w-500 mw-full">
<!-- Radio -->
<div class="form-group">
<label for="Debug">Select Logging Level</label>
{#each options as option}
<div class="custom-radio">
<input type="radio" name="logging" bind:group="{loglevelText}" id="{id}-{option}" value="{option}">
<label for="{id}-{option}">{option}</label>
</div>
{/each}
</div>
</form>
</div>
</CodeBlock>

23
v2/test/kitchensink/frontend/src/pages/logging/SetLogLevel/code.go Normal file
View file

@ -0,0 +1,23 @@
package main
// SET LOG LEVEL
import wails "github.com/wailsapp/wails/v2"
type MyStruct struct {
runtime *wails.Runtime
}
func (l *MyStruct) WailsInit(runtime *wails.Runtime) error {
runtime.Log.Print(message)
runtime.Log.Trace(message)
runtime.Log.Debug(message)
runtime.Log.Info(message)
runtime.Log.Warning(message)
runtime.Log.Error(message)
runtime.Log.Fatal(message)
l.runtime = runtime
return nil
}

20
v2/test/kitchensink/frontend/src/pages/logging/SetLogLevel/code.jsx Normal file
View file

@ -0,0 +1,20 @@
import { Log } from '@wails/runtime';
// SET LOG LEVEL
function doSomeOperation() {
// Do things
let value = doSomething();
Log.Print("A raw message");
Log.Trace("I got: " + value);
Log.Debug("A debug message");
Log.Info("An Info message");
Log.Warning("A Warning message");
Log.Error("An Error message");
}
function abort() {
// Do some things
Log.Fatal("I accidentally the whole application!");
}