Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ Recipe Block #2323

Merged
merged 52 commits into from
Nov 8, 2024
Merged

✨ Recipe Block #2323

merged 52 commits into from
Nov 8, 2024

Conversation

joshbermanssw
Copy link
Member

@joshbermanssw joshbermanssw commented Oct 14, 2024

#2320
created PoC. This PR is to just be able to show the preview environment.

If we go ahead with the PoC i will fill out the PR and polish the code (its not done anyways in terms of UI :) )


Update: we went ahead with it! This awesome component is taking life and will revamp users' docs experience.

Test passed by @bettybondoc

Screenshot 2024-11-04 at 12 48 52 pm
Figure: Tablet View

Screenshot 2024-11-04 at 12 49 10 pm
Figure: Laptop View

@joshbermanssw joshbermanssw requested a review from a team as a code owner October 14, 2024 04:10
Copy link

vercel bot commented Oct 14, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
tina-io ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 8, 2024 5:29am

@isaaclombardssw
Copy link
Contributor

With a coat of paint this looks legit

Co-authored-by: Brady Stroud <[email protected]>
components/blocks/Recipe.template.tsx Outdated Show resolved Hide resolved
components/blocks/Recipe.template.tsx Outdated Show resolved Hide resolved
components/blocks/Recipe.template.tsx Outdated Show resolved Hide resolved
components/tinaMarkdownComponents/docAndBlogComponents.tsx Outdated Show resolved Hide resolved
Copy link
Member

@bradystroud bradystroud left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM
Looking forward to seeing this in the docs somewhere

@joshbermanssw joshbermanssw merged commit d548028 into main Nov 8, 2024
4 checks passed
@joshbermanssw joshbermanssw deleted the recipes-poc branch November 8, 2024 05:31
Calinator444 pushed a commit that referenced this pull request Nov 12, 2024
* create recipe block PoC

* highlight color

* ui changes

* 1st attempt to make sticky

* fix sticky

* more ui

* lhs rhs height sizing

* add instruction click scroll to line

* rm lhs useRef

* fix LHS heighting

* Recipe rendering in docs too as .mdx

* sm and md view #1

* highlight lines styling back

* change tooltip

* template modifictions

* docAndBlog fixes

* make tool bar sticky

* change codeblock name

* handle down click arrow

* bg-color match

* down arrow

* fixed button and void overlay

* extrapolate hidden logic

* upd z-index

* rm index for RecipeBlock

* fix rounding issues

* rm border

* fix scrolling

* TinaCMS content update

Co-authored-by: Brady Stroud <[email protected]>

* closing animation

* remove unneccessary content

* use vars instead of arbitrary numbers

* add comment

* extrapolate styles

* fix re-render

* logic to hide the down button when the container isnt scrollable

* comments

* extrapolate all components

* move extrapolated components to different dir

* custom code field

* upd next.config

* rm unused steps

* trying another work around

* False to false

* add work-around context

* upd comments

* TinaCMS content update

Co-authored-by: Brady Stroud <[email protected]>

* extrapolate monacoCodeEditor to its own file

* push lock

* fix docs version of recipeBlock

* rm from home page

---------

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>
Co-authored-by: Brady Stroud <[email protected]>
isaaclombardssw pushed a commit that referenced this pull request Nov 12, 2024
* create recipe block PoC

* highlight color

* ui changes

* 1st attempt to make sticky

* fix sticky

* more ui

* lhs rhs height sizing

* add instruction click scroll to line

* rm lhs useRef

* fix LHS heighting

* Recipe rendering in docs too as .mdx

* sm and md view #1

* highlight lines styling back

* change tooltip

* template modifictions

* docAndBlog fixes

* make tool bar sticky

* change codeblock name

* handle down click arrow

* bg-color match

* down arrow

* fixed button and void overlay

* extrapolate hidden logic

* upd z-index

* rm index for RecipeBlock

* fix rounding issues

* rm border

* fix scrolling

* TinaCMS content update

Co-authored-by: Brady Stroud <[email protected]>

* closing animation

* remove unneccessary content

* use vars instead of arbitrary numbers

* add comment

* extrapolate styles

* fix re-render

* logic to hide the down button when the container isnt scrollable

* comments

* extrapolate all components

* move extrapolated components to different dir

* custom code field

