Improved remix attribution schema

Author: ksen0

src/content/examples/config.ts

@@ -17,12 +17,18 @@ export const examplesCollection = defineCollection({
       relatedReference: z.array(reference("reference")).optional(),
       featuredImage: image(),
       featuredImageAlt: z.string().optional().default(""),
-      archiveAttributionPrefix: z.string().optional().default(""),
-      archiveAttributionName: z.string().optional().default(""),
-      archiveAttributionURL: z.string().optional().default(""),
-      revisedAttributionPrefix: z.string().optional().default(""),
-      revisedAttributionPrefixURL: z.string().optional().default(""),
-      revisedAttributionName: z.string().optional().default(""),
-      revisedAttributionURL: z.string().optional().default(""),
+      // Optional list of remixes to add to license
+      remix: z
+        .array(
+          z.object({
+            attributionURL: z.string().optional(),
+            attributionLabel: z.string().optional(),
+            remixURL: z.string().optional(),
+            remixLabel: z.string().optional(),
+          })
+        )
+        .optional()
+        .default([]),
     }),
 });
+

src/content/examples/en/15_Math_And_Physics/03_Smoke_Particle_System/description.mdx

@@ -4,13 +4,14 @@ featuredImageAlt: Rainbow colored smoke angled towards the right of the canvas,
 title: Smoke Particles
 oneLineDescription: Simulate smoke with a particle system.
 featured: true
-archiveAttributionPrefix: Based on
-archiveAttributionName: Dan Shiffman's example
-archiveAttributionURL: https://natureofcode.com/book/chapter-4-particle-systems/
-revisedAttributionPrefix: Revised in 2023
-revisedAttributionPrefixURL: https://github.com/processing/p5.js-example
-revisedAttributionName: Darren Kessner
-revisedAttributionURL: https://github.com/dkessner
+remix:
+ - attributionURL: https://github.com/dkessner
+   attributionLabel: Darren Kessner
+   remixURL: https://github.com/processing/p5.js-example
+   remixLabel: Revised in 2023
+ - attributionURL: https://natureofcode.com/book/chapter-4-particle-systems/
+   attributionLabel: Dan Shiffman's example
+
 ---
 
 

src/layouts/ExampleLayout.astro

@@ -66,10 +66,46 @@ const { Content } = await example.render();
     <div class="rendered-markdown">
       <p>
 
-        <a href={Astro.url.pathname}>{example.data.title}</a>: 
-        {example.data.archiveAttributionPrefix} <a href={example.data.archiveAttributionURL}>{example.data.archiveAttributionName}</a>.
-        <a href={example.data.revisedAttributionPrefixURL}>{example.data.revisedAttributionPrefix}</a> by <a href={example.data.revisedAttributionURL}>{example.data.revisedAttributionName}</a>.
-        From 2023 onwards, edited and maintained by <a href="https://github.com/processing/p5.js?tab=readme-ov-file#contributors">p5.js Contributors</a> and the <a href="https://processingfoundation.org/people">Processing Foundation</a>. Licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a>.
+        <a href={Astro.url.pathname}>{example.data.title}</a>:
+        Edited and maintained by
+        <a href="https://github.com/processing/p5.js?tab=readme-ov-file#contributors">p5.js Contributors</a>
+        and the
+        <a href="https://processingfoundation.org/people">Processing Foundation</a>.
+        Licensed under{" "}
+        <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
+
+
+{example.data.remix?.map((item, i) => (
+  <>
+    {i > 0 && " "}
+    {item.remixLabel && item.remixURL ? (
+      <>
+        <a href={item.remixURL}>{item.remixLabel}</a>
+        {item.attributionLabel && (
+          <>
+            {" "}by{" "}
+            {item.attributionURL ? (
+              <a href={item.attributionURL}>{item.attributionLabel}</a>
+            ) : (
+              item.attributionName
+            )}
+          </>
+        )}
+      </>
+    ) : item.attributionLabel ? (
+      <>
+        Remixed from{" "}
+        {item.attributionURL ? (
+          <a href={item.attributionURL}>{item.attributionLabel}</a>
+        ) : (
+          item.attributionName
+        )}
+      </>
+    ) : null}
+    {i < example.data.remix.length - 1 && "."}
+  </>
+))}
+
 
       </p>
       <img src="/images/by-nc-sa.svg" />