danielbrendel / steamwidgets-web

SteamWidgets Web Backend

Hi there! I am Daniel Brendel 👋

I am a software developer and project founder from germany. I love creating web applications, games, programmer tools and various other kinds of software. I am the founder of various projects. This helped me gaining extensive expertise in software development, project hosting, marketing, customer support and management. I am also a hobby gamer, occassional drummer and singer and I also enjoy a nice coffee at a coffeeshop while working on things using my laptop. Furthermore I like hiking and other sporting activities.

Technologies 🔧

Where to find me 📫

• Steam
• YouTube
• LinkedIn
• Mastodon

Currently working at 💼

After working as a software developer in various companies I am now building my own business.

steamwidgets-web's Issues

Add ko-fi donation button

Add ko-fi donation button in index page, toggable via env setting.

Improve readme

Make the readme more detailed and good looking.

Background image for header

Check if having a background image for the header suits the design. If so, implement it.

Add event handler callbacks

Add the following event handlers to all widgets:

• onInit: When the widget is initialized
• onComplete: When the widget is completely loaded

Workshop hits in graph

Display workshop widget hits in graph of stats page

New widget: Steam Achievements

Implement new widget that let's you display your Steam Achievements.

Footer background color

Change footer background color to a design matching color.

Upgrade app skeleton files

Upgrade app skeleton files to reflect latest framework updates.

Add gitattributes

Add gitattributes file to ignore public/js folder for linguist.

Improve color of certain elements

Improve colors such as table borders, hr line segments, etc.

Use icons for widget-types

Use icons in the widget-types cards to have them more filled and visually appealing.

No port in example CDN script URL

Don't show port for URL of resource API.

Upgrade framework documentation

Upgrade documentation in the /doc folder.

Steam API Caching?

This is a sort of request/question. Would an API cache be in the scope of work soon?

As API calls for https://example.com/api/query/app?appid=GAME&lang=english can take upwards of 1.5 to 2 Seconds to complete, and then this is all done staggered in the waterfall it is jarring to visitors.

Most of this is due to the Steam Community API being complete garbage. But with Steam API response being JSON, they could in theory be cached

Update composer dependencies

Update composer dependencies

Env flags for shields

Add env flags in order to toggle if a given shield shall be loaded.

Use is-dark for navbar

Consider using is-dark for navbar again for better color structure.

Better landing page design

Create a better descriptive landing page that appeals visually. Put documentation into a separate view accessible by a separate route.

New widget: Steam Group

Implement widget feature for Steam groups.

To do:

• Implement backend data retriever
• Implement rendering module
• Add documentation on index page
• Add to README
• Add to stats

Update npm dependencies

Update npm dependencies

Del genbg

Remove /public/img/genbg.jpg

Getting exception when embedding server widget into website

This line is throwing an exception when I'm trying to load the server data for my game server onto my site. I'm able to do other widgets on my site like apps using the demo information. Love this tool and hope to leverage it on my website! :D

bots = bots.replace(':count', json.data.bots);

query?type=js&module=server&version=v1:142 Uncaught TypeError: Cannot read properties of undefined (reading 'bots') at req.onreadystatechange (query?type=js&module=server&version=v1:142:58) req.onreadystatechange @ query?type=js&module=server&version=v1:142 XMLHttpRequest.send (async) setupWidget @ query?type=js&module=server&version=v1:205 connectedCallback @ query?type=js&module=server&version=v1:59

Round "get started" button

Make the button corners round, so it is more appealing (set border-radius to 35px).

Implement a build_ver.dnys

Implement ad build_ver.dnys to be run with AquaShell.