Remix treats nested routes files differently. Its not simply a flat list of routes. Take this example-
routes
team
index.js
$username.js
team.js
| <Button .+ appearance.+> |
| #!/usr/bin/osascript -l JavaScript | |
| // Required parameters: | |
| // @raycast.schemaVersion 1 | |
| // @raycast.title Clear Notifications | |
| // @raycast.mode silent | |
| // Optional parameters: | |
| // @raycast.icon 🤖 |
| /** @jsx slot */ | |
| const selectConfig = ( | |
| <group title="Members" element={<MemberGroup />}> | |
| <option> | |
| First Option | |
| </option> | |
| <divider /> | |
| {members.map((member) => ( | |
| <option element={<SuggestionOption member={member} />}> |
| import { render } from "solid-js/web"; | |
| import { createSignal, createEffect, createMemo, onCleanup, Show, Switch, Match } from "solid-js"; | |
| interface ArrayLike<T> { | |
| readonly length: number; | |
| readonly [n: number]: T; | |
| } | |
| function objectEntries<T>(o: { [s: string]: T } | ArrayLike<T>): [string, T][] { | |
| return Object.entries(o); |
| import { test } from '@playwright/test'; | |
| test.describe('When user logged-out', () => { | |
| test('Test login page @flow=auth', async ({ page, context }) => { | |
| await page.goto('https://remix-jokes.lol/login'); | |
| await page.locator('input[name="username"]').fill('itaditya'); | |
| await page.locator('input[name="password"]').fill('random'); | |
| await Promise.all([page.waitForNavigation(), page.locator('text=Submit').click()]); |
| import React, { useState } from 'react'; | |
| import { fireEvent, render, screen } from '@testing-library/react'; | |
| function clickIncrement() { | |
| fireEvent.click( | |
| screen.getByRole('button', { | |
| name: 'Increment', | |
| }), | |
| ); | |
| } |
| function getOs() { | |
| const MOD = /Mac|iPod|iPhone|iPad/.test(navigator.platform) ? 'mac' : 'win'; | |
| } |
| import convertToRoutes from 'your-awesome-oss-pkg'; | |
| const modules = { | |
| 'index.js': IndexComp, | |
| 'about.js': AboutComp, | |
| 'team.js': TeamComp, | |
| 'team/index.js': TeamIndexComp, | |
| 'team/join.js': TeamJoinComp, | |
| 'team/$username.js': TeamMemberComp, | |
| }; |
Remix treats nested routes files differently. Its not simply a flat list of routes. Take this example-
routes
team
index.js
$username.js
team.js