GitHub - Tushar12222/Crust: Build Chrome Extensions with Yew in Rust.

To start using the starter template:

📣 (Only Windows) In case you get a build error, add the root folder to the exclusion list of the windows defender.

Run command:

cargo generate --git https://github.com/Tushar12222/Crust

Then you will be prompted for the project name and extension name.
Run the command:

npm install

Thats it!!! You can start building your extension.
To run the development server:

npm run dev

To build the extension and test it on chrome , run command:

npm run prod

Then add the manifest.json (present in the root) to the dist folder generated.
Open index.html and move the content within the script tag to another new file within dist named "init.js".
To the script tag add the following attribute:

src="init.js"

Make sure nothing is present within the script tag once you have moved the contents to init.js.
Remove the attribute "integrity="hash"" from the two link tags present in the head of index.html.
Then head over to:

chrome:https://extensions

Toggle the developer mode on.
Select the "Load Unpacked" option.
Select the dist folder within your root directory.
Voila!!! YOu have your extension on chrome.

Name		Name	Last commit message	Last commit date
Latest commit History 22 Commits
src		src
.gitignore		.gitignore
Cargo.toml		Cargo.toml
Readme.md		Readme.md
cargo-generate.toml		cargo-generate.toml
index.html		index.html
manifest.json		manifest.json
package.json		package.json
tailwind.config.js		tailwind.config.js

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

To start using the starter template:

📣 (Only Windows) In case you get a build error, add the root folder to the exclusion list of the windows defender.

Run command:

Then you will be prompted for the project name and extension name.

Run the command:

Thats it!!! You can start building your extension.

To run the development server:

To build the extension and test it on chrome , run command:

Then add the manifest.json (present in the root) to the dist folder generated.

Open index.html and move the content within the script tag to another new file within dist named "init.js".

To the script tag add the following attribute:

Make sure nothing is present within the script tag once you have moved the contents to init.js.

Remove the attribute "integrity="hash"" from the two link tags present in the head of index.html.

Then head over to:

Toggle the developer mode on.

Select the "Load Unpacked" option.

Select the dist folder within your root directory.

Voila!!! YOu have your extension on chrome.

About

Releases

Packages

Languages

Tushar12222/Crust

Folders and files

Latest commit

History

Repository files navigation

To start using the starter template:

📣 (Only Windows) In case you get a build error, add the root folder to the exclusion list of the windows defender.

Run command:

Then you will be prompted for the project name and extension name.

Run the command:

Thats it!!! You can start building your extension.

To run the development server:

To build the extension and test it on chrome , run command:

Then add the manifest.json (present in the root) to the dist folder generated.

Open index.html and move the content within the script tag to another new file within dist named "init.js".

To the script tag add the following attribute:

Make sure nothing is present within the script tag once you have moved the contents to init.js.

Remove the attribute "integrity="hash"" from the two link tags present in the head of index.html.

Then head over to:

Toggle the developer mode on.

Select the "Load Unpacked" option.

Select the dist folder within your root directory.

Voila!!! YOu have your extension on chrome.

About

Resources

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages