hub / github.com/Renovamen/playground-macos
github.com/Renovamen/playground-macos @main
Chat with this repo
170 symbols
306 edges
59 files
0 documented · 0%
14 cross-repo links
● updated 2y ago★ 3,4857 open issues
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
playground-macos
My portfolio website simulating macOS's GUI: https://portfolio.zxh.me
Powered by React + Zustand + UnoCSS + TypeScript + Vite.
Usage
Clone the repo and install dependencies:
pnpm install
Start dev server (with hot reloading):
pnpm dev
Build for production with minification to the dist folder:
pnpm build
Changelog
-
Update 2023.06.26: Improve FaceTime.
-
Update 2021.12.05: Simulated the device's actual battery state using Battery API, displaying 100% charge on unsupported browsers.
-
Update 2021.12.05: Refactored for cleaner code by utilizing functional components and hooks. Refer to this branch for the previous version implemented with class components.
Credits
License
Extension points exported contracts — how you extend this code
HTMLAttributes (Interface)
(no doc)
src/vite-env.d.ts
MacActions (Interface)
(no doc)
src/types/index.d.ts
LaunchpadProps (Interface)
(no doc)
src/components/Launchpad.tsx
FsDocumentElement (Interface)
(no doc)
src/utils/screen.ts
DockSlice (Interface)
(no doc)
src/stores/slices/dock.ts
DesktopState (Interface)
(no doc)
src/pages/Desktop.tsx
browse all types & interfaces →
Core symbols most depended-on inside this repo
Shape
Languages
TypeScript100%
Modules by API surface
src/components/apps/Bear.tsx15 symbols
src/components/Spotlight.tsx15 symbols
src/components/menus/TopBar.tsx14 symbols
src/pages/Desktop.tsx12 symbols
src/components/apps/Safari.tsx10 symbols
src/components/apps/Terminal.tsx9 symbols
src/components/AppWindow.tsx8 symbols
src/hooks/useBattery.ts7 symbols
src/components/apps/FaceTime.tsx6 symbols
src/utils/screen.ts5 symbols
src/pages/Login.tsx4 symbols
src/index.tsx4 symbols
Dependencies from manifests, versioned
@iconify/json2.2.205 · 1×
@milkdown/core7.3.6 · 1×
@milkdown/plugin-history7.3.6 · 1×
@milkdown/plugin-listener7.3.6 · 1×
@milkdown/preset-commonmark7.3.6 · 1×
@milkdown/preset-gfm7.3.6 · 1×
@milkdown/react7.3.6 · 1×
@renovamen/eslint-config0.1.7 · 1×
@renovamen/prettier-config0.1.7 · 1×
@rooks/use-raf4.11.2 · 1×
@types/node20.12.8 · 1×
@types/react18.3.1 · 1×
For agents
$ claude mcp add playground-macos \
-- python -m otcore.mcp_server <graph>