feat: localization for "Powered by" text

Author: AriPerkkio

docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx

@@ -55,6 +55,13 @@ type I18nText = {
    */
   editPageText?: string
 
+  /**
+   * Text shown before webcontainer link.
+   *
+   * @default 'Powered by'
+   */
+  webcontainerLinkText?: string,
+
   /**
    * Text shown when there are no previews or steps to show in the prepare environment section.
    *

packages/astro/src/default/components/TutorialContent.astro

@@ -40,9 +40,9 @@ const { Markdown, editPageLink, prev, next } = lesson;
   </div>
 
   <p class="mt-6 font-size-3.5 text-tk-elements-webcontainersLink-textColor">
-    Powered by <a
-      class="underline hover:text-tk-elements-webcontainersLink-textColorHover"
-      href="https://webcontainers.io/">webcontainers.io</a
+    {lesson.data.i18n!.webcontainerLinkText}
+    <a class="underline hover:text-tk-elements-webcontainersLink-textColorHover" href="https://webcontainers.io/"
+      >webcontainers.io</a
     >
   </p>
 </div>

packages/astro/src/default/utils/content/default-localization.ts

@@ -5,6 +5,7 @@ export const DEFAULT_LOCALIZATION = {
   noPreviewNorStepsText: 'No preview to run nor steps to show',
   startWebContainerText: 'Run this tutorial',
   editPageText: 'Edit this page',
+  webcontainerLinkText: 'Powered by',
   filesTitleText: 'Files',
   prepareEnvironmentTitleText: 'Preparing Environment',
   toggleTerminalButtonText: 'Toggle Terminal',

packages/types/src/schemas/i18n.ts

@@ -15,6 +15,13 @@ export const i18nSchema = z.object({
    */
   editPageText: z.string().optional().describe('Text of the edit page link.'),
 
+  /**
+   * Text shown before webcontainer link.
+   *
+   * @default 'Powered by'
+   */
+  webcontainerLinkText: z.string().optional().describe('Text shown before webcontainer link.'),
+
   /**
    * Text shown when there are no previews or steps to show in the prepare environment section.
    *