Bluesky's "Application Layout Framework"

chore: format

+47 -40
+3
.prettierignore
··· 1 + node_modules 2 + dist 3 + .expo
+3 -3
demo/index.js
··· 1 - import { registerRootComponent } from 'expo'; 1 + import {registerRootComponent} from 'expo' 2 2 3 - import App from './App'; 3 + import App from './App' 4 4 5 5 // registerRootComponent calls AppRegistry.registerComponent('main', () => App); 6 6 // It also ensures that whether you load the app in Expo Go or in a native build, 7 7 // the environment is set up appropriately 8 - registerRootComponent(App); 8 + registerRootComponent(App)
+2 -1
package.json
··· 10 10 ], 11 11 "scripts": { 12 12 "build": "rm -rf dist && tsc", 13 - "typecheck": "tsc --noEmit" 13 + "typecheck": "tsc --noEmit", 14 + "format": "prettier --write ." 14 15 }, 15 16 "keywords": [ 16 17 "bluesky",
+33 -27
src/atoms/index.native.ts
··· 45 45 curve_continuous: ios({ 46 46 borderCurve: 'continuous', 47 47 }), 48 - shadow_sm: isFabric ? {} : { 49 - shadowRadius: 4, 50 - shadowOpacity: 0.1, 51 - elevation: 8, 52 - shadowOffset: { 53 - width: 0, 54 - height: 4, 55 - } 56 - }, 57 - shadow_md: isFabric ? {} : { 58 - shadowRadius: 8, 59 - shadowOpacity: 0.1, 60 - elevation: 16, 61 - shadowOffset: { 62 - width: 0, 63 - height: 8, 64 - } 65 - }, 66 - shadow_lg: isFabric ? {} : { 67 - shadowRadius: 16, 68 - shadowOpacity: 0.1, 69 - elevation: 32, 70 - shadowOffset: { 71 - width: 0, 72 - height: 16, 73 - } 74 - }, 48 + shadow_sm: isFabric 49 + ? {} 50 + : { 51 + shadowRadius: 4, 52 + shadowOpacity: 0.1, 53 + elevation: 8, 54 + shadowOffset: { 55 + width: 0, 56 + height: 4, 57 + }, 58 + }, 59 + shadow_md: isFabric 60 + ? {} 61 + : { 62 + shadowRadius: 8, 63 + shadowOpacity: 0.1, 64 + elevation: 16, 65 + shadowOffset: { 66 + width: 0, 67 + height: 8, 68 + }, 69 + }, 70 + shadow_lg: isFabric 71 + ? {} 72 + : { 73 + shadowRadius: 16, 74 + shadowOpacity: 0.1, 75 + elevation: 32, 76 + shadowOffset: { 77 + width: 0, 78 + height: 16, 79 + }, 80 + }, 75 81 inline: {}, 76 82 block: {}, 77 83 pointer: {},
+3 -6
src/themes.ts
··· 94 94 /** 95 95 * Specific theme name, including low-contrast variants 96 96 */ 97 - export type ThemeName = 98 - | 'light' 99 - | 'dark' 100 - | 'dim' 97 + export type ThemeName = 'light' | 'dark' | 'dim' 101 98 102 99 /** 103 100 * A theme object, containing the color palette and atoms for the theme ··· 236 233 palette: invertPalette(defaultPalette), 237 234 options: { 238 235 shadowOpacity: 0.4, 239 - } 236 + }, 240 237 }) 241 238 const dim = createTheme({ 242 239 scheme: 'dark', ··· 244 241 palette: invertPalette(subduedPalette), 245 242 options: { 246 243 shadowOpacity: 0.4, 247 - } 244 + }, 248 245 }) 249 246 250 247 return {
+1 -1
src/utils/flatten/index.native.ts
··· 1 - import { StyleSheet } from 'react-native' 1 + import {StyleSheet} from 'react-native' 2 2 3 3 export const flatten = StyleSheet.flatten
+1 -1
src/utils/flatten/index.web.ts
··· 1 - import { StyleSheet } from 'react-native' 1 + import {StyleSheet} from 'react-native' 2 2 3 3 export const flatten = StyleSheet.flatten
+1 -1
tsconfig.json
··· 15 15 "module": "CommonJS", 16 16 "target": "ES2020", 17 17 "lib": ["ES2023", "DOM", "DOM.Iterable"], 18 - "outDir": "./dist", 18 + "outDir": "./dist" 19 19 }, 20 20 "include": ["src"], 21 21 "exclude": ["node_modules", "dist", "test", "**/*spec.ts"]