Skip to content

Instantly share code, notes, and snippets.

View nautilytics's full-sized avatar

Nautilytics nautilytics

View GitHub Profile
@nautilytics
nautilytics / Button_Comparison.md
Created December 5, 2025 15:18
A comparison of www-ui-theme and Figma Compass V2

Button Component Comparison: Figma vs. Repo

Property Figma (Compass v2) Repo (MUI Theme) Difference
Variants Contained, Text contained, outlined, text Repo has extra outlined variant not in Figma
Sizes Large, Small medium, small Naming differs; Figma "Large" ≈ Repo "medium"
Colors Primary, Critical primary, secondary, success, inherit Figma has Critical (red); Repo lacks Critical but has secondary/success
States Enabled, Hovered, Disabled, Focused, Pressed, Loading Enabled, Hover, Disabled, Focus, Active (via &:active) Repo lacks explicit Loading state styling

Border Radius

@nautilytics
nautilytics / maestro-e2e-android.yml
Created October 24, 2025 19:05
A sample EAS workflow for running Maestro tests against an Android build
name: Maestro E2e Tests - Android
on:
push:
branches: ['main']
jobs:
fingerprint:
type: fingerprint
environment: preview
@nautilytics
nautilytics / PayFrom.tsx
Created October 17, 2025 16:32
A React native code snippet generated by AI from a Figma mock
// generted by Figma MCP and Claude Sonnet 4.5 in Copilot
import React from 'react';
import {
View,
Text,
TouchableOpacity,
StyleSheet,
StatusBar,
Image,
@nautilytics
nautilytics / index.ts
Created October 10, 2025 15:48
Bring Percy snapshots into Figma
// This file holds the main code for plugins. Code in this file has access to
// the *figma document* via the figma global object.
// You can access browser APIs in the <script> tag inside "ui.html" which has a
// full browser environment (See https://www.figma.com/plugin-docs/how-plugins-run).
const PERCY_TOKEN = ''
const BASE_PERCY_API_URL = ''
type PercyBuild = {
data: [{ id: string }]
@nautilytics
nautilytics / React Native New Architecture Migration.md
Created October 1, 2025 14:34
React Native New Architecture Migration

React Native New Architecture Migration - Executive Summary

Current Status ✅

Your app is already running on the New Architecture!

  • ✅ React Native 0.76.9 (New Architecture enabled by default)
  • ✅ Expo SDK 52.0.47 (Full New Architecture support)
  • ✅ Hermes JS Engine enabled
  • newArchEnabled: true configured in app.config.ts
@nautilytics
nautilytics / handler.js
Last active April 15, 2025 20:28
Serverless code for deploying trade-net-v2 API endpoints via AWS
'use strict'
const query = require('./query')
const { to } = require('await-to-js')
const middy = require('middy')
const { cors } = require('middy/middlewares')
const getCountries = async () => {
let err
let results
@nautilytics
nautilytics / Typography.tsx
Created May 21, 2024 17:31
Typography.tsx
import { PropsWithChildren, FC } from 'react'
import classnames from 'classnames'
type TypographyProps = PropsWithChildren<{ color?: string; className?: string; title?: string }>
export const H1: FC<TypographyProps> = ({
children,
color = '',
className: customClasses,
...props
@nautilytics
nautilytics / README.md
Created January 17, 2024 23:42
Setting up formatting and GitHub actions

Installation Instructions

GitHub Action

  • Inspiration from WPILib
  • Create a new file in .github/workflows/build.yml
  • Copy the contents of build.yml into that new file

Formatting

@nautilytics
nautilytics / mui-style-utils.ts
Created October 5, 2022 22:36
An example of extending the MUI style utility functions and a custom theme
import {createStyled} from '@mui/system';
import {useTheme} from '@mui/material';
import type { MuiCustomThemeT } from './types';
export const muiStyled = createStyled<MuiCustomThemeT>();
export const muiUseTheme = useTheme<MuiCustomThemeT>();
@nautilytics
nautilytics / pull_request_template.txt
Last active September 13, 2022 19:50
A sample GitHub pull request template w a Release Notes section
## Dev Summary
[Figma](link)
[JIRA](link)
<!-- A detailed outline of what this pull requests includes -->
## Release Notes
<!--