{"_id":"@asagiri-design/tw-mui","_rev":"1-349bedb3ed8f96df98457f8e7c02f7d7","name":"@asagiri-design/tw-mui","dist-tags":{"latest":"0.1.0"},"versions":{"0.0.1":{"name":"@asagiri-design/tw-mui","version":"0.0.1","author":"","license":"ISC","_id":"@asagiri-design/tw-mui@0.0.1","maintainers":[{"name":"asagiri-design","email":"ito.atsu.mail@gmail.com"}],"dist":{"shasum":"cc803bf649c59897eda4e81a050fdee72159c73e","tarball":"https://registry.npmjs.org/@asagiri-design/tw-mui/-/tw-mui-0.0.1.tgz","fileCount":38,"integrity":"sha512-aHSfVnKg7ylg9l3Oc1hpLNxeJ8kNJ+N7O8MR3YH3JCYM8F3EQJt/8/PbayQvkZAX0RdREyTSC7/bkRN7sgnuBg==","signatures":[{"sig":"MEQCIEnW1unTlLw1o/Fp6FzM6Y6B7ldOmbe7GeW75uFc/tLWAiBJ6KyQZoy3sW7BD8WDggY0qFzKxeXwQ/ubL6zCN1nJRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":198909},"main":"dist/tw-mui.umd.js","husky":{"hooks":{"post-merge":"chmod +x .husky/pre-commit && yarn run prepare","post-checkout":"chmod +x .husky/pre-commit && yarn run prepare"}},"types":"dist/index.d.ts","volta":{"node":"20.13.1","yarn":"1.22.22"},"module":"dist/tw-mui.es.js","gitHead":"dfebaebb7fae9707f3cf27783c42fd5e175f7c20","private":false,"scripts":{"build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"asagiri-design","email":"ito.atsu.mail@gmail.com"},"_npmVersion":"10.5.2","description":"A simple React component library with Material-UI and TailwindCSS","directories":{},"lint-staged":{"*.{js,jsx,ts,tsx}":["yarn run fix"]},"_nodeVersion":"20.13.1","dependencies":{"init":"^0.1.2","react":"^18.2.0","mapbox-gl":"^3.3.0","react-dom":"^18.2.0","cli-table3":"^0.6.4","maplibre-gl":"^4.5.0","memoizerific":"^1.11.3","string-width":"^4.2.2","@mui/material":"^5.15.18","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","map-or-similar":"^1.5.0","@emotion/styled":"^11.11.5","react-router-dom":"^6.23.1","@types/maplibre-gl":"^1.14.0","@mui/icons-material":"^5.15.21","@tailwindcss/typography":"^0.5.13","@types/react-router-dom":"^5.3.3","@tailwindcss/aspect-ratio":"^0.4.2"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.2.0","husky":"^9.0.11","globals":"^15.1.0","postcss":"^8.4.38","storybook":"^8.2.9","typescript":"^5.2.2","lint-staged":"^15.2.4","tailwindcss":"^3.4.7","@types/react":"^18.2.66","autoprefixer":"^10.4.19","react-map-gl":"^7.1.7","@biomejs/biome":"^1.8.0","@storybook/test":"^8.2.9","@storybook/react":"^8.2.9","@types/react-dom":"^18.2.22","@storybook/blocks":"^8.2.9","@tailwindcss/forms":"^0.5.7","@vitejs/plugin-react":"^4.3.1","@storybook/addon-a11y":"^8.2.9","@storybook/react-vite":"^8.2.9","@storybook/addon-links":"^8.2.9","@chromatic-com/storybook":"^1.6.1","@storybook/addon-styling":"^1.3.7","@fullhuman/postcss-purgecss":"^6.0.0","@storybook/addon-essentials":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/addon-interactions":"^8.2.9"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5"},"_npmOperationalInternal":{"tmp":"tmp/tw-mui_0.0.1_1724099120869_0.301073533806252","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"@asagiri-design/tw-mui","version":"0.1.0","types":"types.d.ts","description":"A simple React component library with Material-UI and TailwindCSS","main":"dist/tw-mui.umd.js","module":"dist/tw-mui.es.js","private":false,"scripts":{"prepublishOnly":"npm run build","dev":"vite","build":"vite build","format":"yarn biome format --write .","lint":"yarn biome lint --write ./src","fix":"yarn run lint && yarn run format","preview":"vite preview","storybook":"storybook dev -p 6006","sb-build":"storybook build","prepare":"husky install","build-all":"yarn run build && yarn run sb-build"},"peerDependencies":{"@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/material":"^5.15.18","react":"^18.2.0","react-dom":"^18.2.0"},"dependencies":{"@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.21","@mui/material":"^5.15.18","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/typography":"^0.5.13","@types/maplibre-gl":"^1.14.0","@types/react-router-dom":"^5.3.3","cli-table3":"^0.6.4","init":"^0.1.2","map-or-similar":"^1.5.0","mapbox-gl":"^3.3.0","maplibre-gl":"^4.5.0","memoizerific":"^1.11.3","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.23.1","string-width":"^4.2.2"},"devDependencies":{"@biomejs/biome":"^1.8.0","@chromatic-com/storybook":"^1.6.1","@fullhuman/postcss-purgecss":"^6.0.0","@storybook/addon-a11y":"^8.2.9","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/addon-styling":"^1.3.7","@storybook/blocks":"^8.2.9","@storybook/react":"^8.2.9","@storybook/react-vite":"^8.2.9","@storybook/test":"^8.2.9","@tailwindcss/forms":"^0.5.7","@types/react":"^18.2.66","@types/react-dom":"^18.2.22","@vitejs/plugin-react":"^4.3.1","autoprefixer":"^10.4.19","globals":"^15.1.0","husky":"^9.0.11","lint-staged":"^15.2.4","postcss":"^8.4.38","react-map-gl":"^7.1.7","storybook":"^8.2.9","tailwindcss":"^3.4.7","typescript":"^5.2.2","vite":"^5.4.1","vite-plugin-dts":"^4.0.3"},"lint-staged":{"*.{js,jsx,ts,tsx}":["yarn run fix"]},"husky":{"hooks":{"post-checkout":"chmod +x .husky/pre-commit && yarn run prepare","post-merge":"chmod +x .husky/pre-commit && yarn run prepare"}},"volta":{"node":"20.13.1","yarn":"1.22.22"},"author":"","license":"ISC","_id":"@asagiri-design/tw-mui@0.1.0","gitHead":"219dfed2bd03d6e62864c5b2d68a44dc1ef43174","_nodeVersion":"20.13.1","_npmVersion":"10.5.2","dist":{"integrity":"sha512-0SiCpdlOZK7ub/N5518WUMatQcfYCmmNXwSpEviR1hjCe0MFvTI06t3Ma/Y6jvQlAT151/EFzW/FzXUfAFw3wQ==","shasum":"62a511b5ffde66ed80ef90b9682df29f0534bf79","tarball":"https://registry.npmjs.org/@asagiri-design/tw-mui/-/tw-mui-0.1.0.tgz","fileCount":38,"unpackedSize":199269,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrwH8EzqnYXv7s4oHGy8mcb8lqvbhSmxxyZHYjkzlQUgIgVQ0emye8Ua70ZAJfNDHdLU30jcUc7KicAAK6xra/LbQ="}]},"_npmUser":{"name":"asagiri-design","email":"ito.atsu.mail@gmail.com"},"directories":{},"maintainers":[{"name":"asagiri-design","email":"ito.atsu.mail@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tw-mui_0.1.0_1724107204207_0.37329447882378153"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-19T20:25:20.796Z","modified":"2024-08-19T22:40:04.533Z","0.0.1":"2024-08-19T20:25:21.047Z","0.1.0":"2024-08-19T22:40:04.345Z"},"license":"ISC","description":"A simple React component library with Material-UI and TailwindCSS","maintainers":[{"name":"asagiri-design","email":"ito.atsu.mail@gmail.com"}],"readme":"# Dev Docs\n\nこのドキュメントは柔軟に適時に更新される想定です\n\n## 基本環境構築\n\n### .env ファイルの配置\n\n```sh\ncp -p .env.example .env\n```\n\n### 依存パッケージのインストール\n\n```sh\nyarn install\n```\n\n### ローカル開発サーバを起動\n\n```sh\nyarn dev\n```\n\n### プロダクション用ビルド\n\n```sh\nyarn build\n```\n\n### Node 管理\n\nVolta 推奨(任意)\n\n```sh\n# install Volta\n$ curl https://get.volta.sh | bash\n# or\n$ brew install volta\n$ volta setup\n$ cat ~/.zshrc（各自の環境ファイル）\n\nexport VOLTA_HOME=\"$HOME/.volta\"\nexport PATH=\"$VOLTA_HOME/bin:$PATH\"\n\n```\n\n#### Volta ドキュメント\n\n- [Volta のインストールと使い方 #Node.js - Qiita](https://qiita.com/YoshinoriKanno/items/1a41b840a68dea2fb7e7)\n- \n- [brew install voltahttps://formulae.brew.sh/formula/volta](https://formulae.brew.sh/formula/volta)\n\n## 自動整形\n\n### VSCode 拡張ツール\n\n- Biome \n- ErrorLens \n- MarkdownLint \n \nVSCode拡張検索枠に @recommended を入力すると、この開発環境に必要な拡張機能が表示されます\n\n\n\n#### VSCode 設定\n\n基本的に上記拡張ツール２点入れれば使えるはずですが、`Cmd + S`で自動整形されない、動かない場合は以下を確認\n\n- `Cmd + Shift + P` 「フォーマット」\n- フォーマットを Biome に選択、既定ツールにする\n- `Cmd + ,（カンマ）`\n- ワークスペース\n- Formt on Save をオン\n\n### 運用\n\n#### コミット・プッシュ前に\n\n- `yarn fix`で全ファイル一括整形+自動改善可能なものは自動改善\n- この操作を習慣づけることで個々の書式による差分がなくなり、エラー検知も常時行える\n- 動的な箇所の変更などで挙動やデプロイの懸念がある場合は`yarn build`を実行し、エラーが無いか確認する\n\n↑\n\n##### husky にて自動化\n\nもし`git commit`を実行した時に自動で`yarn fix`が走らなければ Local に husky が入っていません。その時は以下の操作をして husky を入れてください\n\n```sh\nyarn prepare\n# or\nyarn add husky --dev\nnpx husky install\nchmod -R +x .husky\n```\n\nその後、`git commit`を実行して`yarn fix`が走っているか確認してください\n\n## React + TypeScript + Vite + Biome\n\n- [React公式ドキュメント](https://ja.react.dev/blog/2023/03/16/introducing-react-dev/)：Reactの基本概念、チュートリアル、APIリファレンスなど\n- [TypeScriptハンドブック](https://www.typescriptlang.org/)：TypeScriptの言語機能、ベストプラクティス、サンプルコードなど\n- [Vite公式ドキュメント](https://ja.vitejs.dev/)：Viteの設定、プラグイン、ビルドオプションなど\n- [Biome公式ドキュメント](https://biomejs.dev/ja)：Biomeの設定、ルール、オプション設定など\n","readmeFilename":"README.md"}