Sacha Weatherstone
5 years ago
commit
e16d8b734c
18 changed files with 8933 additions and 0 deletions
@ -0,0 +1,3 @@ |
|||
.snowpack |
|||
build |
|||
node_modules |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"singleQuote": true, |
|||
"trailingComma": "all" |
|||
} |
|||
@ -0,0 +1,25 @@ |
|||
# New Project |
|||
|
|||
> ✨ Bootstrapped with Create Snowpack App (CSA). |
|||
|
|||
## Available Scripts |
|||
|
|||
### npm start |
|||
|
|||
Runs the app in the development mode. |
|||
Open http://localhost:8080 to view it in the browser. |
|||
|
|||
The page will reload if you make edits. |
|||
You will also see any lint errors in the console. |
|||
|
|||
### npm run build |
|||
|
|||
Builds a static copy of your site to the `build/` folder. |
|||
Your app is ready to be deployed! |
|||
|
|||
**For the best production performance:** Add a build bundler plugin like "@snowpack/plugin-webpack" to your `snowpack.config.js` config file. |
|||
|
|||
### npm test |
|||
|
|||
Launches the application test runner. |
|||
Run with the `--watch` flag (`npm test -- --watch`) to run in interactive watch mode. |
|||
File diff suppressed because it is too large
@ -0,0 +1,30 @@ |
|||
{ |
|||
"scripts": { |
|||
"start": "snowpack dev", |
|||
"build": "snowpack build", |
|||
"test": "web-test-runner \"src/**/*.test.tsx\"", |
|||
"format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"", |
|||
"lint": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"" |
|||
}, |
|||
"dependencies": { |
|||
"react": "^17.0.0", |
|||
"react-dom": "^17.0.0" |
|||
}, |
|||
"devDependencies": { |
|||
"@snowpack/plugin-dotenv": "^2.0.5", |
|||
"@snowpack/plugin-react-refresh": "^2.4.0", |
|||
"@snowpack/plugin-typescript": "^1.2.0", |
|||
"@snowpack/web-test-runner-plugin": "^0.2.0", |
|||
"@testing-library/react": "^11.0.0", |
|||
"@types/chai": "^4.2.13", |
|||
"@types/mocha": "^8.2.0", |
|||
"@types/react": "^17.0.0", |
|||
"@types/react-dom": "^17.0.0", |
|||
"@types/snowpack-env": "^2.3.2", |
|||
"@web/test-runner": "^0.12.0", |
|||
"chai": "^4.2.0", |
|||
"prettier": "^2.0.5", |
|||
"snowpack": "^3.0.1", |
|||
"typescript": "^4.0.0" |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 3.1 KiB |
@ -0,0 +1,25 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<link rel="icon" href="/favicon.ico" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|||
<meta name="description" content="Web site created using create-snowpack-app" /> |
|||
<title>Snowpack App</title> |
|||
</head> |
|||
<body> |
|||
<div id="root"></div> |
|||
<noscript>You need to enable JavaScript to run this app.</noscript> |
|||
<script type="module" src="/dist/index.js"></script> |
|||
<!-- |
|||
This HTML file is a template. |
|||
If you open it directly in the browser, you will see an empty page. |
|||
|
|||
You can add webfonts, meta tags, or analytics to this file. |
|||
The build step will place the bundled scripts into the <body> tag. |
|||
|
|||
To begin the development, run `npm start` or `yarn start`. |
|||
To create a production bundle, use `npm run build` or `yarn build`. |
|||
--> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,3 @@ |
|||
# https://www.robotstxt.org/robotstxt.html |
|||
User-agent: * |
|||
Disallow: |
|||
@ -0,0 +1,35 @@ |
|||
/** @type {import("snowpack").SnowpackUserConfig } */ |
|||
module.exports = { |
|||
mount: { |
|||
public: { url: '/', static: true }, |
|||
src: { url: '/dist' }, |
|||
}, |
|||
plugins: [ |
|||
'@snowpack/plugin-react-refresh', |
|||
'@snowpack/plugin-dotenv', |
|||
[ |
|||
'@snowpack/plugin-typescript', |
|||
{ |
|||
/* Yarn PnP workaround: see https://www.npmjs.com/package/@snowpack/plugin-typescript */ |
|||
...(process.versions.pnp ? { tsc: 'yarn pnpify tsc' } : {}), |
|||
}, |
|||
], |
|||
], |
|||
routes: [ |
|||
/* Enable an SPA Fallback in development: */ |
|||
// {"match": "routes", "src": ".*", "dest": "/index.html"},
|
|||
], |
|||
optimize: { |
|||
/* Example: Bundle your final build: */ |
|||
// "bundle": true,
|
|||
}, |
|||
packageOptions: { |
|||
/* ... */ |
|||
}, |
|||
devOptions: { |
|||
/* ... */ |
|||
}, |
|||
buildOptions: { |
|||
/* ... */ |
|||
}, |
|||
}; |
|||
@ -0,0 +1,46 @@ |
|||
.App { |
|||
text-align: center; |
|||
} |
|||
.App code { |
|||
background: #FFF3; |
|||
padding: 4px 8px; |
|||
border-radius: 4px; |
|||
} |
|||
.App p { |
|||
margin: 0.4rem; |
|||
} |
|||
|
|||
.App-logo { |
|||
height: 40vmin; |
|||
pointer-events: none; |
|||
} |
|||
|
|||
@media (prefers-reduced-motion: no-preference) { |
|||
.App-logo { |
|||
animation: App-logo-spin infinite 20s linear; |
|||
} |
|||
} |
|||
|
|||
.App-header { |
|||
background-color: #282c34; |
|||
min-height: 100vh; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: calc(10px + 2vmin); |
|||
color: white; |
|||
} |
|||
|
|||
.App-link { |
|||
color: #61dafb; |
|||
} |
|||
|
|||
@keyframes App-logo-spin { |
|||
from { |
|||
transform: rotate(0deg); |
|||
} |
|||
to { |
|||
transform: rotate(360deg); |
|||
} |
|||
} |
|||
@ -0,0 +1,12 @@ |
|||
import * as React from 'react'; |
|||
import { render } from '@testing-library/react'; |
|||
import { expect } from 'chai'; |
|||
import App from './App'; |
|||
|
|||
describe('<App>', () => { |
|||
it('renders learn react link', () => { |
|||
const { getByText } = render(<App />); |
|||
const linkElement = getByText(/learn react/i); |
|||
expect(document.body.contains(linkElement)); |
|||
}); |
|||
}); |
|||
@ -0,0 +1,41 @@ |
|||
import React, { useState, useEffect } from 'react'; |
|||
import logo from './logo.svg'; |
|||
import './App.css'; |
|||
|
|||
interface AppProps {} |
|||
|
|||
function App({}: AppProps) { |
|||
// Create the count state.
|
|||
const [count, setCount] = useState(0); |
|||
// Create the counter (+1 every second).
|
|||
useEffect(() => { |
|||
const timer = setTimeout(() => setCount(count + 1), 1000); |
|||
return () => clearTimeout(timer); |
|||
}, [count, setCount]); |
|||
// Return the App component.
|
|||
return ( |
|||
<div className="App"> |
|||
<header className="App-header"> |
|||
<img src={logo} className="App-logo" alt="logo" /> |
|||
<p> |
|||
Edit <code>src/App.tsx</code> and save to reload. |
|||
</p> |
|||
<p> |
|||
Page has been open for <code>{count}</code> seconds. |
|||
</p> |
|||
<p> |
|||
<a |
|||
className="App-link" |
|||
href="https://reactjs.org" |
|||
target="_blank" |
|||
rel="noopener noreferrer" |
|||
> |
|||
Learn React |
|||
</a> |
|||
</p> |
|||
</header> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
export default App; |
|||
@ -0,0 +1,13 @@ |
|||
body { |
|||
margin: 0; |
|||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", |
|||
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", |
|||
sans-serif; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
code { |
|||
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", |
|||
monospace; |
|||
} |
|||
@ -0,0 +1,17 @@ |
|||
import React from 'react'; |
|||
import ReactDOM from 'react-dom'; |
|||
import App from './App'; |
|||
import './index.css'; |
|||
|
|||
ReactDOM.render( |
|||
<React.StrictMode> |
|||
<App /> |
|||
</React.StrictMode>, |
|||
document.getElementById('root'), |
|||
); |
|||
|
|||
// Hot Module Replacement (HMR) - Remove this snippet to remove HMR.
|
|||
// Learn more: https://snowpack.dev/concepts/hot-module-replacement
|
|||
if (import.meta.hot) { |
|||
import.meta.hot.accept(); |
|||
} |
|||
|
After Width: | Height: | Size: 2.3 KiB |
@ -0,0 +1,26 @@ |
|||
{ |
|||
"include": ["src", "types"], |
|||
"compilerOptions": { |
|||
"module": "esnext", |
|||
"target": "esnext", |
|||
"moduleResolution": "node", |
|||
"jsx": "preserve", |
|||
"baseUrl": "./", |
|||
/* paths - import rewriting/resolving */ |
|||
"paths": { |
|||
// If you configured any Snowpack aliases, add them here. |
|||
// Add this line to get types for streaming imports (packageOptions.source="remote"): |
|||
// "*": [".snowpack/types/*"] |
|||
// More info: https://www.snowpack.dev/guides/streaming-imports |
|||
}, |
|||
/* noEmit - Snowpack builds (emits) files, not tsc. */ |
|||
"noEmit": true, |
|||
/* Additional Options */ |
|||
"strict": true, |
|||
"skipLibCheck": true, |
|||
"forceConsistentCasingInFileNames": true, |
|||
"resolveJsonModule": true, |
|||
"allowSyntheticDefaultImports": true, |
|||
"importsNotUsedAsValues": "error" |
|||
} |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
/* Use this file to declare any custom file extensions for importing */ |
|||
/* Use this folder to also add/extend a package d.ts file, if needed. */ |
|||
|
|||
/* CSS MODULES */ |
|||
declare module '*.module.css' { |
|||
const classes: { [key: string]: string }; |
|||
export default classes; |
|||
} |
|||
declare module '*.module.scss' { |
|||
const classes: { [key: string]: string }; |
|||
export default classes; |
|||
} |
|||
declare module '*.module.sass' { |
|||
const classes: { [key: string]: string }; |
|||
export default classes; |
|||
} |
|||
declare module '*.module.less' { |
|||
const classes: { [key: string]: string }; |
|||
export default classes; |
|||
} |
|||
declare module '*.module.styl' { |
|||
const classes: { [key: string]: string }; |
|||
export default classes; |
|||
} |
|||
|
|||
/* CSS */ |
|||
declare module '*.css'; |
|||
declare module '*.scss'; |
|||
declare module '*.sass'; |
|||
declare module '*.less'; |
|||
declare module '*.styl'; |
|||
|
|||
/* IMAGES */ |
|||
declare module '*.svg' { |
|||
const ref: string; |
|||
export default ref; |
|||
} |
|||
declare module '*.bmp' { |
|||
const ref: string; |
|||
export default ref; |
|||
} |
|||
declare module '*.gif' { |
|||
const ref: string; |
|||
export default ref; |
|||
} |
|||
declare module '*.jpg' { |
|||
const ref: string; |
|||
export default ref; |
|||
} |
|||
declare module '*.jpeg' { |
|||
const ref: string; |
|||
export default ref; |
|||
} |
|||
declare module '*.png' { |
|||
const ref: string; |
|||
export default ref; |
|||
} |
|||
|
|||
/* CUSTOM: ADD YOUR OWN HERE */ |
|||
@ -0,0 +1,6 @@ |
|||
// NODE_ENV=test - Needed by "@snowpack/web-test-runner-plugin"
|
|||
process.env.NODE_ENV = 'test'; |
|||
|
|||
module.exports = { |
|||
plugins: [require('@snowpack/web-test-runner-plugin')()], |
|||
}; |
|||
Loading…
Reference in new issue