skeleton@2025.1.0
shopify-github-actions-access
released this
30 Jan 21:35
·
4 commits
to main
since this release
Patch Changes
-
Bump vite, Remix versions and tailwind v4 alpha to beta (#2696) by @wizardlyhel
-
Workaround for "Error: failed to execute 'insertBefore' on 'Node'" that sometimes happen during development. (#2701) by @wizardlyhel
// root.tsx /** * The main and reset stylesheets are added in the Layout component * to prevent a bug in development HMR updates. * * This avoids the "failed to execute 'insertBefore' on 'Node'" error * that occurs after editing and navigating to another page. * * It's a temporary fix until the issue is resolved. * https://github.com/remix-run/remix/issues/9242 */ export function links() { return [ - {rel: 'stylesheet', href: resetStyles}, - {rel: 'stylesheet', href: appStyles}, { rel: 'preconnect', href: 'https://cdn.shopify.com', }, { rel: 'preconnect', href: 'https://shop.app', }, {rel: 'icon', type: 'image/svg+xml', href: favicon}, ]; } ... export function Layout({children}: {children?: React.ReactNode}) { const nonce = useNonce(); const data = useRouteLoaderData<RootLoader>('root'); return ( <html lang="en"> <head> <meta charSet="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> + <link rel="stylesheet" href={resetStyles}></link> + <link rel="stylesheet" href={appStyles}></link>
-
Turn on future flag
v3_lazyRouteDiscovery
(#2702) by @wizardlyhelIn your vite.config.ts, add the following line:
export default defineConfig({ plugins: [ hydrogen(), oxygen(), remix({ presets: [hydrogen.preset()], future: { v3_fetcherPersist: true, v3_relativeSplatPath: true, v3_throwAbortReason: true, + v3_lazyRouteDiscovery: true, }, }), tsconfigPaths(), ],
Test your app by running
npm run dev
and nothing should break -
Fix image size warnings on collections page (#2703) by @wizardlyhel
-
Bump cli version (#2732) by @wizardlyhel
-
Updated dependencies [
fdab06f5
,ae6d71f0
,650d57b3
,064de138
]:- @shopify/remix-oxygen@2.0.10
- @Shopify/hydrogen@2025.1.0