Skip to content

tmctono/chirami

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BannerChirami

Chirami, a lightweight, overlay-style console log viewer for React applications.
Perfect for debugging on mobile devices or environments without DevTools.

Features

  • 📱 Mobile Friendly: View console logs directly on the UI.
  • 🛡️ Safe: Handles circular references and prevents XSS.
  • Zero Config: Just import and place the component.
  • ⚛️ React: Built for React 18+.

Installation

npm install chirami

Usage

Import ChiramiViewer and place it anywhere in your app (usually at the root level).

import { ChiramiViewer } from 'chirami';

function App() {
  return (
    <div>
      <h1>My App</h1>
      
      {/* Place it here! */}
      <ChiramiViewer />
    </div>
  );
}

It automatically captures:

  • console.log
  • console.warn
  • console.error
  • console.info

License

MIT

About

a react component to show console.log, readonly safety.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 86.9%
  • JavaScript 5.7%
  • CSS 4.7%
  • HTML 2.7%