refactor(ui): flatten structure without src

packages/expo-atlas-ui/src/app/_layout.tsx → packages/expo-atlas-ui/app/_layout.tsx

@@ -1,4 +1,3 @@
-import '~/styles-expo.css';
 import '~/styles.css';
 
 import { Slot } from 'expo-router';

packages/expo-atlas-ui/src/styles-expo.css → packages/expo-atlas-ui/global.css

@@ -1,3 +1,37 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  background-color: var(--expo-theme-background-screen);
+  color: var(--expo-theme-text-default);
+}
+
+html, body, #root {
+  height: auto;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+}
+
+#root {
+  display: flex;
+}
+
+@layer components {
+  .shiki code {
+    @apply grid grid-cols-[auto,1fr];
+  }
+
+  .shiki .line-number {
+    @apply px-4 text-right select-none;
+  }
+
+  .shiki .line {
+    @apply pr-4;
+  }
+}
+
 /* This is a copy without the radix imports, which are not supported in Expo Router */
 :root {
   --expo-color-white: #fff;

packages/expo-atlas-ui/metro.config.js

@@ -5,7 +5,7 @@ const path = require('path');
 
 // Load Expo's default config, with NativeWind support
 const config = withNativeWind(getDefaultConfig(__dirname, { isCSSEnabled: true }), {
-  input: './src/styles.css',
+  input: './global.css',
 });
 
 // Move the Metro cache to `node_modules/.cache`
@@ -38,7 +38,7 @@ config.resolver.resolveRequest = (context, moduleName, platform) => {
 // Initialize the Expo Atlas global data source in development
 if (process.env.NODE_ENV === 'development') {
   const { AtlasFileSource } = require('expo-atlas/build/src/data/AtlasFileSource');
-  const filePath = path.resolve(__dirname, './fixture/expo-51-default.jsonl');
+  const filePath = path.resolve(__dirname, './_fixtures/expo-51-default.jsonl');
 
   // To test the example app, use this instead after exporting the apps/example
   // const filePath = path.resolve(__dirname, '../../apps/example/.expo/atlas.jsonl');

packages/expo-atlas-ui/package.json

@@ -1,8 +1,8 @@
 {
   "private": true,
   "name": "expo-atlas-ui",
-  "version": "0.0.1-private",
-  "main": "src/index.ts",
+  "version": "0.0.0",
+  "main": "expo-router/entry",
   "scripts": {
     "build": "expo export --platform web --output-dir ../expo-atlas/build/atlas-ui",
     "clean": "git clean -xdf build",

packages/expo-atlas-ui/tailwind.config.js

@@ -3,7 +3,7 @@ const expoTheme = require('@expo/styleguide/tailwind');
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   ...expoTheme,
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  content: ['./{app,components,providers,ui}**/*.{js,jsx,ts,tsx}'],
   presets: [require('nativewind/preset')],
   plugins: [require('tailwindcss-animate'), require('tailwind-gradient-mask-image')],
 };