Create images.js

[AlphaTechNinja]

this is my image manipulating library

description

this library is used to manipulate different types of images including pngs, jpegs, and svg

features

allows writing and reading data from an image
allows creating and importing images as well as exporting (svg is not allowed as it would not make sense mostly because of writing pixels makes rectangles so the data would be really long)

notes

bitmap and svg are currently not supported (even though I added bitmap it doesn't work)

updates

might add common svg functions (aka drawing strokes and shapes)

Next thing to add is cropping and resizing (possibly rotating)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
penguinmod-extensions-gallery	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 13, 2024 5:31pm

[AlphaTechNinja]

forgot to add this extension doesn't need to be unsandboxed

[AlphaTechNinja]

@SharkPool-SP , @TheShovel , @JeremyGamer13 .Can someone review my extension?, it has been about a week.

[RedMan13]

boowomp

[SharkPool-SP]

@SharkPool-SP , @TheShovel , @JeremyGamer13 .Can someone review my extension?, it has been about a week.

Don't rush stuff. Give it time

[SharkPool-SP]

You need to add an extension thumbnail and edit the extension.js file to include ur extension. Please do it in this pr and not separate ones.

[RedMan13]

you infact do not need to do that and instead just have us do it for you although it wouldnt be bad for you to add it on your own :bleh

[AlphaTechNinja]

You need to add an extension thumbnail and edit the extension.js file to include ur extension. Please do it in this pr and not separate ones.

I thought the thumbnail / banner was optional... anyways I can create a thumbnail if needed

[RedMan13]

...it is optional

[AlphaTechNinja]

Also the reason I asked is because most of the extensions got reviewed in less than a week

[RedMan13]

idk

[RedMan13]

seems like its more usefull as an image converter then just general image work in its current state

[AlphaTechNinja]

Ok I’m probably just gonna close this and add all the features like svg. it’s name is images because it isn’t specifically for modifying images but it is one of the key features

[AlphaTechNinja]

@SharkPool-SP , @RedMan13 . I am gonna add it to the website so I can see the preview (:

[SharkPool-SP]

...it is optional

Yeah but it will look like shit without it 🤷‍♂️

[RedMan13]

...it is optional

Yeah but it will look like shit without it 🤷‍♂️

still optional

[AlphaTechNinja]

what is that thing

The extension?

[JeremyGamer13]

sorry that this was abandoned for a while

• the defaultValue for import image is way too long, just make it data: to entail a data url should be there
• certain blocks tell you that an image isnt selected as an error, but some like export image just throw a canvas error instead
• blocks like import image dont wait for the importing to finish, which could cause timing problems

[AlphaTechNinja]

sorry that this was abandoned for a while

• the defaultValue for import image is way too long, just make it data: to entail a data url should be there
• certain blocks tell you that an image isnt selected as an error, but some like export image just throw a canvas error instead
• blocks like import image dont wait for the importing to finish, which could cause timing problems

I am currently working on fixing this and I have a question, instead of erroring what do you want it to do (right now I'm making it return -1 on anything that has a return)

[RedMan13]

i would think detect the error then either throw a new error to the user that actually states whats wrong or eat the error and act as if nothing is wrong

[AlphaTechNinja]

another option I was considering was adding new blocks called hasErrored and errorMessage but for now it spits out -1 on any block that returns a value. I'm currently working on making import run async so it halts the current script

[AlphaTechNinja]

sorry that this was abandoned for a while

• the defaultValue for import image is way too long, just make it data: to entail a data url should be there
• certain blocks tell you that an image isnt selected as an error, but some like export image just throw a canvas error instead
• blocks like import image dont wait for the importing to finish, which could cause timing problems

also import takes a data uri and sets a new image's source to it so I don't see how to make setting a value async

[AlphaTechNinja]

new Promise((resolve, reject) => {
    const image = new Image()
    image.onload = () => resolve(image)
    image.onerror = reject
    image.src = 'src url'
})

penguinmod seems to not add the image to the list so I will try something else (btw I'm still trying this snippet first)

[AlphaTechNinja]

aha I see to make it work I should put a blank data uri instead of nothing (I really hope this works)

[AlphaTechNinja]

might have to scrap the promise idea as it seems to not want to save the image to the saved JSON table in PenguinMod

[RedMan13]

new Promise((resolve, reject) => {
    const image = new Image()
    image.onload = () => resolve(image)
    image.onerror = reject
    image.src = 'src url'
})

penguinmod seems to not add the image to the list so I will try something else (btw I'm still trying this snippet first)

wadya mean

[AlphaTechNinja]

new Promise((resolve, reject) => {
    const image = new Image()
    image.onload = () => resolve(image)
    image.onerror = reject
    image.src = 'src url'
})

penguinmod seems to not add the image to the list so I will try something else (btw I'm still trying this snippet first)

wadya mean

I mean it doesn't register it into the saved list of images

[RedMan13]

the code you quoted was never meant to?

[AlphaTechNinja]

the code you quoted was never meant to?

what's happening is I have it to where it adds the image to the saved list but for some reason, it doesn't add it.
this is the code chunk of what I wrote (using your promise idea)

let image = new Image();
saved[name] = image;
return new Promise((resolve, reject) => {
      image.onload = resolve;
      image.onerror = reject;
      image.src = uri;
});

[AlphaTechNinja]

I might try making an image using the document but I don't think that will make a difference.

[RedMan13]

what do you mean "doesnt add it", because thats just not true taken literally, the item gets added to the saved object in the code you provided

[RedMan13]

[AlphaTechNinja]

uri and name exists in the arguments passed to the block. saved is global in the extension so you can never test it without running the extension with the code if you want to try it maybe download it, modify it, and try it on PenguinMod/TurboWarp

[RedMan13]

uri and name exists in the arguments passed to the block. saved is global in the extension so you can never test it without running the extension with the code if you want to try it maybe download it, modify it, and try it on PenguinMod/TurboWarp

what you said makes no sense. all i did was fabricate an instance for the code that was inside the block that works as the block inteads it to work

[SharkPool-SP]

Marking as a draft due:
-to Conflicts with other files
-lack of updates/commits from creator

[RedMan13]

i mean if its finnished you wouldnt update it right

[SharkPool-SP]

i mean if its finnished you wouldnt update it right

its not though. There are still unsolved issues