Skip to content

skeleton@2025.1.0

Compare
Choose a tag to compare
@shopify-github-actions-access shopify-github-actions-access released this 30 Jan 21:35
· 4 commits to main since this release
76a82ce

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 @wizardlyhel

    In 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

  • Bump SFAPI to 2025-01 (#2715) by @rbshop

  • Updated dependencies [fdab06f5, ae6d71f0, 650d57b3, 064de138]: