Migrate examples to latest remix v2

[machour]

Keeping track of progress here:

• [x] __template
• [x] _official-blog-tutorial (archived, won't be touched)
• [ ] _official-contacts-tutorial
• [x] _official-jokes (archived, won't be touched)
• [x] _official-realtime-app
• [ ] bullmq-task-queue
• [x] catch-boundary (=> error-boundary)
• [ ] chakra-ui
• [x] client-only-components
• [ ] client-side-validation
• [ ] collected-notes
• [ ] combobox-resource-route
• [x] dark-mode
• [ ] dataloader
• [ ] docker-with-yarn-pnp
• [ ] emotion
• [ ] file-and-cloudinary-upload
• [ ] file-and-s3-upload
• [ ] firebase
• [ ] form-to-notion-db
• [ ] framer-motion
• [ ] framer-route-animation
• [x] gdpr-cookie-consent
• [x] google-analytics
• [ ] graphql-api
• [x] image-resize
• [ ] infinite-scrolling
• [ ] io-ts-formdata-decoding
• [ ] ioredis
• [x] leaflet
• [ ] mantine
• [x] msw
• [ ] multiple-forms
• [ ] multiple-params
• [ ] newsletter-signup
• [x] nprogress
• [ ] on-demand-hydration
• [ ] outlet-form-rerender
• [ ] pathless-routes
• [ ] picocss
• [x] playwright
• [ ] pm-app
• [x] quirrel
• [x] react-quill
• [ ] react-spring
• [ ] redis-upstash-session
• [ ] remix-auth-auth0
• [x] remix-auth-form
• [ ] remix-auth-github
• [ ] remix-auth-supabase
• [ ] remix-auth-supabase-github
• [ ] route-modal
• [ ] routes-gen
• [x] rust
• [ ] sanity
• [x] sass
• [ ] search-input
• [ ] session-flash
• [ ] sharing-loader-data
• [x] socket.io
• [ ] sse-chat
• [ ] sse-counter
• [ ] stitches
• [ ] strapi
• [ ] stripe-integration
• [ ] styled-components
• [ ] styletron
• [ ] supabase-subscription
• [x] tailwindcss
• [ ] theme-ui
• [ ] tiptap-collab-editing
• [ ] toast-message
• [ ] turborepo-vercel
• [ ] twind
• [x] unocss
• [x] vanilla-extract
• [ ] xata
• [ ] yarn-pnp
• [x] zerops-example

[machour]

Also updated UnoCSS's remix example: https://github.com/unocss/unocss/pull/3850

[imaitland]

@machour Curious - Why is jokes archived and "won't be touched". The prod build currently fails with:

➜  _official-jokes git:(main) npx prisma migrate deploy
Need to install the following packages:
prisma@5.16.2
Ok to proceed? (y) y

Environment variables loaded from .env
Prisma schema loaded from prisma/schema.prisma
Datasource "db": SQLite database "dev.db" at "file:./dev.db"

1 migration found in prisma/migrations

No pending migrations to apply.
➜  _official-jokes git:(main) npm start

> start
> remix-serve build

Error: Directory import '/Users/iainland/Projects/remix-palyground/examples/_official-jokes/build' is not supported resolving ES modules imported from /Users/iainland/Projects/remix-palyground/examples/_official-jokes/node_modules/@remix-run/serve/dist/cli.js
Did you mean to import "/Users/iainland/Projects/remix-palyground/examples/_official-jokes/build/index.js"?
    at finalizeResolution (node:internal/modules/esm/resolve:259:11)
    at moduleResolve (node:internal/modules/esm/resolve:933:10)
    at defaultResolve (node:internal/modules/esm/resolve:1157:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:383:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:352:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:227:38)
    at ModuleLoader.import (node:internal/modules/esm/loader:315:34)
    at defaultImportModuleDynamically (node:internal/modules/esm/utils:194:31)
    at importModuleDynamicallyCallback (node:internal/modules/esm/utils:216:12)
    at reimportServer (/Users/iainland/Projects/remix-palyground/examples/_official-jokes/node_modules/@remix-run/serve/dist/cli.js:86:81)

[machour]

@imaitland This is a decision made with Brooks over discord, without being aware of the issue you're posting. Thank you for bringing it to our attention 🙏🏼

The idea was that the jokes tutorial was retried from the documentation, and we weren't interested in maintaining a legacy Remix v1 app.

CC'ing @brookslybrand to have a new look at this decision. Maybe we could spend some time fixing the example, or just add a note in its README stating that it's archived, and why.

[brookslybrand]

@imaitland This is a decision made with Brooks over discord, without being aware of the issue you're posting. Thank you for bringing it to our attention 🙏🏼

The idea was that the jokes tutorial was retried from the documentation, and we weren't interested in maintaining a legacy Remix v1 app.

CC'ing @brookslybrand to have a new look at this decision. Maybe we could spend some time fixing the example, or just add a note in its README stating that it's archived, and why.

Yep, that is correct. Someone is definitely welcome to submit a PR to fix the issue for anyone who still finds the tutorial useful, but since it is not the official tutorial the Remix team is not focused on moving it to v2.

I do like the idea @machour of adding a note to the README about why it is archived