improve task list appearance in READMEs, update Nightly link, bumps (#2244)

Author: Simek

bun.lock

@@ -211,7 +211,7 @@ function generateSecondaryData(library: LibraryType, skipExamples: boolean): Met
           icon: <NightlyTest style={iconColor} width={18} height={18} />,
           content: (
             <A
-              href="https://react-native-community.github.io/nightly-tests/"
+              href={`https://react-native-community.github.io/nightly-tests/?q=${encodeURIComponent(library.npmPkg)}`}
               style={paragraphStyles}
               hoverStyle={hoverStyle}>
               Nightly Program

components/Library/MetaData.tsx

@@ -10,7 +10,7 @@ import remarkGfm from 'remark-gfm';
 import useSWR from 'swr';
 
 import { A, P } from '~/common/styleguide';
-import { ReadmeFile } from '~/components/Icons';
+import { Check, ReadmeFile } from '~/components/Icons';
 import ReadmeHeading from '~/components/Package/ReadmeHeading';
 import rndDark from '~/styles/shiki/rnd-dark.json';
 import rndLight from '~/styles/shiki/rnd-light.json';
@@ -200,6 +200,19 @@ export default function ReadmeBox({ packageName, githubUrl, isTemplate, loader =
                   </details>
                 );
               },
+              input: ({ type, checked, ...rest }: any) => {
+                if (type === 'checkbox') {
+                  const isChecked = Boolean(checked);
+                  return (
+                    <div
+                      className="checkbox"
+                      style={tw`m-0 box-border size-4 items-center justify-center rounded border border-solid border-palette-gray3 bg-palette-gray2 dark:border-powder dark:bg-palette-gray6`}>
+                      {isChecked && <Check style={tw`size-3 text-success`} />}
+                    </div>
+                  );
+                }
+                return <input type={type} {...rest} />;
+              },
             }}
             rehypePlugins={[rehypeRaw, rehypeSanitize]}
             remarkPlugins={[remarkGfm, remarkEmoji]}>

components/Package/ReadmeBox.tsx

@@ -33,7 +33,7 @@
     "@visx/xychart": "^3.12.0",
     "crypto-js": "^4.2.0",
     "es-toolkit": "^1.44.0",
-    "expo": "55.0.2",
+    "expo": "55.0.4",
     "expo-font": "^55.0.4",
     "next": "^16.1.6",
     "node-emoji": "^2.2.0",
@@ -42,7 +42,7 @@
     "react-content-loader": "^7.1.2",
     "react-dom": "19.2.4",
     "react-easy-linkify": "^1.0.8",
-    "react-native": "0.84.0",
+    "react-native": "0.84.1",
     "react-native-safe-area-context": "^5.7.0",
     "react-native-svg": "^15.15.3",
     "react-native-web": "^0.21.2",
@@ -51,7 +51,7 @@
     "rehype-sanitize": "^6.0.0",
     "remark-emoji": "^5.0.2",
     "remark-gfm": "^4.0.1",
-    "swr": "^2.4.0",
+    "swr": "^2.4.1",
     "tailwindcss": "^3.4.19",
     "twrnc": "^4.16.0",
     "use-debounce": "^10.1.0"
@@ -68,7 +68,7 @@
     "browserslist": "^4.28.1",
     "cheerio": "^1.2.0",
     "dotenv": "^17.3.1",
-    "lint-staged": "^16.2.7",
+    "lint-staged": "^16.3.0",
     "next-compose-plugins": "^2.2.1",
     "next-fonts": "^1.5.1",
     "next-images": "^1.8.5",

package.json

@@ -10531,10 +10531,11 @@
     "expoGo": true
   },
   {
-    "githubUrl": "https://github.com/jpudysz/react-native-unistyles",
+    "githubUrl": "https://github.com/jpudysz/react-native-unistyles/tree/main/packages/unistyles",
+    "npmPkg": "react-native-unistyles",
     "examples": [
-      "https://github.com/jpudysz/react-native-unistyles/tree/main/example",
-      "https://github.com/jpudysz/react-native-unistyles/tree/main/expo-example"
+      "https://github.com/jpudysz/react-native-unistyles/tree/main/apps/example",
+      "https://github.com/jpudysz/react-native-unistyles/tree/main/apps/expo-example"
     ],
     "ios": true,
     "android": true,

react-native-libraries.json

@@ -565,9 +565,27 @@ select {
     + div[data-table-wrapper] {
       margin-top: 12px;
     }
+
+    &.contains-task-list {
+      padding-inline-start: 0;
+    }
   }
 
   li {
+    &.task-list-item {
+      position: relative;
+      display: block;
+      padding-left: 20px;
+      margin: 1px 0;
+
+      .checkbox {
+        display: inline-flex;
+        position: absolute;
+        top: 2px;
+        left: -4px;
+      }
+    }
+
     div:last-child {
       margin-bottom: 8px;
     }