Lightweight Registry with Oras OCI Layouts and Cloud Object Storage

[WesselAtWork]

As per @FeynmanZhou request I am working on writing up a proper blog post from this Discussion

Still WIP but created the initial skeleton and this pull request to track

[WesselAtWork]

Feel free to suggest alternate titles.
Here are some of the top of my head:

• OCI in the cloud
• OCI-Registry on cloud storage
• FUSEing the OCI-Registry and Cloud Storage Gap
• Registry setup can be conFUSEing but it doesn't have to be!
• Who needs a Registry Service when you have FUSE!
• FUSEing your way to a lightweight OCI-Registry
• ConFUSE artefact storage providers with this One Weird Trick!

[TerryHowe]

You close on this?

[WesselAtWork]

@TerryHowe yup.
Work has been brutal, still found some time to work on this.

Just need to figure out the graph color scheme for light and dark.
Am using svgs, do you have a concrete example for Docusaurus?
I found this i their docs x
But unsure of exactly how to do it.

[WesselAtWork]

@TerryHowe

Again sorry for the long dev time,
It's ready for review.

[WesselAtWork]

Had some issues with the theming on the svg graphs.
I had to bake in the stylesheet.
If anyone knows of a better why, please feel free to fix.

[TerryHowe]

Still have a DCO problem. Might be easiest to git reset --soft HEAD~10 and git commit --signoff -am 'Lightweight registry with oras OCI layouts' or something of the sort

[TerryHowe]

I don't know a ton about docusaurus, but maybe @asmitbm as some ideas

[TerryHowe]

Couple caps issues, but is should let you squash and DCO this first

[asmitbm]

Hey @WesselAtWork the SVGs appear to be working fine. Do you have any issue right now?

[WesselAtWork]

Hey @WesselAtWork the SVGs appear to be working fine. Do you have any issue right now?

No issue.
I just don't like what I did.
I hard coded the theme scripts into the svg files, not good, but I don't know if there is an alternative way if you are embedding the svgs inside of an <img>.

[WesselAtWork]

Oh wait.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet type="text/css" href="/styles.css"?>
<svg ...>
  <... />
</svg>

ref

With modified custom.css

svg text {
  font-family: var(--ifm-font-heading-family);
  fill: #FF0000;
}

svg .realtime-body {
  fill: #FF0000;
}

RED used as a "it works" (very obvious)
font family used to test variables

Kinda works.
It only works right-click-open-in-a-new-tab the SVG in the browser, might actually be a browser bug?
spec uses a lot of words but it kind sound like it should work?
Right now, embedded styles work in an embedded <img> svg, context from the browser works (switching themes), why doesn't linking css sheets work?

Also tested:

<style>
  @import url(http://localhost:3000/styles.css);
</style>

Works in it's own tab, not embedded in <img>

[WesselAtWork]

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#security_and_privacy_concerns
https://stackoverflow.com/a/64986781

Unless there an easy way to inject the style-sheet statically into the svg, it looks like this is not going to happen :(
Hard coded css it is.

[WesselAtWork]

@TerryHowe

Anything stopping this from being merged in?

[WesselAtWork]

@FeynmanZhou

Anything holding this one back?

[TerryHowe]

I need to put more time into this.

[TerryHowe]

/lgtm

[asmitbm]

LGTM