/astrospeed/index.html
143 | ```
144 | 6. You've launched! Open the report in a web browser to review the latest Google Lighthouse findings and compare them to previous commits.
145 |
146 | 7. Each commit will regenerate the astroSpeed report, appending the latest Google Lighthouse scores to the report.
147 |
148 | ## About
149 | ### Google Lighthouse
150 | Google Lighthouse is an open-source tool developed by Google for understanding the performance, quality, and correctness of your web apps ([see Google Lighthouse on Github](https://github.com/GoogleChrome/lighthouse)). astroSpeed uses Google Lighthouse metrics for Performance, Search Engine Optimization, Best Practices, and Accessibility diagnostics.
151 | ### Git post-commit hook details
152 |
153 | astroSpeed is configured to create a report after every commit using a git hook. astroSpeed's installation script attempts to add a post-commit hook. The installation script will notify you via the terminal if the attempt was successful or not. If successful, the the following line will be added to the file ./.git/hooks/post-commit.
154 | ```sh
155 | npx astrospeed-snap
156 | ```
157 | npx astrospeed-snap can also be used to generate a new report manually whenever you want. If you would would like to remove the post-commit hook, please don't uninstall astroSpeed. Simply remove the hook by using
158 | ```sh
159 | npx astrospeed-hookuninstall
160 | ```
161 | If you change your mind later and wish to reinstate the post-commit hook, you can add it back using
162 | ```sh
163 | npx astrospeed-hookinstall
164 | ```
165 | If you unfortunately decided to stop using astroSpeed, please uninstall the hook BEFORE uninstalling astroSpeed. Failure to do so will result in error messages after every commit about not being able to find astroSpeed. Your commits should still be successful, however. This unfortunate behavior is due to Node Package Manager removing the ability to create post uninstall scripts.
166 |
167 | ## Roadmap
168 |
169 | - [ ] Upload report to astroSpeed.io and receive a shareable link.
170 | - [ ] Add Deep-dive performance metrics.
171 | - [ ] Create user authentication on astroSpeed.io.
172 |
173 | See the [open issues](https://github.com/oslabs-beta/astrospeed/issues) for a full list of proposed features (and known issues).
174 |
175 | ## Contributing
176 |
177 | Contributions are welcome! For feature requests, please create a new issue with the "enhancement" tag.
178 |
179 | To contribute:
180 | 1. Fork the Project.
181 | 2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`).
182 | 3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`). Be sure to Lint your code!
183 | 4. Push to the Branch (`git push origin feature/AmazingFeature`).
184 | 5. Open a Pull Request to [https://github.com/oslabs-beta/astrospeed/](https://github.com/oslabs-beta/astrospeed/).
185 |
186 | Join astroSpeed contributors on [LinkedIn](https://linkedin.com/in/astrospeed).
187 |
188 | ## Acknowledgments & License
189 |
190 | * [OpenSource Labs](https://opensourcelabs.io/)
191 | * [Astro Community](https://discord.com/invite/grF4GTXXYm)
192 | * [You, our users <3](http://www.astrospeed.io)
193 |
194 | Distributed under the MIT License. See `LICENSE` for more information.
195 |
196 | (back to top )
197 |
198 |
199 |
200 |
201 |
202 | [contributors-shield]: https://img.shields.io/github/contributors/oslabs-beta/astrospeed.svg?style=for-the-badge
203 | [contributors-url]: https://github.com/oslabs-beta/astrospeed/graphs/contributors
204 | [forks-shield]: https://img.shields.io/github/forks/oslabs-beta/astrospeed.svg?style=for-the-badge
205 | [forks-url]: https://github.com/oslabs-beta/astrospeed/network/members
206 | [stars-shield]: https://img.shields.io/github/stars/oslabs-beta/astrospeed.svg?style=for-the-badge
207 | [stars-url]: https://github.com/oslabs-beta/astrospeed/stargazers
208 | [issues-shield]: https://img.shields.io/github/issues/oslabs-beta/astrospeed.svg?style=for-the-badge
209 | [issues-url]: https://github.com/oslabs-beta/astrospeed/issues
210 | [license-shield]: https://img.shields.io/github/license/oslabs-beta/astrospeed.svg?style=for-the-badge
211 | [license-url]: https://github.com/oslabs-beta/astrospeed/blob/master/LICENSE.txt
212 | [linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
213 | [linkedin-url]: https://linkedin.com/company/astrospeed
214 | [product-screenshot]: https://i.ibb.co/pz6nzrz/Screen-Shot-2022-10-12-at-3-20-46-PM.png
215 |
216 | [Astro-url]: https://astro.build/
217 | [Astro-shield]: https://i.ibb.co/F8HcbtD/Screen-Shot-2022-10-12-at-12-34-42-PM.png
218 | [React.js]: https://i.ibb.co/MBLkXB6/Screen-Shot-2022-10-12-at-12-21-22-PM.png
219 | [React-url]: https://reactjs.org/
220 | [GLH-shield]: https://i.ibb.co/LRZ9mgh/Screen-Shot-2022-10-12-at-12-23-35-PM.png
221 | [GLH-url]: https://developers.google.com/web
222 | [Typescript-shield]: https://i.ibb.co/7tT9vy1/Screen-Shot-2022-10-12-at-12-25-59-PM.png
223 | [Typescript-url]: https://www.typescriptlang.org
224 | [Tailwind-url]: https://tailwindcss.com
225 | [Tailwind-shield]: https://i.ibb.co/H7M7D3b/Screen-Shot-2022-10-12-at-12-32-22-PM.png
226 |
227 |
--------------------------------------------------------------------------------
/astrospeed/index.html:
--------------------------------------------------------------------------------
1 | astroSpeed Report
--------------------------------------------------------------------------------
/gitHookInstall.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const fs = require("fs");
4 | const { resolve } = require("path");
5 |
6 | const hook = "post-commit";
7 |
8 | function installHooks() {
9 | //Make sure there is a .git folder
10 | const gitRoot = resolve(process.env.INIT_CWD + "/.git");
11 | if (fs.existsSync(gitRoot)) {
12 | const hooksDir = resolve(gitRoot, "hooks");
13 | ensureDirExists(hooksDir); //Add hooks folder if it doesn't exist
14 | const hookFile = resolve(hooksDir, hook);
15 | if (fs.existsSync(hookFile)) {
16 | let fileContents = fs.readFileSync(hookFile, 'utf-8');
17 | if (fileContents.includes('npx astrospeed-snap')) {
18 | console.warn("Correct git hook already in place");
19 | } else {
20 | fs.appendFileSync(hookFile, '\nnpx astrospeed-snap\n');
21 | console.log('astroSpeed hook appended to existing post-commit hooks');
22 | }
23 | return;
24 | }
25 | fs.writeFileSync(
26 | hookFile,
27 | `#!/bin/sh\nnpx astrospeed-snap\n`
28 | ); //create hook file
29 | fs.chmodSync(hookFile, "755"); //make hook file executable
30 | console.log("astroSpeed git integration was successful!");
31 | } else {
32 | console.warn("This does not seem to be a git project.");
33 | }
34 | }
35 |
36 | function ensureDirExists(dir) {
37 | fs.existsSync(dir) || fs.mkdirSync(dir);
38 | }
39 |
40 | installHooks();
41 |
--------------------------------------------------------------------------------
/gitHookUninstall.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const fs = require("fs");
4 | const { resolve } = require("path");
5 |
6 | const hookString = "npx astrospeed-snap";
7 | //Make sure there is a .git folder
8 | const gitRoot = resolve(process.env.INIT_CWD + "/.git");
9 |
10 | if (fs.existsSync(gitRoot)) {
11 | const hookFile = resolve(gitRoot, "hooks/post-commit");
12 | //check if hook file exists
13 | if (fs.existsSync(hookFile)) {
14 | let fileContents = fs.readFileSync(hookFile, 'utf-8');
15 | //check if our hook string is present in hook file
16 | if (fileContents.includes(hookString)) {
17 | const newContents = fileContents.replaceAll(hookString,'');
18 | fs.writeFileSync(hookFile, newContents, 'utf-8');
19 | console.log('astroSpeed post-commit hooks removed');
20 | } else {
21 | //else hookstring is not present
22 | console.warn("No astroSpeed hooks found in post-commit hooks");
23 | }
24 | } else {
25 | // no post-commit file found in hooks
26 | console.warn('No post-commit hooks found');
27 | }
28 |
29 | } else {
30 | // else no .git folder
31 | console.warn("This does not seem to be a git project.");
32 | }
33 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "astrospeed",
3 | "version": "1.0.0",
4 | "description": "Astrospeed is a performance monitor for your AstroJS codebase",
5 | "main": "index.js",
6 | "scripts": {
7 | "postinstall": "./gitHookInstall.js",
8 | "clean": "rm dist/bundle.js",
9 | "build-dev": "webpack --mode development",
10 | "build-prod": "webpack --mode production",
11 | "start": "webpack-dev-server --mode development --open --hot"
12 | },
13 | "bin": {
14 | "astrospeed-snap": "./server.js",
15 | "astrospeed-hookinstall": "./gitHookInstall.js",
16 | "astrospeed-hookuninstall": "./githookUninstall.js"
17 | },
18 | "author": "",
19 | "license": "ISC",
20 | "dependencies": {
21 | "express": "^4.18.1",
22 | "lighthouse": "^9.6.7",
23 | "puppeteer": "^18.0.4",
24 | "tree-kill": "^1.2.2"
25 | },
26 | "devDependencies": {
27 | "@babel/core": "^7.19.1",
28 | "@babel/preset-env": "^7.19.1",
29 | "@babel/preset-react": "^7.18.6",
30 | "@svgr/webpack": "^6.3.1",
31 | "@types/react": "^18.0.21",
32 | "@types/react-dom": "^18.0.6",
33 | "babel-loader": "^8.2.5",
34 | "css-loader": "^6.7.1",
35 | "html-webpack-plugin": "^5.5.0",
36 | "react": "^18.2.0",
37 | "react-apexcharts": "^1.4.0",
38 | "react-dom": "^18.2.0",
39 | "style-loader": "^3.3.1",
40 | "ts-loader": "^9.4.1",
41 | "typescript": "^4.8.3",
42 | "url-loader": "^4.1.1",
43 | "webpack": "^5.74.0",
44 | "webpack-cli": "^4.10.0",
45 | "webpack-dev-server": "^4.11.1"
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const lighthouse = require('lighthouse');
4 | const puppeteer = require('puppeteer');
5 | const express = require('express');
6 | const path = require('path');
7 | const fs = require('fs');
8 | const { execSync, exec } = require("child_process");
9 | const kill = require('tree-kill');
10 |
11 | const { endpoints, port, buildCommand, outputDir, localServer } = readConfig();
12 | let server;
13 | let viteProc;
14 |
15 | function readConfig() {
16 | //check if user-defined custom config exists, else use defaults
17 | const defaultCfg = {
18 | endpoints: ['/index.html'],
19 | port: 3000,
20 | buildCommand: 'npm run build',
21 | outputDir: 'dist',
22 | localServer: 'vite'
23 | }
24 | try {
25 | const config = fs.readFileSync(path.resolve(path.join(__dirname, '../../astrospeed.config.json')));
26 | return Object.assign({}, defaultCfg, JSON.parse(config));
27 | } catch (err){
28 | return defaultCfg
29 | }
30 | }
31 |
32 | function readExistingData () {
33 | //check if results.js already exists, if so return the contents, otherwise return empty array
34 | try {
35 | const pathToFile = './astrospeed/results.js'
36 | const oldData = fs.readFileSync(pathToFile);
37 | //remove the window.results assignment to just get the array
38 | const oldDataParsed = oldData.slice(16)
39 | return JSON.parse(oldDataParsed);
40 | } catch (err){
41 | return {};
42 | }
43 | }
44 |
45 | console.log('Astrospeed report in progress...')
46 |
47 | buildApp();
48 | serveAppAndRunLHR();
49 |
50 | //build the user's astro app to the 'dist' folder
51 | function buildApp() {
52 | if (localServer == 'vite'){
53 | execSync('npx astro build')
54 | viteProc = exec('npx astro preview');
55 | } else{
56 | execSync(buildCommand)
57 | }
58 |
59 | }
60 |
61 | async function serveAppAndRunLHR() {
62 | if (localServer == 'vite') {
63 | getReport(endpoints)
64 | } else {
65 | //serve the astro app on port 3500
66 | const app = express();
67 | app.use('*', express.static(outputDir));
68 | server = app.listen(port, () => getReport(endpoints));
69 | }
70 | }
71 |
72 | async function getLighthouseResultsPuppeteer(endpoints) {
73 | const chrome = await puppeteer.launch({args: ['--remote-debugging-port=9224'],});
74 | const options = {
75 | logLevel: 'silent',
76 | output: 'html',
77 | maxWaitForLoad: 10000,
78 | port: 9224
79 | };
80 | const runnerResults = {};
81 |
82 | for (let i = 0; i < endpoints.length; i++) {
83 | const result = await lighthouse(`http://localhost:${port}` + endpoints[i], options)
84 | runnerResults[endpoints[i]] = result.lhr;
85 | }
86 | // const runnerResult = await lighthouse(url, options);
87 | await chrome.close();
88 | return runnerResults;
89 | }
90 |
91 | function getCommitDetails() {
92 | //get latest commit from git log, format it to include commit body (%B), timestamp (%ai), hash (%h)
93 | let commitMsg = execSync('git log -1 --pretty="%B%ai%n%h"').toString().replace(/\n/g,',').split(',').slice(0,3);
94 | let commitProperties = ['msg', 'time', 'hash']
95 | let newCommitData = {};
96 | for (let i = 0; i < 3; i++) {
97 | newCommitData[commitProperties[i]] = commitMsg[i];
98 | }
99 | //return latest object with latest commit details
100 | return newCommitData;
101 | }
102 |
103 | async function getReport(endpoints) {
104 |
105 | //use puppeteer to get lighthouse results object and store it in lhr
106 | const lhr = await getLighthouseResultsPuppeteer(endpoints);
107 | //close express server after lighthouse returns results
108 | if (localServer != 'vite') server.close();
109 | else kill(viteProc.pid)
110 | // read results.js
111 | const data = readExistingData();
112 | //remove unused screenshots from lhr to save space
113 | endpoints.forEach(endpoint => {
114 | lhr[endpoint]['audits']['screenshot-thumbnails']['details'] = null;
115 | lhr[endpoint]['audits']['final-screenshot']['details']['data'] = null;
116 | lhr[endpoint]['audits']['full-page-screenshot']['details'] = null;
117 | //add git details to the lighthouse report under key 'git'
118 | lhr[endpoint]['git'] = getCommitDetails();
119 |
120 | if (!(endpoint in data)) data[endpoint] = [lhr[endpoint]]
121 | else {
122 | data[endpoint].push(lhr[endpoint])
123 | }
124 | })
125 | //resultsOutput is a JS expression that assigns window.results to the data array.
126 | const resultsOutput = 'window.results = ' + JSON.stringify(data);
127 | //outputDir is the astro project two levels up + folder 'astrospeed'. (cwd is inside node_modules/astrospeed)
128 | const outputDir = path.resolve(path.join(__dirname, '../../astrospeed/'));
129 |
130 | if (!fs.existsSync(outputDir)) {
131 | //if the outputDir doesn't exist, create it
132 | fs.mkdirSync(outputDir)
133 | }
134 | //write resultsOutput to results.js
135 | fs.writeFileSync('./astrospeed/results.js', resultsOutput);
136 |
137 | if (!fs.existsSync(path.join(outputDir, 'bundle.js')) || !fs.existsSync(path.join(outputDir, 'index.html'))) {
138 | //if bundle.js or index.html doesn't exist in the astro project folder under 'astrospeed' dir, copy them over from node_modules/astrospeed
139 | fs.copyFileSync(path.resolve(path.join(__dirname, './astrospeed/index.html')), path.join(outputDir, 'index.html'));
140 | fs.copyFileSync(path.resolve(path.join(__dirname, './astrospeed/bundle.js')), path.join(outputDir, 'bundle.js'));
141 | }
142 |
143 | //write to user's terminal the path of the astrospeed report.
144 | console.log('Astrospeed report available at', path.resolve(__dirname, '../../astrospeed/index.html'))
145 | }
146 |
--------------------------------------------------------------------------------
/src/App.tsx:
--------------------------------------------------------------------------------
1 |
2 | import React, { useState } from 'react';
3 | const lhr = (window as any).results;
4 | import ListContainer from "./components/ListContainer/ListContainer.jsx"
5 | import LineChart from "./components/LineChart.jsx";
6 | import DialChart from "./components/DialChart.jsx";
7 | import Card from "./components/Card.jsx"
8 |
9 | // interface Props {
10 | // currentMetric: string
11 | // }
12 |
13 | class App extends React.Component<{}, {currentMetric: string, currentEndpoint: string}> {
14 | constructor(props: any) {
15 | super(props);
16 | this.state = {
17 | currentMetric: 'performance',
18 | currentEndpoint: Object.keys(lhr)[0]
19 | };
20 | }
21 | render() {
22 | // const [currentMetric, setcurrentMetric] = useState('Performance');
23 |
24 | const reportTime = lhr[this.state.currentEndpoint][lhr[this.state.currentEndpoint].length - 1].git.time;
25 | const currPerf = lhr[this.state.currentEndpoint][lhr[this.state.currentEndpoint].length-1].categories.performance.score * 100
26 | const currSeo = lhr[this.state.currentEndpoint][lhr[this.state.currentEndpoint].length-1].categories.seo.score * 100;
27 | const currBP = lhr[this.state.currentEndpoint][lhr[this.state.currentEndpoint].length-1].categories['best-practices'].score * 100;
28 | const currAcc = lhr[this.state.currentEndpoint][lhr[this.state.currentEndpoint].length-1].categories.accessibility.score * 100;
29 |
30 | const divStyle = {
31 | display:'flex'
32 | }
33 |
34 | const availableEndpoints = Object.keys(lhr).map(endpoint => this.setState({currentEndpoint: endpoint})}>{endpoint} )
35 |
36 | return (
37 | <>
38 |
40 | {/* */}
41 |
63 |
64 | {/* */}
65 |
66 |
67 |
Current Commit Metrics
68 | {/*
{reportTime} */}
69 |
72 | this.setState({currentMetric: 'performance'})}
76 | data={currPerf}
77 | />
78 | this.setState({currentMetric: 'seo'})}
82 | // onClick={() => this.setState({currentMetric: 'seo'})}
83 | data={currSeo}
84 | />
85 | this.setState({currentMetric: 'best-practices'})}
89 | data={currBP}
90 | />
91 | this.setState({currentMetric: 'accessibility'})}
95 | data={currAcc}
96 | />
97 |
98 |
99 |
100 |
History & Diagnostics
101 | {/*
*/}
102 |
105 |
106 |
Commit History
107 |
108 |
110 |
111 |
112 |
113 |
Current Commit Details
114 |
115 |
116 |
117 |
118 |
119 |
123 |
124 |
135 | // Hello {name}
136 | // */}
137 | // Report generated at: {reportTime}
8 |
9 |
{name}
10 |
{icon}
11 |
12 | {/*
*/}
13 | { data }
14 |
67 |
69 | );
70 | }
71 | }
72 |
73 | export default DialChart;
74 |
75 |
--------------------------------------------------------------------------------
/src/components/LineChart.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactApexChart from "react-apexcharts";
3 | import { lineChartData, lineChartOptions } from "./chartdata";
4 | const lhr = window.results;
5 |
6 |
7 | class LineChart extends React.Component {
8 | constructor(props) {
9 | super(props);
10 |
11 | this.state = {
12 | chartData: [],
13 | chartOptions: {},
14 | currentEndpoint: ''
15 | };
16 | }
17 |
18 |
19 | componentDidMount() {
20 | const currentChartData = [];
21 | for (let i = 0; i < 4; i++) {
22 | currentChartData.push(Object.assign({}, lineChartData[i], {data: lineChartData[i]['data'][this.props.currentEndpoint]}))
23 | }
24 | // console.log(lhr[this.props.currentEndpoint][0])
25 | const currentEndpoint = this.props.currentEndpoint;
26 | lineChartOptions.tooltip.x = {
27 | formatter: function(val) {
28 | return `Commit #${val}
70 |
78 | );
79 | }
80 | }
81 |
82 | export default LineChart;
83 |
--------------------------------------------------------------------------------
/src/components/ListContainer/DiagnosticsItem.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import styles from "./styles.module.css";
3 |
4 | const DiagnosticsItem = ({ data }) => {
5 | const [open, setOpen] = useState(false);
6 |
7 | const handleClick = () => {
8 | setOpen(!open);
9 | };
10 |
11 | // console.log('diag item', data.link)
12 | return (
13 | 0.96 ? styles.green : styles.red
17 | }`}
18 | >
19 |
20 |
21 |
{data.title}
22 |
{data.displayValue || String(data.score * 100) + '%' }
23 |
24 |
25 | {open && (
26 |
29 | )}
30 |
36 | {diagnostics[props.currentMetric].map((data) => (
37 |
40 |
41 | );
42 | };
43 |
44 | export default ListContainer;
45 |
46 | //line 91
47 | // {opportData.map((data) => (
48 | // astroSpeed Report
',
38 | filename: "index.html",
39 | chunks: 'bundle'
40 | }),
41 | ],
42 | resolve: {
43 | extensions: [".tsx", ".ts", ".js", ".jsx"],
44 | }
45 | };
46 |
47 | module.exports = config;
48 |
--------------------------------------------------------------------------------
/website/.npmrc:
--------------------------------------------------------------------------------
1 | # Expose Astro dependencies for `pnpm` users
2 | shamefully-hoist=true
3 |
--------------------------------------------------------------------------------
/website/astro.config.mjs:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'astro/config';
2 | import tailwind from '@astrojs/tailwind';
3 |
4 | // https://astro.build/config
5 | export default defineConfig({
6 | integrations: [tailwind()],
7 | });
8 |
--------------------------------------------------------------------------------
/website/demo/index.html:
--------------------------------------------------------------------------------
1 | astroSpeed Report
--------------------------------------------------------------------------------
/website/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "astrospeed",
3 | "type": "commonjs",
4 | "version": "0.0.1",
5 | "private": true,
6 | "scripts": {
7 | "dev": "astro dev",
8 | "start": "astro dev",
9 | "build": "astro build",
10 | "preview": "astro preview",
11 | "astro": "astro"
12 | },
13 | "dependencies": {
14 | "@astrojs/tailwind": "^2.0.1",
15 | "astro": "^1.2.8",
16 | "express": "^4.18.1",
17 | "postcss": "^8.4.17",
18 | "tailwindcss": "^3.1.8"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/website/public/Audrey-Park.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/Audrey-Park.webp
--------------------------------------------------------------------------------
/website/public/How-it-works-chart.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/How-it-works-chart.webp
--------------------------------------------------------------------------------
/website/public/Luke-McInerney.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/Luke-McInerney.webp
--------------------------------------------------------------------------------
/website/public/Marco-Gonzalez.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/Marco-Gonzalez.webp
--------------------------------------------------------------------------------
/website/public/Rami-Abdelghafar.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/Rami-Abdelghafar.webp
--------------------------------------------------------------------------------
/website/public/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/android-chrome-192x192.png
--------------------------------------------------------------------------------
/website/public/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/android-chrome-512x512.png
--------------------------------------------------------------------------------
/website/public/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/apple-touch-icon.png
--------------------------------------------------------------------------------
/website/public/astronaut.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/astronaut.png
--------------------------------------------------------------------------------
/website/public/colored-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/colored-logo.png
--------------------------------------------------------------------------------
/website/public/crater-footer.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/crater-footer.webp
--------------------------------------------------------------------------------
/website/public/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/favicon-16x16.png
--------------------------------------------------------------------------------
/website/public/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/favicon-32x32.png
--------------------------------------------------------------------------------
/website/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/favicon.ico
--------------------------------------------------------------------------------
/website/public/favicon.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
9 |
10 |
13 |
14 |
--------------------------------------------------------------------------------
/website/public/moonTelescope.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/moonTelescope.png
--------------------------------------------------------------------------------
/website/public/site.webmanifest:
--------------------------------------------------------------------------------
1 | {"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
--------------------------------------------------------------------------------
/website/public/space-bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/space-bg.png
--------------------------------------------------------------------------------
/website/public/tether.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/tether.png
--------------------------------------------------------------------------------
/website/public/white-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/astrospeed/be62f71f469b34cf4e37df399224c0ffc9583591/website/public/white-logo.png
--------------------------------------------------------------------------------
/website/server.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const app = express();
3 | const PORT = 80;
4 |
5 | app.use('/demo', express.static('demo'))
6 | app.use(express.static('dist'));
7 |
8 |
9 | app.listen(PORT);
--------------------------------------------------------------------------------
/website/src/components/Astronaut.astro:
--------------------------------------------------------------------------------
1 | ---
2 | //Component Script Block
3 |
4 |
5 | ---
6 |
7 |
13 |
14 |
16 | We believe that with a great developer experience, comes a great user experience. Combining the blazingly fast runtime of AstroJS and industry-standard metrics of Google Lighthouse, we created an industry first, astroSpeed.
17 |
18 |
--------------------------------------------------------------------------------
/website/src/components/Button.astro:
--------------------------------------------------------------------------------
1 | ---
2 | const {color} = Astro.props;
3 | let tailClass;
4 | if (color === 'stone') tailClass = `bg-stone-100 hover:bg-stone-300 transition ease-in-out delay-50 hover:-translate-y-1 hover:scale-110 w-48 h-10 py-2 px-2 m-1 font-semibold rounded-lg`;
5 | if (color === 'yellow') tailClass = `bg-yellow-200 hover:bg-yellow-400 transition ease-in-out delay-50 hover:-translate-y-1 hover:scale-110 w-48 h-10 py-2 px-2 m-1 font-semibold rounded-lg`;
6 | ---
7 |
8 |
9 |
11 |
12 |
--------------------------------------------------------------------------------
/website/src/components/Comparisons.astro:
--------------------------------------------------------------------------------
1 | ---
2 | //Component Script Block
3 |
4 |
5 | ---
6 |
7 |
8 |
18 |
19 |
20 |
COMPARE YOUR CODE PERFORMANCE
21 |
22 |
Without
23 |
vs.
24 |
astroSpeed
25 |
26 |
X
27 |
Only see metrics after your site is published
28 |
✓
29 |
On-demand performance & SEO metrics
30 |
31 |
X
32 |
Forced to wait
33 |
✓
34 |
Pivot faster with early insight
35 |
36 |
X
37 |
Low visibility to where your code needs improvement
38 |
✓
39 |
Pinpoint least optimal code as you build
40 |
41 |
X
42 |
Time lost scanning pages of code
43 |
✓
44 |
More control & visibility
45 |
83 |
84 |
85 |
{name}
86 |
Software Engineer
87 |
91 |
92 |
19 |
--------------------------------------------------------------------------------
/website/src/components/NavBar.astro:
--------------------------------------------------------------------------------
1 | ---
2 | // Component Imports
3 | import Button from './Button.astro';
4 | ---
5 |
6 |
--------------------------------------------------------------------------------
/website/src/components/RocketChart.astro:
--------------------------------------------------------------------------------
1 | ---
2 | //Component Script Block
3 |
4 |
5 | ---
6 |
7 |
8 |
9 |
10 |
112 |
113 |
astroSpeed
114 |
astro projects deserve performance metrics, on-demand
115 |
116 |
astroSpeed
31 |
32 |
33 |
8 | Get Started Content Goes Here
9 |
--------------------------------------------------------------------------------
/website/src/pages/index.astro:
--------------------------------------------------------------------------------
1 | ---
2 | // Component Imports
3 | import Main from '../layouts/main.astro';
4 | import SplashPoster from '../components/SplashPoster.astro';
5 | import Comparisons from '../components/Comparisons.astro';
6 | import ContactUs from '../components/ContactUs.astro';
7 | import RocketChart from '../components/RocketChart.astro';
8 | import Astronaut from '../components/Astronaut.astro';
9 |
10 | // Full Astro Component Syntax:
11 | // https://docs.astro.build/core-concepts/astro-components/
12 | ---
13 |
14 |
15 |
--------------------------------------------------------------------------------
/website/src/pages/login.astro:
--------------------------------------------------------------------------------
1 | ---
2 | //Component Script Block
3 | import Main from '../layouts/main.astro';
4 |
5 | ---
6 |
7 |
8 | Coming soon...
9 |
--------------------------------------------------------------------------------
/website/src/pages/watchdemo.astro:
--------------------------------------------------------------------------------
1 | ---
2 | //Component Script Block
3 | import Main from '../layouts/main.astro';
4 |
5 | ---
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/website/tailwind.config.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
3 | plugins: [],
4 | };
5 |
--------------------------------------------------------------------------------
/website/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "astro/tsconfigs/base"
3 | }
4 |
--------------------------------------------------------------------------------
33 | 
92 | 
10 | 
10 | 
113 | 
19 | 
21 |