itsthejoker / filamentcolors.xyz

The source code for a small website to compare pieces of printed filament.

Maker, Breaker, and Professional Eater of Bread

I'm just a guy who hopes to leave the world a little better than I found it.

Some work I'm proud of:

• Grafeas Group, Ltd.

  • Open source on GitHub!
  • 501(c)3 international nonprofit founded to increase accessibility on the internet by using gamification to power crowdsourced transcriptions of inaccessible content (images, videos, and audio)
  • Home base: https://reddit.com/r/transcribersofreddit
  • Featured in WIRED and WIRED UK!
  • over 5500 volunteers with 255,000+ posts transcribed for those who need them

• FilamentColors.xyz

  • 3D printer filament color matching database
  • Every manufacturer photographs their filaments differently -- why not have a single place that photographs them all the same?
  • Automatically generates relative color matches for projects up to four colors (example!)
  • Completely free and open source!

filamentcolors.xyz's Issues

Swatch Group creation is broken

Tracking issue for updating to 3.12

The only thing standing in the way (that I'm aware of) is https://github.com/PyWavelets/pywt, which currently does not support Python 3.12. The issue is fixed in master, but they haven't created a release yet.

Remove toby's info from donation page

Can't raise him and the discord link is dead :(

Add OpenTelemetry

Issue for tracking adding honeycomb and opentelemetry. OpenTelemetry does not currently support python3.12, see here: open-telemetry/opentelemetry-python#3617

Where I left off: https://docs.honeycomb.io/getting-data-in/opentelemetry/python-distro/

Bug: Too many redirects when opening front or back picture of swatches

As shown in the screenshot above

Look into doing library updates in queue worker

https://pypi.org/project/django-q2/

Add caching to API views

https://docs.djangoproject.com/en/4.2/topics/cache/
https://www.django-rest-framework.org/api-guide/caching/

Evaluated size of HTML is estimated to be over 125 KB and risks not being fully cached.

Recommended action
Ensure that the page source does not contain large amounts of CSS or code at the top of the page. Consider moving code and styles into separate files.

Search engines may not fully acquire the content on a page if the page is contains a lot of code. Extraneous code can push the content down in the page source making it harder for a search engine crawler to get to. A soft limit of 125 KB is used for guidance to ensure all content & links are available in the page source to be cached by the crawler. This basically means if the page size is too big, a search engine may not be able to get all of the content or may end up not fully caching it.

Inventory page - add direct links to filaments

Bug: https://www.filamentcolors.xyz/api/ leads to 404

https://www.filamentcolors.xyz/api/ leads to 404 errors. While urls without prefixed www. work perfectly.

Add bugsnag notification on push so that source control button works

https://github.com/marketplace/actions/bugsnag-release

ExampleException in home#example

Test error in Example.com

ExampleException in home#example
Something really bad happened

View on Bugsnag

Stacktrace

app/controllers/home_controller.rb:123 - example
app/controllers/other_controller.rb:12 - broken
lib/important/magic.rb:4 - load_something

View full stacktrace

Created by Joe Kaufeld via Bugsnag

Add a way to see similar colors from other manufacturers on the detail page

https://twitter.com/tgibriday/status/1295108430693310464

FR: Web API: Database version config call that indicates changes

It would be nice to have some sort of database versioning. So you can make a simple call and check if the data you have previously persisted is the most up to date data. This would really improve the performance of an implementing app, and also highly reduce the server load when the implementing party has implemented this check correctly.

Example call:

GET https://www.filamentcolors.xyz/api/version

Example response:

{ "database_version": 12, "database_last_modified": 1581427506 // timestamp in seconds }

Navbar logo href doesn't have the right replacement div for htmx

"
I might have accidentally broken the website by just repeatedly switching back and forth between swatches and then clicking the filament colors xyz logo on the main bar. Firefox 120.0.1 on Mac OS Ventura 13.6.1

"

upgrade to bootstrap 5

Change welcome experience loading system

Right now, google search console incorrectly (correctly?) flags every page as having a video, but the video is inside the welcome experience. The welcome experience video should not load if not requested.

Look into making python + js api clients

Feature Request - Web API

Hey!

Love your work, i think it would be a great addition if filamentcolors would have a public facing web api. The features would be completly the same as the website just without any UI.

Full disclose: I'm asking for this feature because I'm planning some cool features in the 3D Geeks app that would benefit this API. If you want i can contribute, however my python knowledge is minmal. Maybe we can discuss something privately so i can create the API in ktor for example. I would just need access to the mysql or postgres that you are using.

Toby

django.core.exceptions.FieldError in swatch-list

Error in filamentcolors.xyz

django.core.exceptions.FieldError in swatch-list
Cannot resolve keyword 'is_available' into field. Choices are: alt_color_parent, amazon_purchase_link, analogous_1, analogous_1_id, analogous_2, analogous_2_id, analogous_one_swatch, analogous_two_swatch, card_img, card_img_jpeg, closest_1, closest_1_id, closest_2, closest_2_id, closest_one_swatch, closest_pantone_1, closest_pantone_1_id, closest_pantone_2, closest_pantone_2_id, closest_pantone_3, closest_pantone_3_id, closest_ral_1, closest_ral_1_id, closest_ral_2, closest_ral_2_id, closest_ral_3, closest_ral_3_id, closest_two_swatch, color_name, color_parent, complement, complement_hex, complement_id, complement_swatch, date_added, date_published, donated_by, filament_type, filament_type_id, hex_color, id, image_back, image_front, image_other, last_cache_update, manufacturer, manufacturer_id, mfr_purchase_link, notes, published, rebuild_long_way, regenerate_info, rgb_b, rgb_g, rgb_r, split_complement_1, split_complement_1_id, split_complement_2, split_complement_2_id, split_comple...

View on Bugsnag

Stacktrace

django/db/models/sql/query.py:1759 - names_to_path

View full stacktrace

Created by Joe Kaufeld via Bugsnag

Surface color delta in colormatch page

Request here: https://www.reddit.com/r/3Dprinting/comments/1ajk3vh/comment/kp3wh29/

tl;dr: Investigate adding a way to show the raw delta value when displaying color matches in the UI. Perhaps locking it to a setting under the Advanced section that defaults to off?

Collection edit flyin appears on inventory page on mobile

Stop the collection flyin from rendering on the inventory page.

Update emailmagic so that it handles inserted pages

Right now, emailmagic.js will only catch email addresses that are loaded in when it is. However, when HTMX loads in a page, that email address is not caught by emailmagic. This should be fixed.

jscolor doesn't initialize... sometimes

There has to be some kind of a race condition? I don't know enough about JS to figure it out right now. Sometimes refreshing the page will make it so that clicking on the colored border of the colormatch won't show the jscolor window. The jscolor instance is built (window.picker), and says that it's pointing at the right element, but clicking does nothing.

Removing all listeners from the element and reinstantiating resets the chosen color in the window, but doesn't fix the clicking problem:

$('#color-picker').replaceWith($('#color-picker').clone());
init()

Missing page description in head

Add a description to the section of the page source: .
Example:

<head>
  <meta 
    name='description'
    content='Descriptive, keyword-rich text that talks about the page content goes here.'
  >
</head>

This will be slightly complicated due to how we use HTMX to load in pages, but this should be fixed.

Return a toast error if it's not a valid hex color

Error in filamentcolors.xyz

AssertionError in colormatch
Error, #2083 is not a valid hex color.

View on Bugsnag

Stacktrace

colors.py:145 - hex_to_rgb
views.py:215 - colormatch

View full stacktrace

Created by Joe Kaufeld via Bugsnag

FR: Web API: Swatch Search / Manufacturer Search / Filament type search

I'm missing some kind of feature which allows the developer to search for a specific query with a specific model. Was thinking of something allong the lines of a 'q' query paremter with url encoded the search term. For swatch you would search on filament manufacturer, color and name for example

A11y: change h2 to h1

https://github.com/itsthejoker/filamentcolors.xyz/blob/master/filamentcolors/templates/standalone/swatch_detail.html#L75C27-L75C27 -- this page needs a H1 tag. Either make a new one and hide it or change this to h1 and adjust the font size.

Look into adding a Scale of Shiny

#13 from the same thread.

Add Pantone / RAL results to API responses

Look into assembling a spectrum palette

one spectrum: a rainbow

less constraints: gradients

a quick google

It might be an incredibly difficult computing task involving comparing to a dynamic array or it might be something you can cheat with your existing "sort by hue" functions

Add counter for most visited filaments

See https://twitter.com/The3DKingdom/status/1658833312238927875 for context.

Add button to deselect / reselect all manufacturers

https://twitter.com/neslekkim/status/1246811687862362114

Investigate making the tutorial interactive

Something like popups around the screen to "try this!" and stuff instead of a modal that you can click through.

Alphabetize the color family dropdown

Inventory page - mark filaments as unavailable

Color sorting on API is broken

https://filamentcolors.xyz/api/swatch/?m=color

Alphabetize the to-be-added swatch list by mfr and then color name

The filter for colour, should search for the closest avaliable if the exact colour isn't avaliable

Update color match logic to respect last field touched

Problem: when entering a LAB color, it jumps around and changes the values.

Reason: When entering any color, it immediately tries to cast that to RGB and then copies the casted values back down to each of the fields after re-converting. This works for some, but not all.

What it should do is keep a running tally of what color input method you were using and "lock" those values in to prevent them from changing. For LAB, it'd be:

• Change L
• Mark LAB as the current color selection option
• convert current LAB value to RGB
• Cascade color change via RGB to all other color methods

Change Plausible load method

Hey!

Thanks for being a Plausible Analytics subscriber!

This is a notice that we're discontinuing the CNAME/DNS-based custom domains three months from today.

To ensure uninterrupted counting of your website traffic in a privacy-friendly way, please update the Plausible snippet on your site to use either our default script or the proxy approach. If you've already implemented this change, please feel free to ignore this email.

As the custom domain method has become less effective, we introduced the proxy method two years ago. It offers greater flexibility, adaptability and is a superior solution compared to the custom domain approach.
There are various ways to set up a proxy all depending on what technology you use for your site. For detailed information and instructions, please check out our docs.

Do you have questions or need help with this transition? Just reply to this email and we'll gladly help.

Thank you again for choosing Plausible!

Upgrade to Django 4

Make a contact form

plz