* upd next.config

* rm unused steps

* trying another work around

* False to false

* add work-around context

* upd comments

* TinaCMS content update

Co-authored-by: Brady Stroud <[email protected]>

* extrapolate monacoCodeEditor to its own file

* push lock

* fix docs version of recipeBlock

* rm from home page

---------

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>
Co-authored-by: Brady Stroud <[email protected]>
isaaclombardssw added a commit that referenced this pull request Nov 15, 2024
* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* ✨ Recipe Block (#2323)

* create recipe block PoC

* highlight color

* ui changes

* 1st attempt to make sticky

* fix sticky

* more ui

* lhs rhs height sizing

* add instruction click scroll to line

* rm lhs useRef

* fix LHS heighting

* Recipe rendering in docs too as .mdx

* sm and md view #1

* highlight lines styling back

* change tooltip

* template modifictions

* docAndBlog fixes

* make tool bar sticky

* change codeblock name

* handle down click arrow

* bg-color match

* down arrow

* fixed button and void overlay

* extrapolate hidden logic

* upd z-index

* rm index for RecipeBlock

* fix rounding issues

* rm border

* fix scrolling

* TinaCMS content update

Co-authored-by: Brady Stroud <[email protected]>

* closing animation

* remove unneccessary content

* use vars instead of arbitrary numbers

* add comment

* extrapolate styles

* fix re-render

* logic to hide the down button when the container isnt scrollable

* comments

* extrapolate all components

* move extrapolated components to different dir

* custom code field

* upd next.config

* rm unused steps

* trying another work around

* False to false

* add work-around context

* upd comments

* TinaCMS content update

Co-authored-by: Brady Stroud <[email protected]>

* extrapolate monacoCodeEditor to its own file

* push lock

* fix docs version of recipeBlock

* rm from home page

---------

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>
Co-authored-by: Brady Stroud <[email protected]>

* 📝Docs - Guide to migrate from WordPress (#2411)

* Added WordPress documentation to the Guides tab in the tina docs

* Created the guide to convert from wordpress to tina

* Polished wordpress to tina guide to fit with standards

* fixed step counter

* Update title, added indent for note boxes, added styling to text that require formatting (code snippets and such)

* Updated title on sidebar to match "Migrate From Forestry" style

* Made changes as per my conversation with Landon

* fixed bolding on file name

* fixed broken step

* Fixed broken step at Migrating Posts section

* Added code snippet for tina/config.tsx

* Added instructions for mac/linux users

* Updated title to add capitalisation and remove tinacloud

* Added note and link to discord server

* Adding steps to add the coverImage to the page

* Added note to explain why this works

* Fxied wording on discord warning

* Updated title to match the content before it

* fixed numbering

* fixed m to md

* added bolding to note

* Removed note and emoji to remain consistent

* Added prerequisite to have a basic understanding of the tina editor and the schema

* reorder prerequisites to be in order

* fixed .txt to .md conversion to .md to .mdx conversion

* Updated javascript to typescript

* updated more javascript code blocks to typescript

* Added prerequisites for react

* Fixed text per Matt W suggestion

* Adding the demo button back – it's been a long day (#2440)

Revert "temp fix-while-debugging-the-demo (PR from TinaCMS) (#2435)"

This reverts commit cf78b64.

* invalid site-url-faq (PR from TinaCMS) (#2443)

* TinaCMS content update

* TinaCMS content update

* TinaCMS content update

* TinaCMS content update

* TinaCMS content update

* TinaCMS content update

* add images to PR

* add newline between images

* update wording

---------

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>
Co-authored-by: brookjeynes-ssw <[email protected]>

* trying to create data passing between tina fields

* reusable checkbox list component, parsing, other changes

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* TinaCMS content update

Co-authored-by: Isaac Lombard <[email protected]>

* adding a warning to the satisfied criteria fields telling users to save

* updating comments and descriptions

---------

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>
Co-authored-by: Isaac Lombard <[email protected]>
Co-authored-by: Josh Berman [SSW] <[email protected]>
Co-authored-by: Brady Stroud <[email protected]>
Co-authored-by: Lewis Toh [SSW] <[email protected]>
Co-authored-by: Isaac Lombard [SSW] <[email protected]>
Co-authored-by: brookjeynes-ssw <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants