See some cool extensions made by other people here.
To use some of these extensions in your projects, click the "Copy Link"
@@ -48,60 +50,129 @@
load it into PenguinMod,
or click the "Try it out" button to create a new project with the extension.
Note: Some extensions may be added to the Extension Gallery in
- PenguinMod Studio. If you cannot find an extension that was
+ PenguinMod Studio.
+
+ If you cannot find an extension that was
previously listed here, check there.
From 35cb9dd32dab0288e0f4e8f557cb2c6ba184c8f3 Mon Sep 17 00:00:00 2001
From: JeremyGamer13 <69337718+JeremyGamer13@users.noreply.github.com>
Date: Mon, 26 Jan 2026 01:10:50 -0700
Subject: [PATCH 11/21] add example projects
---
src/lib/Extension/Component.svelte | 10 +++++++++-
src/routes/+page.svelte | 1 +
static/examples/projects/JeremyGamer13/test.pmp | Bin 0 -> 19534 bytes
3 files changed, 10 insertions(+), 1 deletion(-)
create mode 100644 static/examples/projects/JeremyGamer13/test.pmp
diff --git a/src/lib/Extension/Component.svelte b/src/lib/Extension/Component.svelte
index 274493441..b12b2c1e6 100644
--- a/src/lib/Extension/Component.svelte
+++ b/src/lib/Extension/Component.svelte
@@ -1,5 +1,6 @@
{
text = String(text);
@@ -20,6 +23,34 @@
const createExtUrl = (relativeUrl) => {
return `${origin}/extensions/${relativeUrl}`;
};
+ $effect(() => {
+ if (messageHandlersAdded) return;
+ if (!stateApplication.fromEditor) return;
+ console.log("Loaded from editor (supposedly)");
+
+ window.addEventListener("message", (e) => {
+ try {
+ const successfulLoad = ExtensionLoader.handleWindowMessage(e);
+ if (successfulLoad) {
+ const event = new CustomEvent("penguinmod-editor-extension-loaded");
+ document.dispatchEvent(event);
+ }
+ } catch (err) {
+ const event = new CustomEvent("penguinmod-editor-extension-load-failed", { detail: err });
+ document.dispatchEvent(event);
+ }
+ });
+ document.addEventListener("penguinmod-editor-extension-load-failed", (event) => {
+ const err = event.detail;
+ console.error("Error loading extension to editor;", err);
+
+ switch (err) {
+ default:
+ alert("Failed to import the extension to your project!\nMake sure the \"Choose an Extension\" menu is still open in your project.");
+ }
+ });
+ messageHandlersAdded = true;
+ });
// create the tag groups for the filter menu
const tagGrouping = {};
@@ -127,12 +158,21 @@
See some cool extensions made by other people here.
-
- To use some of these extensions in your projects, click the "Copy Link"
- button on an extension and
- load it into PenguinMod,
- or click the "Try it out" button to create a new project with the extension.
-
+ {#if stateApplication.fromEditor}
+
+ To add an extension to your project, click the "Add to Project" button.
+ You can also click the "Copy" button and
+ load it into PenguinMod
+ if the former fails.
+
+ {:else}
+
+ To use some of these extensions in your projects, click the "Copy Link"
+ button on an extension and
+ load it into PenguinMod,
+ or click the "Try it out" button to create a new project with the extension.
+
No tags currently exist. Extension creators are encouraged to add some soon.
+
No tags currently exist.
{/each}
Features
@@ -292,7 +306,7 @@
@@ -316,6 +330,9 @@
isGitHub={String(extension.isGitHub) === "true"}
unstable={String(extension.unstable) === "true"}
unstableReason={extension.unstableReason}
+
+ bind:favorited={favoritedExtensions[extension.code]}
+ onfavoriteclicked={onFavoriteClicked}
>
{extension.description}
diff --git a/static/icons/favorite-filled.svg b/static/icons/favorite-filled.svg
new file mode 100644
index 000000000..5bba68830
--- /dev/null
+++ b/static/icons/favorite-filled.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/icons/favorite-outline.svg b/static/icons/favorite-outline.svg
new file mode 100644
index 000000000..ad97d149f
--- /dev/null
+++ b/static/icons/favorite-outline.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
From c400f7b0c292ce5596d19d9b6d80d469b78f7fbf Mon Sep 17 00:00:00 2001
From: JeremyGamer13 <69337718+JeremyGamer13@users.noreply.github.com>
Date: Sun, 1 Feb 2026 23:57:45 -0700
Subject: [PATCH 19/21] nudge to add tags in readme
---
README.md | 1 +
1 file changed, 1 insertion(+)
diff --git a/README.md b/README.md
index 9a169831e..645330084 100644
--- a/README.md
+++ b/README.md
@@ -223,6 +223,7 @@ Each extension is incased in `{}` brackets. Look below on how to copy it.
documentation: "page-name", // This is the page name for the documentation you created.
// These next ones are optional. You can choose not to include them.
+ tags: ["new", "graphics"], // Optional. A list of tags to add to your extension. You can put anything here, but it may be adjusted later.
creatorAlias: "Joe", // Optional. This will not change the creator link, but change the name that links to it.
notes: "Additional help by someguy", // Optional. Allows you to note anyone else who helped you or any small info.
unstable: false, // Optional. Will add a warning message that your extension is unstable.
From 853d3a2f3f3e72960709dfe461f1c45fe01ca957 Mon Sep 17 00:00:00 2001
From: JeremyGamer13 <69337718+JeremyGamer13@users.noreply.github.com>
Date: Mon, 2 Feb 2026 00:23:33 -0700
Subject: [PATCH 20/21] add a button to still show "test in new proj"
---
src/lib/Extension/Component.svelte | 21 +++++++++++++++-
src/routes/+page.svelte | 40 +++++++++++++++++++++++++-----
static/icons/test-disabled.svg | 7 ++++++
static/icons/test-enabled.svg | 19 ++++++++++++++
4 files changed, 80 insertions(+), 7 deletions(-)
create mode 100644 static/icons/test-disabled.svg
create mode 100644 static/icons/test-enabled.svg
diff --git a/src/lib/Extension/Component.svelte b/src/lib/Extension/Component.svelte
index 1333659ca..9e0760ed9 100644
--- a/src/lib/Extension/Component.svelte
+++ b/src/lib/Extension/Component.svelte
@@ -244,8 +244,19 @@
{/if}
@@ -333,6 +360,7 @@
bind:favorited={favoritedExtensions[extension.code]}
onfavoriteclicked={onFavoriteClicked}
+ showTestAlways={showingTestInNewProject}
>
{extension.description}
diff --git a/static/icons/test-disabled.svg b/static/icons/test-disabled.svg
new file mode 100644
index 000000000..3d7fabcc3
--- /dev/null
+++ b/static/icons/test-disabled.svg
@@ -0,0 +1,7 @@
+
\ No newline at end of file
diff --git a/static/icons/test-enabled.svg b/static/icons/test-enabled.svg
new file mode 100644
index 000000000..0f84103cb
--- /dev/null
+++ b/static/icons/test-enabled.svg
@@ -0,0 +1,19 @@
+
\ No newline at end of file
From e0c14dbeac9f973d3d349a8c9018610ace7c74d6 Mon Sep 17 00:00:00 2001
From: JeremyGamer13 <69337718+JeremyGamer13@users.noreply.github.com>
Date: Tue, 3 Feb 2026 16:15:03 -0700
Subject: [PATCH 21/21] add example proj to readme & fix sort cursor
---
README.md | 1 +
src/routes/+page.svelte | 3 ++-
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 645330084..ad320c370 100644
--- a/README.md
+++ b/README.md
@@ -224,6 +224,7 @@ Each extension is incased in `{}` brackets. Look below on how to copy it.
// These next ones are optional. You can choose not to include them.
tags: ["new", "graphics"], // Optional. A list of tags to add to your extension. You can put anything here, but it may be adjusted later.
+ example: "Username/extension.pmp", // Optional. An example project to show off how to use the extension.
creatorAlias: "Joe", // Optional. This will not change the creator link, but change the name that links to it.
notes: "Additional help by someguy", // Optional. Allows you to note anyone else who helped you or any small info.
unstable: false, // Optional. Will add a warning message that your extension is unstable.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d32a940ea..073b5fdd5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -442,7 +442,8 @@
border-radius: 8px;
background: transparent;
-
+ }
+ .extension-list-controls button {
cursor: pointer;
}
.extension-list-controls button:active {
+ />
+ />