Skip to content

Commit a0f1381

Browse files
amaelftahamaelftah
committed
Init
0 parents  commit a0f1381

24 files changed

Lines changed: 10966 additions & 0 deletions

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
dist
2+
node_modules
3+
mix-manifest.json

‎README.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# alpinejs-devtools
2+
3+
<p align="center"><img width="720px" src="alpine-devtools-screenshot.png" alt="screenshot"></p>
4+
5+
alpinejs-devtools is a simple extension to help you debug [Alpine Js](https://github.com/alpinejs/alpine) apps easily.
6+
7+
> Note: this extension is mainly inspired by [Vue Devtools](https://github.com/vuejs/vue-devtools). so some of the code is borrowed from those awesome folks.
8+
9+
## Installation
10+
11+
- [Get the Chrome Extension](https://chrome.google.com/webstore/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk)
12+
13+
### Development
14+
15+
1. Clone this repo
16+
2. run `npm install`
17+
3. then run `npm run dev`
18+
4. load unpacked extension inside dist/chrome directory
19+
4. open any html file that imports alpine js then inspect by dev chrome inspection tool.
20+
21+
22+
### License
23+
24+
[MIT](http://opensource.org/licenses/MIT)

‎alpine-devtools-screenshot.png‎

40.2 KB
Loading

‎package-lock.json‎

Lines changed: 10020 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
{
2+
"name": "alpinejs-devtools",
3+
"version": "0.0.1",
4+
"description": "Simple Devtools for Alpine Js To Make Your Life Simpler",
5+
"scripts": {
6+
"dev": "npm run development",
7+
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
8+
"watch": "npm run development -- --watch",
9+
"watch-poll": "npm run watch -- --watch-poll",
10+
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
11+
"prod": "npm run production",
12+
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
13+
},
14+
"author": "",
15+
"license": "ISC",
16+
"dependencies": {
17+
"@tailwindcss/ui": "^0.1.3",
18+
"alpinejs": "^2.2.5",
19+
"cross-env": "^7.0.2",
20+
"glob-all": "^3.2.1",
21+
"purgecss-webpack-plugin": "^2.1.0",
22+
"tailwindcss": "^1.2.0"
23+
},
24+
"devDependencies": {
25+
"@fullhuman/postcss-purgecss": "^2.1.0",
26+
"laravel-mix": "^5.0.1",
27+
"vue-template-compiler": "^2.6.11"
28+
}
29+
}

‎packages/shell-chrome/assets/alpine.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title></title>
5+
</head>
6+
<body>
7+
<p>Hello Alpine Js</p>
8+
</body>
9+
</html>

‎packages/shell-chrome/assets/alpine_extension.png‎

1.15 KB
Loading

‎packages/shell-chrome/assets/devtools-background.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<meta charset="utf-8">
2+
<script src="./devtools-background.js"></script>

‎packages/shell-chrome/assets/icons/128.png‎

1.7 KB
Loading

‎packages/shell-chrome/assets/icons/16.png‎

743 Bytes
Loading

0 commit comments

Comments
 (0)