Docs - installations #130
Merged
Docs - installations #130
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
used 3rd party package for speed
inc component source
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
reusing ComponentExample existing component more
Base docs on latest prod
|
Gonna remove examples handling (bar demo) from .mdx for now. But also I will keep their mdx components in codebase for now. Usage (for future reference)
|
keep singular vs plural as that one is easy to transform
|
Now I would consider this feat "first version" complete. |
* add mdx support * get standard mdx working * simplify next.config for our usecase * make the standart mdx work * standart mdx working the same way the remote mdx used to * cleanup installationdocs directory * cleanup index.ts from installationdocs * upgrade shiki maybe build will succeed * update types of react and react-dom * revert failing commit * clean up code
|
I pushed some changes, mostly deletions of unused code. With the refactoring I made we now only use IMO this PR is mostly ready, but before merging I would wait for @iamhectorsosa to be online and review it and we will see if it the right move to merge. I approve the PR, I would just not merge it before Hector checks it out. |
ericvalcik
previously approved these changes
Jul 4, 2023
Closed
iamhectorsosa
approved these changes
Jul 11, 2023
ericvalcik
added a commit
that referenced
this pull request
Jul 12, 2023
* Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- Co-authored-by: Jan Vorcak <[email protected]> * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- Co-authored-by: Hector Sosa <[email protected]> * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- Co-authored-by: Hector Sosa <[email protected]> * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- Co-authored-by: eric valcik <[email protected]> * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples * Sync `production` with `main` (#133) * Release blog pages (#81) Creating Blog pages (#37) * Creating Blog pages * Adding Static Params * Refactoring and updating blog styles * Package.lock rebase change * Update 001.mdx * Updated blog post --------- Co-authored-by: Hector Sosa <[email protected]> * Update production website (#132) * Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- Co-authored-by: Jan Vorcak <[email protected]> * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- Co-authored-by: Hector Sosa <[email protected]> * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- Co-authored-by: Hector Sosa <[email protected]> * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- Co-authored-by: eric valcik <[email protected]> * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples --------- Co-authored-by: Hector Sosa <[email protected]> Co-authored-by: Jan Vorcak <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> --------- Co-authored-by: Ján Vorčák <[email protected]> Co-authored-by: Hector Sosa <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> * Docs - installations (#130) * feat initial mdx docs implementation * feat docs highlighting used 3rd party package for speed * improve styling and highlighting * refactor load demo in page and pass through scope * feat more doc content inc component source * feat code el with copy button * fix sort-keys was supposed to stay in lock * fix post merge content update * feat component example with headling * feat dependencies installation test * feat control examples with mxd reusing ComponentExample existing component more * fix apply not-prose on all code components * refactor mdx comp naming and data passing * feat add list docs to test docs features * chore up rehype-pretty-code * feat add simplified demo, remove examples from mdx * feat conform examples comps names keep singular vs plural as that one is easy to transform * fix docs typography * fix pre mobile overflows * Pivot to standard MDX (#138) * add mdx support * get standard mdx working * simplify next.config for our usecase * make the standart mdx work * standart mdx working the same way the remote mdx used to * cleanup installationdocs directory * cleanup index.ts from installationdocs * upgrade shiki maybe build will succeed * update types of react and react-dom * revert failing commit * clean up code * remove unused code * minor mdx content fixes * move dynamic imports of mdx docs to examples/index.ts * clean up errors, tidy up code --------- Co-authored-by: Eric Valcik <[email protected]> Co-authored-by: eric valcik <[email protected]> * Remove text dependency from list component (#143) * Remove text dependency from list component * update installation.mdx for lists + small typo fix for badges installation.mdx --------- Co-authored-by: eric valcik <[email protected]> * Create documentation for installation for all components (#146) * add installation.mdx to button and divider component * add installation.mdx to all components * tidy up * tidy up * update README * revert restructuring of README * tidy up * make Demo.tsx files more clear * Create better docs in route `/components` (#150) Create better docs in route * Small improvement of the installation docs (#151) * Small improvement of the installation docs * Make theming comment more clear * fix /components styling (#147) fix unify /components styling * Add second variant for subscription dialog (#145) * Add second variant for subscription dialog * Update subscription dialog and redirects * Add preview metadata and shared OG metadata (#142) * Add preview metadata and shared OG metadata * Move shared OG metadata to constants folder * Add preview OG image * fix build --------- Co-authored-by: eric valcik <[email protected]> * remove leftover files that got in with merge of production --------- Co-authored-by: Hector Sosa <[email protected]> Co-authored-by: Jan Vorcak <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: DanielPuchala <[email protected]>
ericvalcik
added a commit
that referenced
this pull request
Jul 12, 2023
* Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples * Sync `production` with `main` (#133) * Release blog pages (#81) Creating Blog pages (#37) * Creating Blog pages * Adding Static Params * Refactoring and updating blog styles * Package.lock rebase change * Update 001.mdx * Updated blog post --------- * Update production website (#132) * Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples --------- --------- * Docs - installations (#130) * feat initial mdx docs implementation * feat docs highlighting used 3rd party package for speed * improve styling and highlighting * refactor load demo in page and pass through scope * feat more doc content inc component source * feat code el with copy button * fix sort-keys was supposed to stay in lock * fix post merge content update * feat component example with headling * feat dependencies installation test * feat control examples with mxd reusing ComponentExample existing component more * fix apply not-prose on all code components * refactor mdx comp naming and data passing * feat add list docs to test docs features * chore up rehype-pretty-code * feat add simplified demo, remove examples from mdx * feat conform examples comps names keep singular vs plural as that one is easy to transform * fix docs typography * fix pre mobile overflows * Pivot to standard MDX (#138) * add mdx support * get standard mdx working * simplify next.config for our usecase * make the standart mdx work * standart mdx working the same way the remote mdx used to * cleanup installationdocs directory * cleanup index.ts from installationdocs * upgrade shiki maybe build will succeed * update types of react and react-dom * revert failing commit * clean up code * remove unused code * minor mdx content fixes * move dynamic imports of mdx docs to examples/index.ts * clean up errors, tidy up code --------- * Remove text dependency from list component (#143) * Remove text dependency from list component * update installation.mdx for lists + small typo fix for badges installation.mdx --------- * Create documentation for installation for all components (#146) * add installation.mdx to button and divider component * add installation.mdx to all components * tidy up * tidy up * update README * revert restructuring of README * tidy up * make Demo.tsx files more clear * Create better docs in route `/components` (#150) Create better docs in route * Small improvement of the installation docs (#151) * Small improvement of the installation docs * Make theming comment more clear * fix /components styling (#147) fix unify /components styling * Add second variant for subscription dialog (#145) * Add second variant for subscription dialog * Update subscription dialog and redirects * Add preview metadata and shared OG metadata (#142) * Add preview metadata and shared OG metadata * Move shared OG metadata to constants folder * Add preview OG image * fix build --------- * remove leftover files that got in with merge of production --------- Co-authored-by: Hector Sosa <[email protected]> Co-authored-by: Jan Vorcak <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: DanielPuchala <[email protected]>
ericvalcik
added a commit
that referenced
this pull request
Jul 21, 2023
* Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- Co-authored-by: Jan Vorcak <[email protected]> * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- Co-authored-by: Hector Sosa <[email protected]> * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- Co-authored-by: Hector Sosa <[email protected]> * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- Co-authored-by: eric valcik <[email protected]> * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples * Sync `production` with `main` (#133) * Release blog pages (#81) Creating Blog pages (#37) * Creating Blog pages * Adding Static Params * Refactoring and updating blog styles * Package.lock rebase change * Update 001.mdx * Updated blog post --------- Co-authored-by: Hector Sosa <[email protected]> * Update production website (#132) * Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- Co-authored-by: Jan Vorcak <[email protected]> * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- Co-authored-by: Hector Sosa <[email protected]> * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- Co-authored-by: Hector Sosa <[email protected]> * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- Co-authored-by: eric valcik <[email protected]> * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples --------- Co-authored-by: Hector Sosa <[email protected]> Co-authored-by: Jan Vorcak <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> --------- Co-authored-by: Ján Vorčák <[email protected]> Co-authored-by: Hector Sosa <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> * Docs - installations (#130) * feat initial mdx docs implementation * feat docs highlighting used 3rd party package for speed * improve styling and highlighting * refactor load demo in page and pass through scope * feat more doc content inc component source * feat code el with copy button * fix sort-keys was supposed to stay in lock * fix post merge content update * feat component example with headling * feat dependencies installation test * feat control examples with mxd reusing ComponentExample existing component more * fix apply not-prose on all code components * refactor mdx comp naming and data passing * feat add list docs to test docs features * chore up rehype-pretty-code * feat add simplified demo, remove examples from mdx * feat conform examples comps names keep singular vs plural as that one is easy to transform * fix docs typography * fix pre mobile overflows * Pivot to standard MDX (#138) * add mdx support * get standard mdx working * simplify next.config for our usecase * make the standart mdx work * standart mdx working the same way the remote mdx used to * cleanup installationdocs directory * cleanup index.ts from installationdocs * upgrade shiki maybe build will succeed * update types of react and react-dom * revert failing commit * clean up code * remove unused code * minor mdx content fixes * move dynamic imports of mdx docs to examples/index.ts * clean up errors, tidy up code --------- Co-authored-by: Eric Valcik <[email protected]> Co-authored-by: eric valcik <[email protected]> * Remove text dependency from list component (#143) * Remove text dependency from list component * update installation.mdx for lists + small typo fix for badges installation.mdx --------- Co-authored-by: eric valcik <[email protected]> * Create documentation for installation for all components (#146) * add installation.mdx to button and divider component * add installation.mdx to all components * tidy up * tidy up * update README * revert restructuring of README * tidy up * make Demo.tsx files more clear * Create better docs in route `/components` (#150) Create better docs in route * Small improvement of the installation docs (#151) * Small improvement of the installation docs * Make theming comment more clear * fix /components styling (#147) fix unify /components styling * Add second variant for subscription dialog (#145) * Add second variant for subscription dialog * Update subscription dialog and redirects * Add preview metadata and shared OG metadata (#142) * Add preview metadata and shared OG metadata * Move shared OG metadata to constants folder * Add preview OG image * fix build --------- Co-authored-by: eric valcik <[email protected]> * remove leftover files that got in with merge of production * Update production (#153) (#154) * Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples * Sync `production` with `main` (#133) * Release blog pages (#81) Creating Blog pages (#37) * Creating Blog pages * Adding Static Params * Refactoring and updating blog styles * Package.lock rebase change * Update 001.mdx * Updated blog post --------- * Update production website (#132) * Adding Support for React (#86) * Adding Support for React * Removing invalid export * Renaming missing component dir * Added Default badge component * Adding HTML to Code Previews * Adding Formatter for HTML * WithHeading * Removing mjml in favor of React, also adding Shiki * Updating Copy Button Index * Adding Sample Component in each Category * Adding HTML --------- * Restructuring DX (#88) * Finished Badge component with new examples (#90) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places --------- * Hero section component (#95) * Button component (#92) * Migrate from npm to pnpm (#97) * Disabling Syntax Highlighting for Development (#98) * Disabling Syntax Highlighting for Development * Cleanup previous .preview extension * Removing unused property in shiki * Introduce Modifiable themes with new component `ThemeProvider` (#96) * Restructuring DX * Add noBorder, pill and dot props to Badge primitive * Fix Pill Badge example after resolving conflicts * Improve examples, render badges with dot without display: flex * Improve height of examples, remove unused imports on some places * Add Button component + add examples of usage * Create mapping for iframe heights in ComponentExample * Use CSSProperties instead of imported Propery from 'csstype' * Make proposed improvements * Add sizes to buttons, adjust the examples, follow the design system * 'Fork' the Button component from react.email and modify it so we get successful renders on outlook * Tidy up the modified version of react.email's Button component * Demo * Implement ThemeProvider + integrate buttons * ThemeProvider with Buttons implemented * Integrate Badges to use the ThemeProvider * Fix Button component to work properly with the new ThemeProvider + add new examples * implement suggested changes * update pnpm-lock.yaml * remove folder types in mailingui and colocate types with themes * fix build and warnings --------- * Add `Divider` component and an example (#99) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Make resizing of dividers responsive * Make default values more predictable * Update Divider examples * Create conditional type for DividerProps * Add missing baseWidth to Divider example * Make one example smaller and update the baseWidth accordingly * Paragraph component (#100) * Add divider + rename folders buttons to button and badges to badge * Working version of the Divider with text * tidy up the code * Polish the divider component * fix build * fix build #2 * finish Divider component * Clean up * Clean up + in Divider add support for ThemeProvider * Implement the Paragraph component + 3 examples * Merge Paragraph and Text into one component - Text * rename Text to Paragraph * Add more functionality to our Paragraph component + create better examples * Commit suggestion * Improve the examples for Paragraphs * Make the sizes more intuitive - follow tailwind sizing * Rename Paragraph to Text * fix build * Remove outdated Divider example * Implement the Emoji component + add examples (#102) * Implement the Emoji component + add examples * Add small emoji example * Fix alignment with small emoji example * Improve Emoji Component + add new examples * Add more emojis + create new example * Implement `List` component + add examples (#104) * Implement List component + add examples * Add additional props to List * Fix build * Don't use useState * Clean up * Add bullet lists + some refactoring + new examples * Add social icons component (#105) * Add social icons component * Add Examples for social icons * Delete unused imports, use <Text> instead of <p> tags in some examples * Preview Mode (#103) * Preview Mode * Testing * Testing * Huge Opsie * Testing email that has context * Moving stuff around * Fixing dev mode (#106) Hopefully fixes dev mode * Implement template emails for the minimal theme (#108) * Implement pilot version of the minimal themed password change * Fix compatibility issues with the template * Fix build and compatibility with outlook * add width to Container for compatibility * fixing build * Final touches on minimal-password-reset template * Add new button component MinimalButton + create new minial template News * Add links to socialicons in templates + new booking confirmation minimal themed template * Add discount minimal example * Add two new minimal templates * Make the MinimalButton more modular * Add review email template * Add props to templates * Mrege MinimalButton and our button component + refactor email templates * Add last three minimal templates * experimental build fix * revert experimental build fix * Add forgotten vars, move basePath outside of component * Increase static page generation timeout from default 60s to 300s (#115) increase static page generation timeout from default 60s to 300s * Preview send form (#112) * refactor: split preview send feature * feat: cta button forwards ref so it can be easily integrated in radix popover * feat: preview send popover with inital form * feat: improve form footer * feat: status handling * feat: trigger button states * fix icon size * feat add reusable popover component * feat use our popover in send * Folder structure (#117) * chore move folders to /docs * chore remove examples/component nesting folder * fix import/alias paths * chore: fonts to public * chore move (email)preview from app * Adding Stitches for Styling (#113) * Adding Stitches for Styling * inline css classes with juice when rendering html from react components * Install encoding * use regular object as const for themes * refactor the theme structure * use the new render util in components and preview * tidying up + add comments for render utility --------- * Code components (#121) * feat add code/tabbed code components mostly reused from existing implementations * feat reuse new code components inc fix code height in /preview * create `Head` component + use it where needed (#123) create new component - Head + use it where needed * Adjusting the Button component to new theming solution (#124) * refactor button component to not use theme + update examples * Play around with rounded buttons - found a problem with the theme * Fix pill buttons example * Ditch stitches for buttons + rethink theme + updated button and badges and their examples * tidy up * fix comments * Refactor Badges Component to work with the new theming (#125) * add new theming to Badges and remove stitches dependency in Badge component * remove stitches, juice and encoding - adjust codebase for these changes * remove Head wrapper and adjust all imports of our wrapper * remove render wrapper as we don't need it anymore * static horizontal padding for badges on outlook * improve compatibility with outlook * tidying up * Refactor all components to use the new theme + delete ThemeProvider (#126) * finish dividers * refactor Bulletlist * Refactor List and Text * Refactor button examples, fix imports in button * Remove ThemeProvider * Tidy up the examples * add theme to Component `HeroSection` (#127) * add theme to HeroSection * fix img props, fix examples * Add variant to examples --------- --------- * Docs - installations (#130) * feat initial mdx docs implementation * feat docs highlighting used 3rd party package for speed * improve styling and highlighting * refactor load demo in page and pass through scope * feat more doc content inc component source * feat code el with copy button * fix sort-keys was supposed to stay in lock * fix post merge content update * feat component example with headling * feat dependencies installation test * feat control examples with mxd reusing ComponentExample existing component more * fix apply not-prose on all code components * refactor mdx comp naming and data passing * feat add list docs to test docs features * chore up rehype-pretty-code * feat add simplified demo, remove examples from mdx * feat conform examples comps names keep singular vs plural as that one is easy to transform * fix docs typography * fix pre mobile overflows * Pivot to standard MDX (#138) * add mdx support * get standard mdx working * simplify next.config for our usecase * make the standart mdx work * standart mdx working the same way the remote mdx used to * cleanup installationdocs directory * cleanup index.ts from installationdocs * upgrade shiki maybe build will succeed * update types of react and react-dom * revert failing commit * clean up code * remove unused code * minor mdx content fixes * move dynamic imports of mdx docs to examples/index.ts * clean up errors, tidy up code --------- * Remove text dependency from list component (#143) * Remove text dependency from list component * update installation.mdx for lists + small typo fix for badges installation.mdx --------- * Create documentation for installation for all components (#146) * add installation.mdx to button and divider component * add installation.mdx to all components * tidy up * tidy up * update README * revert restructuring of README * tidy up * make Demo.tsx files more clear * Create better docs in route `/components` (#150) Create better docs in route * Small improvement of the installation docs (#151) * Small improvement of the installation docs * Make theming comment more clear * fix /components styling (#147) fix unify /components styling * Add second variant for subscription dialog (#145) * Add second variant for subscription dialog * Update subscription dialog and redirects * Add preview metadata and shared OG metadata (#142) * Add preview metadata and shared OG metadata * Move shared OG metadata to constants folder * Add preview OG image * fix build --------- * remove leftover files that got in with merge of production --------- Co-authored-by: Hector Sosa <[email protected]> Co-authored-by: Jan Vorcak <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: DanielPuchala <[email protected]> * Fading collapsible (#152) * feat fading collapsible init * enhance props, add doc variant * Reuse collapsible in tabbed code * fix preview min height * rename fadingcollapsible -> collapsiblecontent * refactor simplify props * make doc border more subtle * Preview mobile nav (#137) * feat add mobile usable preview nav and layout * refactor move mobile email selector to shell both variant live in same file and removes props but nav item placeholder used so nav remains same * feat preview main nav link on mobile * fix remove deprecated paragraph * fix improve nav styling * redo mobile menu as drawer * improve preview nav responsivity * fix tabbedcode overflow on small screens * Remove unneeded label * add pading to preview intro text * Improve docs in `/components` (#157) * improve installation docs * improve UX on the homepage * WIP: CLI init (#144) * CLI init * CLI init and add commands updated * Fix base url in get /theme route * Minor refactoring * Add constants file * Minor refactoring, add option to download required dependencies on init * Add option to download all components * Excluding cli from deployment * Revert default base url to mailingui url --------- Co-authored-by: Daniel <[email protected]> Co-authored-by: Hector Sosa <[email protected]> * Preparation for the release of the CLI package. (#167) * Preparation for the release of the CLI package. * Fixing Unrelated Linting Errors from Previous PR --------- Co-authored-by: Hector Sosa <[email protected]> * Adding automatic installation instructions (#168) * Adding automatic installation instructions * change bg of DocCollapsible + fix link in docs --------- Co-authored-by: eric valcik <[email protected]> * Refactor route`/components` to `/docs` + other small changes (#164) * refactor route /components to /docs + other small changes * fix comments + add rehype plugins for links * tidying up * improve styling for titles * fix the links for titles and for regular links in text * fix errors * Add Tabs to pick from automatic and manual installation (#169) * add tabs for automatic and manual install in /docs * make the design of the tabs better imo --------- Co-authored-by: Jan Vorcak <[email protected]> Co-authored-by: Eric Valcik <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: Jan Shanel <[email protected]> Co-authored-by: eric valcik <[email protected]> Co-authored-by: DanielPuchala <[email protected]> Co-authored-by: Daniel <[email protected]> Co-authored-by: Alexander Macinský <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Resolves #122
Implements docs structure a docs buildings blocks to allow docs features proposed in linked issue.
Implementation is starter with limited options and adaptibility.
Features set
pages with mdx doc
mdx supported components
Discussion
data injection
Refactor
Known todos