Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merge Development Branch as Release 0.0.6 #53

Merged
merged 55 commits into from
Sep 2, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
55 commits
Select commit Hold shift + click to select a range
5bbf4e6
Update CHANGELOG
shaes-farm Aug 15, 2023
321b7b0
Add sample views to example app
shaes-farm Aug 15, 2023
0ebd21e
Merge branch 'main' into development
shaes-farm Aug 15, 2023
fef8fb6
Merge branch 'main' into development
shaes-farm Aug 15, 2023
e493142
Merge branch 'development' into add-chart-view-to-example
shaes-farm Aug 15, 2023
8d3f459
Add faker data to example views
shaes-farm Aug 16, 2023
652d03a
Update package-lock.json
shaes-farm Aug 16, 2023
abb7641
Add config directory to example app
shaes-farm Aug 17, 2023
a46a04b
Add clean script, update build script
shaes-farm Aug 17, 2023
5fc553a
Move routes to config directory
shaes-farm Aug 17, 2023
de7812b
Move theme to config
shaes-farm Aug 17, 2023
632011c
Move app config and profile to config files
shaes-farm Aug 17, 2023
8421423
Add whitespace
shaes-farm Aug 17, 2023
e20e5f6
Refactor AppShell to more closely resemble MUI template
shaes-farm Aug 17, 2023
b52bd9f
Change example app title
shaes-farm Aug 18, 2023
2bbb691
Prepare CHANGELOG for next release
shaes-farm Aug 18, 2023
2c7025c
Review unit tests for ErrorBoundary
shaes-farm Aug 18, 2023
1b477bd
Remove inaccessible view
shaes-farm Aug 18, 2023
fb3b64f
Remove ts-ignore and alternate to empty string
shaes-farm Aug 18, 2023
cb727a5
Merge branch 'main' into development
shaes-farm Aug 18, 2023
ada8887
Merge branch 'development' into add-chart-view-to-example
shaes-farm Aug 18, 2023
4f4afe8
Improve code coverage on PasswordForm
shaes-farm Aug 18, 2023
b7db7e1
Merge pull request #28 from shaes-farm/add-chart-view-to-example
ted-byrd Aug 18, 2023
7ce7ea1
Update CHANGELOG
shaes-farm Aug 19, 2023
a16bcb4
Update dependency versions
shaes-farm Aug 19, 2023
0a439c1
Improve README
shaes-farm Aug 19, 2023
95d63c0
Update README with development information
shaes-farm Aug 19, 2023
d39d0a1
Refactor: fake data generation
shaes-farm Aug 19, 2023
10e7157
Remove npm run verify step from dev env setup instructions
shaes-farm Aug 19, 2023
1e27a20
Merge branch 'main' into development
shaes-farm Aug 19, 2023
aaedd7c
Clean up example components
shaes-farm Aug 20, 2023
eae1ed1
Changed .nvmrc version to v18
shaes-farm Aug 20, 2023
e6a0c2e
Add 'npm run build' to set up instructions in README
shaes-farm Aug 20, 2023
8f46894
Fix build and clean scripts
shaes-farm Aug 20, 2023
69f6299
Remove CSS stylesheets
shaes-farm Aug 20, 2023
b91d33e
Rename AppShell component to Dashboard
shaes-farm Aug 20, 2023
cba3cd6
Renamed rendered component in AuthShell unit tests
shaes-farm Aug 20, 2023
26315ee
Cleanup README, add section on running Storybook
shaes-farm Aug 20, 2023
78ff668
Remove hello API endpoint from example
shaes-farm Aug 20, 2023
0ba0cc2
Refactor example components to add state
shaes-farm Aug 20, 2023
43eecb7
Upgrade Storybook
shaes-farm Aug 20, 2023
2ec00c8
Add authentication pages
shaes-farm Aug 21, 2023
a383b8f
Add Supabase to the example
shaes-farm Aug 21, 2023
8bb068e
Add instructions for using Supabase in dev environment
shaes-farm Aug 21, 2023
2e6aad2
WIP: Adding Supabase session management
shaes-farm Aug 21, 2023
7287eff
Merge branch 'main' into development
shaes-farm Aug 21, 2023
249e915
Ignore Typescript error
shaes-farm Aug 21, 2023
1c58938
Remove Supabase client calls from Signout component
shaes-farm Aug 21, 2023
5aeb29f
Merge branch 'main' into development
shaes-farm Aug 23, 2023
bc843d3
Merge branch 'main' into development
shaes-farm Aug 24, 2023
eb28053
Merge branch 'main' into development
shaes-farm Aug 28, 2023
59d5b6d
Merge branch 'main' into development
shaes-farm Aug 30, 2023
b9e8773
Refactor scripts in package.json
shaes-farm Sep 2, 2023
aa93cff
0.0.6
shaes-farm Sep 2, 2023
c4cfc0a
Remove ErrorBoundary component (#54)
shaes-farm Sep 2, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .nvmrc
Original file line number Diff line number Diff line change
@@ -1 +1 @@
v18.17.0
v18
95 changes: 94 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ pnpm add @shaes-farm/mui-mas

In Spanish "mui mas" means "much more", and that's what we provide with this component library; much more than the basic set of Material UI components.

We've developed an opinionated set of React components based on [MUI templates](https://mui.com/material-ui/getting-started/templates/) that allow us to quickly construct functionality needed by our applications, with built-in support for MUI, Supabase, and Next.js. With <code>mui-mas</code> we can scaffold an app in minutes, instead of hours, and get functional applications more quickly, customized to our workflows.
We've developed a library of React components based on [MUI templates](https://mui.com/material-ui/getting-started/templates/) that allow us to construct applications with built-in support for MUI, Next, and Supabase. With <code>mui-mas</code> we can spike an app in minutes, instead of hours, quickly getting functional concepts up and customized to our design workflows.

## Early Release

Expand All @@ -42,3 +42,96 @@ We are releasing <code>mui mas</code> as an open-source component library becaus
## Help Us Improve

You can help us make this library better by [creating a pull request](https://github.com/shaes-farm/mui-mas/pulls) with suggestions. We gladly accept bug fixes, improvements, or just show us how you would make the library better able to support a wider choice of use cases. Any ideas, suggestions, and critical reviews are all welcomed as we continue to improve this package for our own needs, [open an issue to send us your feedback](https://github.com/shaes-farm/mui-mas/issues).

## Development Environment Setup

We use the [Node Version Manager](https://github.com/nvm-sh/nvm) to manage our Javascript development environments. See the [documentation](https://github.com/nvm-sh/nvm#installing-and-updating) for more information on installing `nvm` and getting set up.

### Storybook

To start the [Storybook](https://storybook.js.org/) workbench run the following commands:

```sh
cd mui-mas
nvm use
npm i
npm run storybook
```

Once running, visit [http://localhost:6006/](http://localhost:6006/) in your browser to open the storybook workbench.

### Building the Example Application

After installing `nvm`, and cloning the `mui-mas` repository, the component library and the example application are built. To run the example in a development environment, perform the following commands:

```sh
cd mui-mas
nvm use
npm i
npm run build
npm link
npm run db:start
npm run db:reset
cd example
npm i
npm link @shaes-farm/mui-mas
npm run dev
```

### Main Component Library

To automatically see the results of development changes to `mui-mas` components in the example application, open another terminal window, and run:

```sh
cd mui-mas
nvm use
npm run dev
```

This will start the Typescript compiler in watch mode, automatically building any changes to the core components as they occur.

### Supabase

To use [Supabase](https://supabase.com/) in a local development environment, you must have Docker installed. If you need Docker, one possible route is the [Docker Engine Install](https://docs.docker.com/engine/install/), follow the documentation that is appropriate for your platform. Be sure to add your user to the docker group in order to be able to run without root privileges. To test your Docker setup, run the following:

```sh
docker run hello-world
```

You should see the output of the Hello World container. If there are errors, consult the [troubleshooting section](https://docs.docker.com/engine/install/troubleshoot/) of the documentation.

See the instructions for [Getting Started with the Supabase CLI](https://supabase.com/docs/guides/cli/getting-started), and consult the detailed instructions in the [official documentation](https://supabase.com/docs/guides/cli/local-development) for more information on what a local environment is.

Most of the setup has already been performed to use Supabase locally, and once docker is installed, the containers are started with:

```sh
npm run db:start
```

When the command completes, you should see a message similar to the following:

```sh
Seeding data supabase/seed.sql...
Started supabase local development setup.

API URL: http://localhost:54321
GraphQL URL: http://localhost:54321/graphql/v1
DB URL: postgresql://postgres:postgres@localhost:54322/postgres
Studio URL: http://localhost:54323
Inbucket URL: http://localhost:54324
JWT secret: super-secret-jwt-token-with-at-least-32-characters-long
anon key: <secret>
service_role key: <secret>
```

To see this information again after starting, run the following:

```sh
npm run db:status
```

You should be able to access the local Postgres instance using `psql` or any other Postgres client, such as `pgadmin`. For example:

```sh
psql 'postgresql://postgres:postgres@localhost:54322/postgres'
```
Loading