blitz icon indicating copy to clipboard operation
blitz copied to clipboard

Migrate recipes

Open dillondotzip opened this issue 1 year ago • 6 comments

Closes: #3253

What are the changes and their implications?

Migrate over recipe functionality from legacy framework.

Some recipes still need to be updated to work with blitz 2.0 (https://github.com/blitz-js/blitz/issues/3813)

Feature Checklist

Exposes paths such as:

  • nextConfig()
  • blitzClient()
  • blitzServer()

Also exports new helper functions transformNextConfig() & wrapAppReturnStatement(),

transformNextConfig() returns the following:

program: Program
configObj: []
pushToConfig: (property: j.ObjectProperty) => void
wrapConfig: (func: string | j.CallExpression) => {
   withBlitz: j.Identifier | j.CallExpression 
}
addRequireStatement: (identifier: string, packageName: string) => void

(wrapConfig().withBlitz returns whatever is inside withBlitz())

wrapAppReturnStatement() accepts the following:

function wrapAppReturnStatement(
  program: Program,
  element: string
)

The element is the name of the react component you want to wrap the return statement with

  • [X] Documentation added/updated https://github.com/blitz-js/blitzjs.com/pull/755

dillondotzip avatar Aug 23 '22 19:08 dillondotzip

🦋 Changeset detected

Latest commit: 34e82f2d87cd63140ae98149e891f2a4cf8546d3

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 29 packages
Name Type
blitz Patch
@blitzjs/rpc Patch
@blitzjs/auth Patch
@blitzjs/next Patch
@blitzjs/codemod Patch
@blitzjs/recipe-base-web Patch
@blitzjs/recipe-bulma Patch
@blitzjs/recipe-bumbag-ui Patch
@blitzjs/recipe-chakra-ui Patch
@blitzjs/recipe-emotion Patch
@blitzjs/recipe-gh-action-yarn-mariadb Patch
@blitzjs/recipe-gh-action-yarn-postgres Patch
@blitzjs/recipe-ghost Patch
@blitzjs/recipe-graphql Patch
@blitzjs/recipe-logrocket Patch
@blitzjs/recipe-material-ui Patch
@blitzjs/recipe-next-ui Patch
@blitzjs/recipe-passenger Patch
@blitzjs/recipe-quirrel Patch
@blitzjs/recipe-reflexjs Patch
@blitzjs/recipe-render Patch
@blitzjs/recipe-secureheaders Patch
@blitzjs/recipe-stitches Patch
@blitzjs/recipe-styled-components Patch
@blitzjs/recipe-tailwind Patch
@blitzjs/recipe-theme-ui Patch
@blitzjs/recipe-vanilla-extract Patch
@blitzjs/config Patch
@blitzjs/generator Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

changeset-bot[bot] avatar Aug 23 '22 19:08 changeset-bot[bot]

When do you think this would be implemented?

siavashmohammady66 avatar Aug 31 '22 17:08 siavashmohammady66

When do you think this would be implemented?

I just need to create a util function for transforming next.config.js, then I'll set this PR as "Ready for review"

dillondotzip avatar Sep 01 '22 21:09 dillondotzip

@dillonraphael any eta for this ? (no rush but thought i'd inquire if it made sense to spend the time to figure out how to install next-ui manually ;p)

Jonovono avatar Sep 07 '22 19:09 Jonovono

I was going to wait for the tailwind css recipe to be migrated but found it's really simple to do it manually, the steps for manual install are in issue #3253

Steffan-Harris avatar Sep 08 '22 13:09 Steffan-Harris

@dillonraphael any eta for this ? (no rush but thought i'd inquire if it made sense to spend the time to figure out how to install next-ui manually ;p)

Just about ready. CI is passing. Dealing with an issue in the build process and a package the blitz installer is using.

dillondotzip avatar Sep 08 '22 23:09 dillondotzip