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.

Sign up for GitHub

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

Jump to bottom

Update to vite #15

Merged
merged 7 commits into from
Jul 11, 2023
Merged

Update to vite #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
19dc0e3
switch from CRA to Vite bundler, updated dependencies, enabled defaul…
dvkam Jun 20, 2023
a3eaa96
added transformMixedEsModules to vite.config to resolve require is no…
dvkam Jun 20, 2023
b02698f
updated deps
dvkam Jun 29, 2023
9f652a8
updated dependencies
Jul 9, 2023
45003b8
add more information to readme
dvkam Jul 11, 2023
373a3c6
small change in readme layout
dvkam Jul 11, 2023
accf92f
small change in readme layout
dvkam Jul 11, 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
41 changes: 21 additions & 20 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,24 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
77 changes: 72 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,82 @@ A minimal React setup for starting developing Tezos DApps quickly with Taquito.

`git clone <YOUR_REPOSITORY_URL>`

3. Change your current working directory to the newly cloned repository directory.
4. Install dependencies:
4. Change your current working directory to the newly cloned repository directory.
5. Install dependencies:

`npm install`

5. Start development server:
6. Start development server:

`npm run start`
`npm run dev`

6. Open https://localhost:3000 in your browser to see a sample application.
7. Open http://localhost:5173/ in your browser to see a sample application.

## Building the App

1. Run the command:

`npm run build`

2. After you have build the app you can run it locally:

`npm run preview`

3. Open http://localhost:4173/ in your browser to see the production build.

For more information read the [Vite Guide](https://vitejs.dev/guide/static-deploy.html)

[logo]: https://raw.githubusercontent.com/ecadlabs/taquito-boilerplate/master/assets/built-with-taquito.png "Built with Taquito"

> ## Polyfill
>
> Before we start we need to add the following dependencies in order to not get polyfill issues. The reason for this step is that certain required dependencies are Node APIs, thus not included in Browsers. But still needed for communication and interaction with Wallets and Smart Contracts.
> For a better understanding here are the steps described.
>
> You do not need to do the steps as it is already configured.
>
> Run `npm install buffer stream-browserify util events process`
>
> Then create a new file `nodeSpecific.ts` in the src folder of the project and add:
> ```js
> import { Buffer } from 'buffer'
>
> globalThis.Buffer = Buffer
> ```
>
> Then open the `index.html` file and add the following script in the body.
> It should look like this:
>
> ```js
> <body>
> <div id="root"></div>
> <script type="module" src="/src/nodeSpecific.ts"></script> //add this line
> <script type="module" src="/src/main.tsx"></script>
> </body>
> ```
>
> Finally open the `vite.config.ts` file and add the `resolve` part:
>
> ```js
> import { defineConfig } from 'vite'
> import react from '@vitejs/plugin-react-swc'
>
> // https://vitejs.dev/config/
> export default defineConfig({
> define: {
> global: {},
> },
> plugins: [react()],
> resolve: {
> alias: {
> stream: 'stream-browserify',
> os: 'os-browserify/browser',
> util: 'util',
> process: 'process/browser',
> buffer: 'buffer',
> },
> },
> })
> ```
>
> Now we can run the app.
18 changes: 0 additions & 18 deletions config-overrides.js
View file
Open in desktop

This file was deleted.

20 changes: 20 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
crossorigin="anonymous"
/>
<title>Taquito Boilerplate</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/nodeSpecific.ts"></script>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Loading