Light

logdyhq / logdy-ui Goto Github PK

View Code? Open in Web Editor NEW

22.0 1.0 4.0 204 KB

Stream command and output content to web UI with autogenerated filters. Transform content with TypeScript.

Home Page: https://logdy.dev

License: Apache License 2.0

HTML 0.13% Vue 21.97% TypeScript 75.46% CSS 0.61% SCSS 1.82%

awk grep-like grep-search jq jsonlogger logging logging-framework logging-library logging-server tail

logdy-ui's Introduction

Logdy UI repository

This repository contains code of a Vue.js application that is a Web UI of logdy.dev.

Navigate to logdy-core repository for the Logdy source-code, full documentation and use cases.

Demo

Visit demo.logdy.dev

Development

npm install
npm run dev

By default the UI will be served under http://localhost:5173. There are two ways to develop going further.

Use logdy-core

You need to run logdy-core separately. Choose either demo ($ go run . demo 1 or $ logdy demo 1) mode or any other mode. Read more about demo mode.

Use UI demo mode

Just append ?demo to the address, like http://localhost:5173?demo, the UI will enter demo mode (which you can preview at demo.logdy.dev)

Building

npm install
npm run build

The source files will be compiled into dist folder. After building is complete, you need to manually move the contents of dist directory to assets directory in logdy-core source in order for the UI to be embedded into the binary.

logdy-ui's People

Contributors

Stargazers

Watchers

Forkers

devdoshi havijs yonasbsd brymes

logdy-ui's Issues

Light theme styles result in unreadable text colors

Hi! Trying out logdy for the first time. Seems useful, but the light theme behavior seems to result in text that is unreadable:

If I manually edit the root theme styles like this in the DevTools CSS viewer:

@media (prefers-color-scheme: light)
:root {
    /* color: #213547; */
    /* background-color: #fff;

Then I get a dark theme that seems readable:

Could you check the light theme behavior and see if it needs tweaking?

Build fails when using yarn

$ yarn ; yarn install                                                                                                                                                                                                
yarn install v1.22.19                                                                                                                                                                                                
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized
 lock files. To clear this warning, remove package-lock.json.                                                                                                                                                        
[1/4] Resolving packages...                                                                                                                                                                                          
⠁ (node:60716) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.                                                                                         
(Use `node --trace-deprecation ...` to show where the warning was created)                                                                                                                                           
[2/4] Fetching packages...                                                                                                                                                                                           
[3/4] Linking dependencies...                                                                                                                                                                                        
warning " > [email protected]" has unmet peer dependency "monaco-editor@>=0.33.0".                                                                                                                     
[4/4] Building fresh packages...                                                                                                                                                                                     
success Saved lockfile.                                                                                                                                                                                              
Done in 28.42s.                                                                                                                                                                                                      
yarn install v1.22.19                                                                                                                                                                                                
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] Resolving packages...
success Already up-to-date.
Done in 0.27s.

$ yarn build
...
yarn run v1.22.19
$ vue-tsc && vite build
src/components/SettingsDrawer.vue:4:25 - error TS2307: Cannot find module 'monaco-editor' or its corresponding type declarations.

4 import * as monaco from 'monaco-editor';
                          ~~~~~~~~~~~~~~~

src/components/SettingsDrawer.vue:15:6 - error TS2339: Property 'MonacoEnvironment' does not exist on type 'Window & typeof globalThis'.

15 self.MonacoEnvironment = {
        ~~~~~~~~~~~~~~~~~

src/components/SettingsDrawer.vue:16:26 - error TS7006: Parameter '_' implicitly has an 'any' type.

16     getWorker: function (_, label) {
                            ~

src/components/SettingsDrawer.vue:16:29 - error TS7006: Parameter 'label' implicitly has an 'any' type.

16     getWorker: function (_, label) {
                               ~~~~~

src/components/SettingsDrawer.vue:186:39 - error TS7006: Parameter 'm' implicitly has an 'any' type.

186     monaco.editor.getModels().forEach(m => {
                                          ~

src/components/SettingsDrawer.vue:203:73 - error TS7006: Parameter 'm' implicitly has an 'any' type.

203     selectedColumn.value.handlerTsCode = monaco.editor.getModels().find(m => {
                                                                            ~

src/components/SettingsDrawer.vue:230:43 - error TS7006: Parameter '_' implicitly has an 'any' type.

230     editor.getModel()?.onDidChangeContent(_ => {
                                              ~

src/components/SettingsDrawer.vue:314:78 - error TS7006: Parameter 'm' implicitly has an 'any' type.

314     selectedMiddleware.value!.handlerTsCode = monaco.editor.getModels().find(m => {
                                                                                 ~


Found 8 errors in the same file, starting at: src/components/SettingsDrawer.vue:4

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Version: f603572

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.