From 7aecff3c1754f24b9073deed76cfcb1da2aeb8e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Thu, 1 Aug 2024 14:37:32 +0300 Subject: [PATCH 1/8] feat: add link to webcontainers.io --- .../reference/images/theming-webcontainers.png | Bin 0 -> 17331 bytes .../src/content/docs/reference/theming.mdx | 11 +++++++++++ .../default/components/TutorialContent.astro | 7 +++++++ packages/astro/src/default/styles/variables.css | 5 ++++- packages/theme/src/theme.ts | 4 ++++ 5 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png new file mode 100644 index 0000000000000000000000000000000000000000..db328854fa1b09d0b738115d4c332a698dba836f GIT binary patch literal 17331 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 + +

+ Powered by webcontainers.io +

diff --git a/packages/astro/src/default/styles/variables.css b/packages/astro/src/default/styles/variables.css index 051b97788..68936c49d 100644 --- a/packages/astro/src/default/styles/variables.css +++ b/packages/astro/src/default/styles/variables.css @@ -245,6 +245,10 @@ --tk-elements-navCard-iconColor: var(--tk-elements-app-textColor); --tk-elements-navCard-iconColorHover: var(--tk-text-accent); + /* Webcontainers link */ + --tk-elements-webcontainersLink-textColor: var(--tk-text-secondary); + --tk-elements-webcontainersLink-textColorHover: var(--tk-text-active); + /* Edit Page Link */ --tk-elements-editPageLink-textColor: var(--tk-elements-app-textColor); --tk-elements-editPageLink-textColorHover: var(--tk-text-active); @@ -331,7 +335,6 @@ --tk-elements-bootScreen-primaryButton-iconColor: var(--tk-text-primary-inverted); --tk-elements-bootScreen-primaryButton-iconColorHover: var(--tk-text-primary-inverted); - /* BootScreen > Status > Positive */ --tk-elements-status-positive-textColor: var(--tk-text-positive); --tk-elements-status-positive-iconColor: var(--tk-elements-status-positive-textColor); diff --git a/packages/theme/src/theme.ts b/packages/theme/src/theme.ts index 2edcc04c8..8ef061c1b 100644 --- a/packages/theme/src/theme.ts +++ b/packages/theme/src/theme.ts @@ -252,6 +252,10 @@ export const theme = { iconColor: 'var(--tk-elements-navCard-iconColor)', iconColorHover: 'var(--tk-elements-navCard-iconColorHover)', }, + webcontainersLink: { + textColor: 'var(--tk-elements-webcontainersLink-textColor)', + textColorHover: 'var(--tk-elements-webcontainersLink-textColorHover)', + }, editPageLink: { textColor: 'var(--tk-elements-editPageLink-textColor)', textColorHover: 'var(--tk-elements-editPageLink-textColorHover)', From d6221e724a815360241974c7b4a717999fbdf22f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Thu, 1 Aug 2024 16:24:38 +0300 Subject: [PATCH 2/8] feat: localization for "Powered by" text --- .../src/content/docs/reference/configuration.mdx | 7 +++++++ .../astro/src/default/components/TutorialContent.astro | 6 +++--- .../src/default/utils/content/default-localization.ts | 1 + packages/types/src/schemas/i18n.ts | 7 +++++++ 4 files changed, 18 insertions(+), 3 deletions(-) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx b/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx index 5e6efbdab..d17b8baf2 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx +++ b/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. * diff --git a/packages/astro/src/default/components/TutorialContent.astro b/packages/astro/src/default/components/TutorialContent.astro index da4f4388f..d1dcd313b 100644 --- a/packages/astro/src/default/components/TutorialContent.astro +++ b/packages/astro/src/default/components/TutorialContent.astro @@ -40,9 +40,9 @@ const { Markdown, editPageLink, prev, next } = lesson;

- Powered by webcontainers.iowebcontainers.io

diff --git a/packages/astro/src/default/utils/content/default-localization.ts b/packages/astro/src/default/utils/content/default-localization.ts index decd68756..1ba9886d9 100644 --- a/packages/astro/src/default/utils/content/default-localization.ts +++ b/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', diff --git a/packages/types/src/schemas/i18n.ts b/packages/types/src/schemas/i18n.ts index cdd49e50c..9adfae04c 100644 --- a/packages/types/src/schemas/i18n.ts +++ b/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. * From 825a143c20c7f0ae276e582179e9b2fa9ca93389 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Mon, 5 Aug 2024 13:55:11 +0300 Subject: [PATCH 3/8] fix: code review --- .../content/docs/reference/configuration.mdx | 4 ++-- .../images/theming-webcontainers.png | Bin 17331 -> 15323 bytes .../default/components/TutorialContent.astro | 10 +++++----- .../utils/content/default-localization.ts | 2 +- packages/types/src/schemas/i18n.ts | 6 +++--- 5 files changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx b/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx index d17b8baf2..f98769854 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx @@ -56,9 +56,9 @@ type I18nText = { editPageText?: string /** - * Text shown before webcontainer link. + * Text of the webcontainer link. * - * @default 'Powered by' + * @default 'Powered by Webcontainer' */ webcontainerLinkText?: string, diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png index db328854fa1b09d0b738115d4c332a698dba836f..056a35169c97726fee19d350b4fb82d95bfc4d96 100644 GIT binary patch delta 11643 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 oI6|(ln*N^$_kSJR -

+ {lesson.data.i18n!.webcontainerLinkText} - webcontainers.io -

+ diff --git a/packages/astro/src/default/utils/content/default-localization.ts b/packages/astro/src/default/utils/content/default-localization.ts index 1ba9886d9..6a9a2e87a 100644 --- a/packages/astro/src/default/utils/content/default-localization.ts +++ b/packages/astro/src/default/utils/content/default-localization.ts @@ -5,7 +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', + webcontainerLinkText: 'Powered by Webcontainer', filesTitleText: 'Files', prepareEnvironmentTitleText: 'Preparing Environment', toggleTerminalButtonText: 'Toggle Terminal', diff --git a/packages/types/src/schemas/i18n.ts b/packages/types/src/schemas/i18n.ts index 9adfae04c..d4c48d432 100644 --- a/packages/types/src/schemas/i18n.ts +++ b/packages/types/src/schemas/i18n.ts @@ -16,11 +16,11 @@ export const i18nSchema = z.object({ editPageText: z.string().optional().describe('Text of the edit page link.'), /** - * Text shown before webcontainer link. + * Text of the webcontainer link. * - * @default 'Powered by' + * @default 'Powered by Webcontainer' */ - webcontainerLinkText: z.string().optional().describe('Text shown before webcontainer link.'), + webcontainerLinkText: z.string().optional().describe('Text of the webcontainer link.'), /** * Text shown when there are no previews or steps to show in the prepare environment section. From 82db59154d44de55ea0821e680c35fca19351839 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Mon, 5 Aug 2024 14:00:38 +0300 Subject: [PATCH 4/8] fix: code review --- .../src/content/docs/reference/configuration.mdx | 2 +- .../astro/src/default/utils/content/default-localization.ts | 2 +- packages/types/src/schemas/i18n.ts | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx b/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx index f98769854..18624dcab 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx @@ -58,7 +58,7 @@ type I18nText = { /** * Text of the webcontainer link. * - * @default 'Powered by Webcontainer' + * @default 'Powered by WebContainer' */ webcontainerLinkText?: string, diff --git a/packages/astro/src/default/utils/content/default-localization.ts b/packages/astro/src/default/utils/content/default-localization.ts index 6a9a2e87a..09534bdbc 100644 --- a/packages/astro/src/default/utils/content/default-localization.ts +++ b/packages/astro/src/default/utils/content/default-localization.ts @@ -5,7 +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 Webcontainer', + webcontainerLinkText: 'Powered by WebContainer', filesTitleText: 'Files', prepareEnvironmentTitleText: 'Preparing Environment', toggleTerminalButtonText: 'Toggle Terminal', diff --git a/packages/types/src/schemas/i18n.ts b/packages/types/src/schemas/i18n.ts index d4c48d432..2f5d38dc7 100644 --- a/packages/types/src/schemas/i18n.ts +++ b/packages/types/src/schemas/i18n.ts @@ -18,7 +18,7 @@ export const i18nSchema = z.object({ /** * Text of the webcontainer link. * - * @default 'Powered by Webcontainer' + * @default 'Powered by WebContainer' */ webcontainerLinkText: z.string().optional().describe('Text of the webcontainer link.'), From c6c267fca359985d1d83afd540f5354cb0b3648d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Mon, 5 Aug 2024 15:46:42 +0300 Subject: [PATCH 5/8] fix: code review, primary+secondary links --- .../reference/images/theming-editpagelink.png | Bin 12932 -> 0 bytes .../images/theming-webcontainers.png | Bin 15323 -> 0 bytes .../src/content/docs/reference/theming.mdx | 37 ++++++------------ .../default/components/TutorialContent.astro | 8 ++-- .../astro/src/default/styles/markdown.css | 5 ++- .../astro/src/default/styles/variables.css | 18 +++------ .../1-basics/1-introduction/2-foo/content.mdx | 1 + packages/theme/src/theme.ts | 17 +++----- 8 files changed, 31 insertions(+), 55 deletions(-) delete mode 100644 docs/tutorialkit.dev/src/content/docs/reference/images/theming-editpagelink.png delete mode 100644 docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editpagelink.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-editpagelink.png deleted file mode 100644 index c3d28d409728ddc8ae0668f861e4c294a81eeb8b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 12932 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 diff --git a/docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png b/docs/tutorialkit.dev/src/content/docs/reference/images/theming-webcontainers.png deleted file mode 100644 index 056a35169c97726fee19d350b4fb82d95bfc4d96..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15323 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 diff --git a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx index a2026c4c7..4553f1fa6 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx @@ -48,12 +48,22 @@ These tokens can be used to style the colors of the tutorial on a high level. Fo | `--tk-elements-app-textColor` | The text color of the TutorialKit app. | | `--tk-elements-app-backgroundColor` | The background color of the TutorialKit app. | | `--tk-elements-app-borderColor` | The border color of the TutorialKit app. | -| `--tk-elements-app-linkColor` | The link color of the TutorialKit app. | If you want to start with a `theme.css` file that includes all the available CSS variables you can use the following snippet: +### Links + +TODO What here? + +| Token | Description | +| ---------------------------------------- | ---------------------------------------------------- | +| `--tk-elements-link-primaryColor` | The text color of the primary links. | +| `--tk-elements-link-primaryHoverColor` | The text color of the primary links when hovering. | +| `--tk-elements-link-secondaryColor` | The text color of the secondary links. | +| `--tk-elements-link-secondaryColorHover` | The text color of the secondary links when hovering. | + ### Content The content refers to the main part of the lesson that contains the text and images. @@ -316,31 +326,6 @@ The navigation cards are the cards at the bottom of a lesson to navigate to the | `--tk-elements-navCard-iconColor` | The icon color of the navigation card. | | `--tk-elements-navCard-iconColorHover` | The icon color of the navigation card when hovering. | -### Webcontainers link - -Link to [webcontainers.io](https://webcontainers.io/) that's shown below navigation cards. - -![Webcontainers Link](./images/theming-webcontainers.png) - -| Token | Description | -| ------------------------------------------------ | --------------------------------------------------- | -| `--tk-elements-webcontainersLink-textColor` | The text color of the link | -| `--tk-elements-webcontainersLink-textColorHover` | The text color of the link when hovering. | - -### Edit Page Link - -The edit page link is shown above the navigation cards when configured by [`editPageLink` option](/reference/configuration/#editpagelink). - -![Edit Page Link](./images/theming-editpagelink.png) - -| Token | Description | -| ------------------------------------------- | --------------------------------------------------- | -| `--tk-elements-editPageLink-textColor` | The text color of the edit page link | -| `--tk-elements-editPageLink-textColorHover` | The text color of the edit page link when hovering. | -| `--tk-elements-editPageLink-iconColor` | The icon color of the edit page link | -| `--tk-elements-editPageLink-iconColorHover` | The icon color of the edit page link when hovering | -| `--tk-elements-editPageLink-borderColor` | The border color of the edit page link | - ### Breadcrumbs The breadcrumbs are the navigation elements that show the path of the current lesson. The breadcrumbs are divided into multiple parts. diff --git a/packages/astro/src/default/components/TutorialContent.astro b/packages/astro/src/default/components/TutorialContent.astro index 3c6bbba38..7a49c1a8b 100644 --- a/packages/astro/src/default/components/TutorialContent.astro +++ b/packages/astro/src/default/components/TutorialContent.astro @@ -18,12 +18,12 @@ const { Markdown, editPageLink, prev, next } = lesson; { editPageLink && ( -
+
- + {lesson.data.i18n!.editPageText}
@@ -40,7 +40,7 @@ const { Markdown, editPageLink, prev, next } = lesson;
{lesson.data.i18n!.webcontainerLinkText} diff --git a/packages/astro/src/default/styles/markdown.css b/packages/astro/src/default/styles/markdown.css index 330f36a68..9fa993e58 100644 --- a/packages/astro/src/default/styles/markdown.css +++ b/packages/astro/src/default/styles/markdown.css @@ -9,7 +9,8 @@ --code-border-radius: 4px; --code-border-width: 1px; --code-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.5); - --link-color: var(--tk-text-accent); + --link-color: var(--tk-elements-link-primaryColor); + --link-color-hover: var(--tk-elements-link-primaryColorHover); --blockquote-border-color: theme('colors.gray.500'); --blockquote-background: var(--code-background-color); --content-font-size: 16px; @@ -295,7 +296,7 @@ .markdown-content a code, .markdown-content code a, .markdown-content a:hover { - color: unset; + color: var(--link-color-hover); } /* Blockquotes */ diff --git a/packages/astro/src/default/styles/variables.css b/packages/astro/src/default/styles/variables.css index 68936c49d..7022f8891 100644 --- a/packages/astro/src/default/styles/variables.css +++ b/packages/astro/src/default/styles/variables.css @@ -135,7 +135,12 @@ --tk-elements-app-backgroundColor: var(--tk-background-primary); --tk-elements-app-borderColor: var(--tk-border-primary); --tk-elements-app-textColor: var(--tk-text-primary); - --tk-elements-app-linkColor: var(--tk-text-accent); + + /* Links */ + --tk-elements-link-primaryColor: var(--tk-text-accent); + --tk-elements-link-primaryHoverColor: unset; + --tk-elements-link-secondaryColor: var(--tk-text-secondary); + --tk-elements-link-secondaryColorHover: var(--tk-text-primary); /* Content */ --tk-elements-content-textColor: var(--tk-text-body); @@ -245,17 +250,6 @@ --tk-elements-navCard-iconColor: var(--tk-elements-app-textColor); --tk-elements-navCard-iconColorHover: var(--tk-text-accent); - /* Webcontainers link */ - --tk-elements-webcontainersLink-textColor: var(--tk-text-secondary); - --tk-elements-webcontainersLink-textColorHover: var(--tk-text-active); - - /* Edit Page Link */ - --tk-elements-editPageLink-textColor: var(--tk-elements-app-textColor); - --tk-elements-editPageLink-textColorHover: var(--tk-text-active); - --tk-elements-editPageLink-iconColor: var(--tk-elements-app-textColor); - --tk-elements-editPageLink-iconColorHover: var(--tk-text-accent); - --tk-elements-editPageLink-borderColor: var(--tk-border-secondary); - /* Breadcrumb > Nav Button */ --tk-elements-breadcrumbs-navButton-iconColor: var(--tk-text-secondary); --tk-elements-breadcrumbs-navButton-iconColorHover: var(--tk-text-active); diff --git a/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx b/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx index 3597a0930..58afb0f6d 100644 --- a/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx +++ b/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx @@ -9,6 +9,7 @@ previews: - [2, 'Bar'] terminal: panels: 'terminal' +editPageLink: 'tutorialkit.dev' --- # Foo diff --git a/packages/theme/src/theme.ts b/packages/theme/src/theme.ts index 8ef061c1b..b7bf219d6 100644 --- a/packages/theme/src/theme.ts +++ b/packages/theme/src/theme.ts @@ -144,6 +144,12 @@ export const theme = { textColor: 'var(--tk-elements-app-textColor)', linkColor: 'var(--tk-elements-app-linkColor)', }, + link: { + primaryColor: 'var(--tk-elements-link-primaryColor)', + primaryColorHover: 'var(--tk-elements-link-primaryColorHover)', + secondaryColor: 'var(--tk-elements-link-secondaryColor)', + secondaryColorHover: 'var(--tk-elements-link-secondaryColorHover)', + }, content: { textColor: 'var(--tk-elements-content-textColor)', headingTextColor: 'var(--tk-elements-content-headingTextColor)', @@ -252,17 +258,6 @@ export const theme = { iconColor: 'var(--tk-elements-navCard-iconColor)', iconColorHover: 'var(--tk-elements-navCard-iconColorHover)', }, - webcontainersLink: { - textColor: 'var(--tk-elements-webcontainersLink-textColor)', - textColorHover: 'var(--tk-elements-webcontainersLink-textColorHover)', - }, - editPageLink: { - textColor: 'var(--tk-elements-editPageLink-textColor)', - textColorHover: 'var(--tk-elements-editPageLink-textColorHover)', - iconColor: 'var(--tk-elements-editPageLink-iconColor)', - iconColorHover: 'var(--tk-elements-editPageLink-iconColorHover)', - borderColor: 'var(--tk-elements-editPageLink-borderColor)', - }, breadcrumbs: { navButton: { iconColor: 'var(--tk-elements-breadcrumbs-navButton-iconColor)', From 1833d02f5e21c564eb067c125e321d24351eed86 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Mon, 5 Aug 2024 17:51:34 +0300 Subject: [PATCH 6/8] fix: code review --- docs/tutorialkit.dev/src/content/docs/reference/theming.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx index 4553f1fa6..9af087600 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx @@ -55,7 +55,7 @@ If you want to start with a `theme.css` file that includes all the available CSS ### Links -TODO What here? +Tokens used by links. | Token | Description | | ---------------------------------------- | ---------------------------------------------------- | From 7ab91297a90b5b908f0365f178e89e0077f19a22 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Mon, 5 Aug 2024 18:47:36 +0300 Subject: [PATCH 7/8] fix: code review --- .../src/content/docs/reference/configuration.mdx | 2 +- packages/types/src/schemas/i18n.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx b/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx index 18624dcab..a084ea0c1 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx @@ -56,7 +56,7 @@ type I18nText = { editPageText?: string /** - * Text of the webcontainer link. + * Text of the WebContainer link. * * @default 'Powered by WebContainer' */ diff --git a/packages/types/src/schemas/i18n.ts b/packages/types/src/schemas/i18n.ts index 2f5d38dc7..2176013aa 100644 --- a/packages/types/src/schemas/i18n.ts +++ b/packages/types/src/schemas/i18n.ts @@ -16,11 +16,11 @@ export const i18nSchema = z.object({ editPageText: z.string().optional().describe('Text of the edit page link.'), /** - * Text of the webcontainer link. + * Text of the WebContainer link. * * @default 'Powered by WebContainer' */ - webcontainerLinkText: z.string().optional().describe('Text of the webcontainer link.'), + webcontainerLinkText: z.string().optional().describe('Text of the WebContainer link.'), /** * Text shown when there are no previews or steps to show in the prepare environment section. From f487ce78e2e2940de20a579630454e9b9f7fbb90 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ari=20Perkki=C3=B6?= Date: Tue, 6 Aug 2024 09:14:29 +0300 Subject: [PATCH 8/8] fix: code review --- docs/tutorialkit.dev/src/content/docs/reference/theming.mdx | 2 +- packages/astro/src/default/styles/variables.css | 2 +- .../content/tutorial/1-basics/1-introduction/2-foo/content.mdx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx index 9af087600..f8ea1fe63 100644 --- a/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx +++ b/docs/tutorialkit.dev/src/content/docs/reference/theming.mdx @@ -60,7 +60,7 @@ Tokens used by links. | Token | Description | | ---------------------------------------- | ---------------------------------------------------- | | `--tk-elements-link-primaryColor` | The text color of the primary links. | -| `--tk-elements-link-primaryHoverColor` | The text color of the primary links when hovering. | +| `--tk-elements-link-primaryColorHover` | The text color of the primary links when hovering. | | `--tk-elements-link-secondaryColor` | The text color of the secondary links. | | `--tk-elements-link-secondaryColorHover` | The text color of the secondary links when hovering. | diff --git a/packages/astro/src/default/styles/variables.css b/packages/astro/src/default/styles/variables.css index 7022f8891..f748dc0ac 100644 --- a/packages/astro/src/default/styles/variables.css +++ b/packages/astro/src/default/styles/variables.css @@ -138,7 +138,7 @@ /* Links */ --tk-elements-link-primaryColor: var(--tk-text-accent); - --tk-elements-link-primaryHoverColor: unset; + --tk-elements-link-primaryColorHover: unset; --tk-elements-link-secondaryColor: var(--tk-text-secondary); --tk-elements-link-secondaryColorHover: var(--tk-text-primary); diff --git a/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx b/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx index 58afb0f6d..b60458a21 100644 --- a/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx +++ b/packages/template/src/content/tutorial/1-basics/1-introduction/2-foo/content.mdx @@ -9,7 +9,7 @@ previews: - [2, 'Bar'] terminal: panels: 'terminal' -editPageLink: 'tutorialkit.dev' +editPageLink: 'https://tutorialkit.dev' --- # Foo