Giter Site home page Giter Site logo

avinal / profile-readme-wakatime Goto Github PK

View Code? Open in Web Editor NEW
85.0 3.0 45.0 274 KB

Generate coding activity graph tracked by WakaTime to embed in Readme(s) and webpages.

Home Page: https://avinal.space/posts/development/wakatime-readme

License: MIT License

Dockerfile 6.68% Shell 38.70% Python 54.61%
profile-readme wakatime time-tracking coding-activity github-actions github-actions-docker web-widgets portfolio-graph coding-graph image-processing

profile-readme-wakatime's Introduction

NOTE: This project is complete and requires no additional development at this stage. If you find an issue or have ideas for new features, please open an issue. In the meantime I am trying to migrate it from Python, until that happens this is all the project has to offer.


License Releases Build Time Tracked

If you use WakaTime to track your coding activity. You can add that to your README as a bar graph or embed in your blog/portfolio. Just add this action to any of your repository and there you have it. See mine below.

My WakaTime Coding Activity

Avinal WakaTime Activity

How to add one to your README.md

  1. First get your WakaTime API Key. You can get it from your WakaTime account settings.
  2. Save WakaTime API Key to Repository Secret. Find that by clicking the Settings tab. Keep the name of secret as WAKATIME_API_KEY.
  3. Add following line in your README.md of your repo.
<img
  src="https://github.com/<username>/<repository-name>/blob/<branch-name>/images/stat.svg"
  alt="Alternative Text"
/>
Example:
<img
  src="https://github.com/avinal/avinal/blob/main/images/stat.svg"
  alt="Avinal WakaTime Activity"
/>

You can use this method to embed in web pages too. Do not use markdown method of inserting images. It does not work some times.

  1. Click Action tab and choose set up a workflow yourself.
  2. Copy the following code into the opened file, you can search for WakaTime Stat in marketplace tab for assistance.
name: WakaTime status update

on:
  schedule:
    # Runs at 12 am  '0 0 * * *'  UTC
    - cron: "1 0 * * *"

jobs:
  update-readme:
    name: Update the WakaTime Stat
    runs-on: ubuntu-latest
    steps:
      # Use avinal/Profile-Readme-WakaTime@<latest-release-tag> for latest stable release
      # Do not change the line below until you have forked this repository
      # If you have forked this project you can use <username>/Profile-Readme-WakaTime@master instead
      - uses: avinal/Profile-Readme-WakaTime@master
        with:
          # WakaTime API key stored in secrets, do not directly paste it here
          WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
          # Automatic github token
          GITHUB_TOKEN: ${{ github.token }}
          # Branch - newer GitHub repositories have "main" as default branch, change to main in that case, default is master
          BRANCH: "master"
          # Manual Commit messages - write your own messages here
          COMMIT_MSG: "Automated Coding Activity Update :alien:"
          # Range of fetching data - default is "last_7_days". See https://wakatime.com/developers#stats for more options
          STATS_RANGE: "last_7_days"
  1. Please wait till 12 AM UTC to run this workflow automatically. Or you can force run it by going to Action tab. Or you can add following lines under on: to run with every push. Search for 12 AM UTC to find equivalent time in your time zone.
on:
  push:
    branches: [master]
  schedule:
    - cron: "1 0 * * *"

profile-readme-wakatime's People

Contributors

avinal avatar dependabot[bot] avatar snaka avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

profile-readme-wakatime's Issues

Only one option?

Hi I was wondering if there is support for any other embeds currently. I am using two on my personal website right now and I want to see if they can update instead of never updating!

image
(This image shows my two embeds that I made from 4 days ago... ) You can see this live example on my website here: https://livxy.github.io/Portfolio/public/index.html

Thanks,
Aidan

Which repo to add it in?

Hey so the repo to the url and secret in are going to be the about me repo or the repo where we want the data from?

Image not updating automatically

Hi,
I have a problem with image updates with Actions -> automation seems to work - but I have to force the action manually for the image to update in my README.

It doesn't seems to work, when it's done by automation - the image just won't update.

Can you tell me what am I doing wrong. I don't think it's a bug - cause it's working fine in your README.

Thanks in advance!
Tom

The requested URL returned error: 403

I got this error message after following all the steps

fatal: unable to access '***github.com/jeeehaan/jeeehaan.git/': The requested URL returned error: 403
error: push error

How i solve this error?

Picture is not showing

Hey Avinal,

Thanks for creating this cool project. I just have one question: I copied the link to show the SVG picture and modified it. But it's not showing the image correctly. Can you give me a hint?

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.