Nate Wienert natew
natew
/ tamagui_example_themebuilder_themes.ts
Last active
March 16, 2026 22:33
Code showing Tamagui ThemeBuilder generating the site theme suite
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { | |
| blue, | |
| blueDark, | |
| gray, | |
| grayDark, | |
| green, | |
| greenDark, | |
| orange, | |
| orangeDark, | |
| pink, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "apc.activityBar": { | |
| "position": "bottom", | |
| "hideSettings": true, | |
| "size": 20 | |
| }, | |
| "apc.statusBar": { | |
| "position": "editor-bottom", | |
| "height": 22, |
natew
/ new-button.tsx
Last active
May 15, 2023 06:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { animation, Button, Card, Geometry, Row, Title, View } from '@o/ui' | |
| import React from 'react' | |
| export const TestCarousel = () => { | |
| const apps = [{ title: 'ok' }, { title: 'ok2' }, { title: 'ok3' }, { title: 'o4' }] | |
| const carousel = animation(() => ({ | |
| scrollLeft: 0, | |
| zoomed: false, | |
| })) | |
| /** |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { always, AppDefinition, AppIcon, createUsableStore, ensure, getAppDefinition, react, shallow, Templates, useReaction } from '@o/kit' | |
| import { AppBit } from '@o/models' | |
| import { Card, CardProps, fuzzyFilter, idFn, Row, useIntersectionObserver, useNodeSize, useParentNodeSize, useTheme, View } from '@o/ui' | |
| import { numberBounder, numberScaler } from '@o/utils' | |
| import React, { createRef, memo, useEffect, useLayoutEffect, useRef, useState } from 'react' | |
| import { to, useSpring, useSprings } from 'react-spring' | |
| import { useGesture } from 'react-use-gesture' | |
| import { om, useOm } from '../../om/om' | |
| import { queryStore } from '../../om/stores' |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { ensure, useReaction } from '@mcro/use-store' | |
| import { getTargetValue, List, searchBits, TreeList, useTreeList } from '@o/kit' | |
| import { Button, InputRow, Panel, preventDefault, useToggle, View } from '@o/ui' | |
| import { flow } from 'lodash' | |
| import React, { useState } from 'react' | |
| export function ListsAppIndex() { | |
| const treeList = useTreeList('list') | |
| const [addQuery, setAddQuery] = useState('') | |
| const [showSearch, toggleShowSearch] = useToggle(false) |
natew
/ gist:e68de34e98543bb06112e27190963f71
Created
August 24, 2018 22:05
This file has been truncated, but you can view the full file.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ➜ orbit-app git:(nate/dev) ✗ PUNDLE=true npm start | |
| > @mcro/orbit-app@2.2.1 start /Users/nw/projects/motion/orbit/app/orbit-app | |
| > ./scripts/start.sh | |
| Process on port 3002 killed | |
| start w pundle | |
| Starting Dev Server at http://localhost:3002/ (with resetted cache) | |
| Static mappings: | |
| / ~> /Users/nw/projects/motion/orbit/app/orbit-app/public |
natew
/ debug-puppeteer.js
Created
July 21, 2018 16:32
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import r2 from '@mcro/r2' | |
| import puppeteer from 'puppeteer' | |
| import * as _ from 'lodash' | |
| const sleep = ms => new Promise(res => setTimeout(res, ms)) | |
| const onFocus = page => { | |
| return page.evaluate(() => { | |
| return new Promise(res => { | |
| if (document.hasFocus()) { | |
| res() |
natew
/ cloudSettings
Last active
September 10, 2018 04:09
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"lastUpload":"2018-09-10T04:09:36.947Z","extensionVersion":"v3.0.0"} |
natew
/ parallax.js
Created
July 2, 2018 23:55
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| import PropTypes from 'prop-types' | |
| import { | |
| controller, | |
| AnimatedValue, | |
| createAnimatedComponent, | |
| SpringAnimation, | |
| config, | |
| } from 'react-spring' | |
| import * as _ from 'lodash' |