├── .nvmrc
├── www
    ├── postcss.config.js
    ├── public
    │   ├── robots.txt
    │   ├── favicon.ico
    │   ├── styles
    │   │   ├── global.css
    │   │   ├── typography.css
    │   │   └── typography.scss
    │   └── assets
    │   │   └── fonts
    │   │       ├── dev-hell
    │   │           └── DevelopmentHell-KP3A.ttf
    │   │       ├── final-frontier
    │   │           ├── FinalFrontier-new.ttf
    │   │           └── FinalFrontier-old.ttf
    │   │       ├── noto-sans
    │   │           ├── noto-sans-v14-latin-700.ttf
    │   │           ├── noto-sans-v14-latin-italic.ttf
    │   │           ├── noto-sans-v14-latin-regular.ttf
    │   │           └── noto-sans-v14-latin-700italic.ttf
    │   │       └── nunito-sans
    │   │           ├── nunito-sans-v6-latin-600.ttf
    │   │           ├── nunito-sans-v6-latin-800.ttf
    │   │           ├── nunito-sans-v6-latin-regular.ttf
    │   │           ├── nunito-sans-v6-latin-600italic.ttf
    │   │           └── nunito-sans-v6-latin-800italic.ttf
    ├── .npmrc
    ├── vercel.json
    ├── .gitignore
    ├── package.json
    ├── src
    │   └── pages
    │   │   └── index.astro
    ├── astro.config.mjs
    ├── snowpack.config.js
    └── README.md
├── .gitignore
├── guides
    └── README.md
├── examples
    └── README.md
├── lessons
    └── README.md
├── .prettierrc
├── packages
    ├── vplayer
    │   ├── public
    │   │   ├── robots.txt
    │   │   └── favicon.ico
    │   ├── .npmrc
    │   ├── .stackblitzrc
    │   ├── src
    │   │   ├── components
    │   │   │   ├── plyr.js
    │   │   │   ├── Vplyr.astro
    │   │   │   └── react-plyr.tsx
    │   │   └── pages
    │   │   │   └── index.astro
    │   ├── .gitignore
    │   ├── package.json
    │   ├── astro.config.mjs
    │   └── README.md
    └── astro-ui
    │   └── head
    │       └── stylesheet
    │           ├── .npmrc
    │           ├── src
    │               ├── index.js
    │               ├── pages
    │               │   └── index.astro
    │               └── components
    │               │   └── Stylesheet.astro
    │           ├── .gitignore
    │           ├── astro.config.mjs
    │           ├── package.json
    │           └── README.md
├── netlify.toml
├── lerna.json
├── .gitpod.yml
├── .eslintrc.js
├── README.md
└── package.json


/.nvmrc:
--------------------------------------------------------------------------------
1 | node v14.15.1


--------------------------------------------------------------------------------
/www/postcss.config.js:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/guides/README.md:
--------------------------------------------------------------------------------
1 | # Astro Academy Guides
2 | 


--------------------------------------------------------------------------------
/examples/README.md:
--------------------------------------------------------------------------------
1 | # Astro Academy Examples
2 | 


--------------------------------------------------------------------------------
/lessons/README.md:
--------------------------------------------------------------------------------
1 | # Astro Academy Lessons
2 | 


--------------------------------------------------------------------------------
/www/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow: /
3 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "tabWidth": 2,
3 |   "useTabs": false
4 | }
5 | 


--------------------------------------------------------------------------------
/packages/vplayer/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow: /
3 | 


--------------------------------------------------------------------------------
/www/.npmrc:
--------------------------------------------------------------------------------
1 | ## force pnpm to hoist 
2 | shamefully-hoist = true
3 | 


--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | [build]
2 |     base = ""
3 |     command = "npm run build"


--------------------------------------------------------------------------------
/packages/vplayer/.npmrc:
--------------------------------------------------------------------------------
1 | ## force pnpm to hoist 
2 | shamefully-hoist = true
3 | 


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/.npmrc:
--------------------------------------------------------------------------------
1 | ## force pnpm to hoist 
2 | shamefully-hoist = true
3 | 


--------------------------------------------------------------------------------
/www/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/favicon.ico


--------------------------------------------------------------------------------
/www/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 |     "cleanUrls":true,
3 |     "trailingSlash":false,
4 |     "redirects":[],
5 |     "rewrites":[]
6 | }


--------------------------------------------------------------------------------
/packages/vplayer/.stackblitzrc:
--------------------------------------------------------------------------------
1 | {
2 |   "startCommand": "npm start",
3 |   "env": {
4 |     "ENABLE_CJS_IMPORTS": true
5 |   }
6 | }


--------------------------------------------------------------------------------
/packages/vplayer/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/packages/vplayer/public/favicon.ico


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/src/index.js:
--------------------------------------------------------------------------------
1 | import Stylesheet from './components/Stylesheet.astro'
2 | 
3 | export default Stylesheet


--------------------------------------------------------------------------------
/www/public/styles/global.css:
--------------------------------------------------------------------------------
1 | *{
2 |     box-sizing: border-box;
3 |     margin: 0;
4 |     padding: 0;
5 |     font-size: calc(1em + 1vw);
6 | }


--------------------------------------------------------------------------------
/lerna.json:
--------------------------------------------------------------------------------
1 | {
2 |   "packages": [
3 |     "packages/*"
4 |   ],
5 |   "npmClient":"yarn",
6 |   "useWorkspaces":true,
7 |   "version": "independent"
8 | }
9 | 


--------------------------------------------------------------------------------
/www/public/assets/fonts/dev-hell/DevelopmentHell-KP3A.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/dev-hell/DevelopmentHell-KP3A.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/final-frontier/FinalFrontier-new.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/final-frontier/FinalFrontier-new.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/final-frontier/FinalFrontier-old.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/final-frontier/FinalFrontier-old.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-700.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-700.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-italic.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-600.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-600.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-800.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-800.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-regular.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-700italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/noto-sans/noto-sans-v14-latin-700italic.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-regular.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-600italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-600italic.ttf


--------------------------------------------------------------------------------
/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-800italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aFuzzyBear/astro-academy/HEAD/www/public/assets/fonts/nunito-sans/nunito-sans-v6-latin-800italic.ttf


--------------------------------------------------------------------------------
/packages/vplayer/src/components/plyr.js:
--------------------------------------------------------------------------------
1 | import Plyr from 'plyr' 
2 | 
3 | const players = document.querySelectorAll('#player')
4 | let plyr= new Plyr(players)
5 | console.log(players,plyr)
6 | // export default Plyr


--------------------------------------------------------------------------------
/www/.gitignore:
--------------------------------------------------------------------------------
 1 | # build output
 2 | dist
 3 | 
 4 | # dependencies
 5 | node_modules/
 6 | .snowpack/
 7 | 
 8 | # logs
 9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 | 
13 | # environment variables
14 | .env
15 | .env.production
16 | 
17 | # macOS-specific files
18 | .DS_Store
19 | 


--------------------------------------------------------------------------------
/packages/vplayer/.gitignore:
--------------------------------------------------------------------------------
 1 | # build output
 2 | dist
 3 | 
 4 | # dependencies
 5 | node_modules/
 6 | .snowpack/
 7 | 
 8 | # logs
 9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 | 
13 | # environment variables
14 | .env
15 | .env.production
16 | 
17 | # macOS-specific files
18 | .DS_Store
19 | 


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/.gitignore:
--------------------------------------------------------------------------------
 1 | # build output
 2 | dist
 3 | 
 4 | # dependencies
 5 | node_modules/
 6 | .snowpack/
 7 | 
 8 | # logs
 9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 | 
13 | # environment variables
14 | .env
15 | .env.production
16 | 
17 | # macOS-specific files
18 | .DS_Store
19 | 


--------------------------------------------------------------------------------
/.gitpod.yml:
--------------------------------------------------------------------------------
 1 | # Commands to start on workspace startup
 2 | tasks:
 3 |   - init: yarn install
 4 |     command: yarn build
 5 | # Once astro is on [vsx](https://open-vsx.org/), we should be able to specify it as an extension as well!
 6 | # https://www.gitpod.io/docs/vscode-extensions
 7 | # vscode:
 8 | #   extensions:
 9 | #     - astro-build.astro-vscode
10 | 


--------------------------------------------------------------------------------
/www/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@example/minimal",
 3 |   "version": "0.0.1",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "astro dev",
 7 |     "start": "astro dev",
 8 |     "build": "astro build",
 9 |     "preview": "astro preview"
10 |   },
11 |   "devDependencies": {
12 |     "astro": "^0.20.5",
13 |     "astro-ui-stylesheet": "^1.0.5"
14 |   },
15 |   "dependencies": {}
16 | }
17 | 


--------------------------------------------------------------------------------
/packages/vplayer/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@example/minimal",
 3 |   "version": "0.0.1",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "astro dev",
 7 |     "start": "astro dev",
 8 |     "build": "astro build",
 9 |     "preview": "astro preview"
10 |   },
11 |   "devDependencies": {
12 |     "astro": "^0.20.7",
13 |     "plyr": "^3.6.8",
14 |     "prop-types": "^15.7.2"
15 |   },
16 |   "dependencies": {
17 |     "react-aptor": "^1.2.1"
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/packages/vplayer/src/pages/index.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | 	import Vplayer from '../components/Vplyr.astro'
 3 | 
 4 | ---
 5 | <html lang="en">
 6 | 
 7 | <head>
 8 | 	<meta charset="utf-8" />
 9 | 	<link rel="icon" type="image/x-icon" href="/favicon.ico" />
10 | 	<meta name="viewport" content="width=device-width" />
11 | 	<title>Welcome to Astro</title>
12 | </head>
13 | 
14 | <body>
15 | 	<h1>Welcome to <a href="https://astro.build/">Astro</a></h1>
16 | 
17 | 	<Vplayer/>
18 | </body>
19 | 
20 | </html>
21 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     "env": {
 3 |         "browser": true,
 4 |         "es2021": true,
 5 |         "node": true
 6 |     },
 7 |     "extends": [
 8 |         "eslint:recommended",
 9 |         "plugin:@typescript-eslint/recommended"
10 |     ],
11 |     "parser": "@typescript-eslint/parser",
12 |     "parserOptions": {
13 |         "ecmaVersion": 12,
14 |         "sourceType": "module"
15 |     },
16 |     "plugins": [
17 |         "@typescript-eslint"
18 |     ],
19 |     "rules": {
20 |     }
21 | };
22 | 


--------------------------------------------------------------------------------
/www/src/pages/index.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | 	import Stylesheet from "astro-ui-stylesheet"
 3 | ---
 4 | <html lang="en">
 5 | 
 6 | <head>
 7 | 	<meta charset="utf-8" />
 8 | 	<Stylesheet attributes={[{
 9 | 		href:'/demo.css',
10 | 		media:'screen'
11 | 	}]} sanitize='all' />
12 | 	<title>Welcome to Astro</title>
13 | </head>
14 | <body>
15 | 	<h1>
16 | 		Astro Academy
17 | 	</h1>
18 | 	<h2>
19 | 		Astro Academy
20 | 	</h2>
21 | 	<h3>
22 | 		Astro Academy
23 | 	</h3>
24 | 	<h4>
25 | 		Astro Academy
26 | 	</h4>
27 | 	<h5>
28 | 		Astro Academy
29 | 	</h5>
30 | </body>
31 | </html>
32 | 


--------------------------------------------------------------------------------
/www/astro.config.mjs:
--------------------------------------------------------------------------------
 1 | // Full Astro Configuration API Documentation:
 2 | // https://docs.astro.build/reference/configuration-reference
 3 | 
 4 | // @type-check enabled!
 5 | // VSCode and other TypeScript-enabled text editors will provide auto-completion,
 6 | // helpful tooltips, and warnings if your exported object is invalid.
 7 | // You can disable this by removing "@ts-check" and `@type` comments below.
 8 | 
 9 | // @ts-check
10 | export default /** @type {import('astro').AstroUserConfig} */ ({
11 |   // Comment out "renderers: []" to enable Astro's default component support.
12 |   renderers: [],
13 | });
14 | 


--------------------------------------------------------------------------------
/www/snowpack.config.js:
--------------------------------------------------------------------------------
 1 | // Snowpack Configuration File
 2 | // See all supported options: https://www.snowpack.dev/reference/configuration
 3 | 
 4 | /** @type {import("snowpack").SnowpackUserConfig } */
 5 | module.exports = {
 6 |   alias:{
 7 |     Pages:'./src/pages',
 8 |     Components:'./src/components',
 9 |     Layouts:'./src/layouts',
10 |     Data:'./src/data'
11 |   },
12 |   mount: {
13 |     /* ... */
14 |   },
15 |   plugins: [
16 |     /* ... */
17 |   ],
18 |   packageOptions: {
19 |     /* ... */
20 |   },
21 |   devOptions: {
22 |     /* ... */
23 |   },
24 |   buildOptions: {
25 |     /* ... */
26 |   },
27 | };
28 | 


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/astro.config.mjs:
--------------------------------------------------------------------------------
 1 | // Full Astro Configuration API Documentation:
 2 | // https://docs.astro.build/reference/configuration-reference
 3 | 
 4 | // @type-check enabled!
 5 | // VSCode and other TypeScript-enabled text editors will provide auto-completion,
 6 | // helpful tooltips, and warnings if your exported object is invalid.
 7 | // You can disable this by removing "@ts-check" and `@type` comments below.
 8 | 
 9 | // @ts-check
10 | export default /** @type {import('astro').AstroUserConfig} */ ({
11 |   // Comment out "renderers: []" to enable Astro's default component support.
12 |   renderers: [],
13 | });
14 | 


--------------------------------------------------------------------------------
/packages/vplayer/astro.config.mjs:
--------------------------------------------------------------------------------
 1 | // Full Astro Configuration API Documentation:
 2 | // https://docs.astro.build/reference/configuration-reference
 3 | 
 4 | // @type-check enabled!
 5 | // VSCode and other TypeScript-enabled text editors will provide auto-completion,
 6 | // helpful tooltips, and warnings if your exported object is invalid.
 7 | // You can disable this by removing "@ts-check" and `@type` comments below.
 8 | 
 9 | // @ts-check
10 | export default /** @type {import('astro').AstroUserConfig} */ ({
11 |   // Comment out "renderers: []" to enable Astro's default component support.
12 |   renderers: ['@astrojs/renderer-react'],
13 | });
14 | 


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/src/pages/index.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | 	import Stylesheet from '../components/Stylesheet.astro'
 3 | 
 4 | ---
 5 | <html lang="en">
 6 | 
 7 | <head>
 8 | 	<meta charset="utf-8" />
 9 | 	
10 | 	<link rel="icon" type="image/x-icon" href="/favicon.ico" />
11 | 	<meta name="viewport" content="width=device-width" />
12 | 	<title>Welcome to Astro</title>
13 | 	<Stylesheet 
14 | 		attributes={[{
15 | 			href:'npm:bulma/css/bulma.css',
16 | 			media:'screen'
17 | 		}]}
18 | 		
19 | 	  	sanitize="all"
20 | 	/>
21 | </head>
22 | 
23 | <body>
24 | 	<h1>Welcome to <a href="https://astro.build/">Astro</a></h1>
25 | </body>
26 | 
27 | </html>
28 | 


--------------------------------------------------------------------------------
/packages/vplayer/README.md:
--------------------------------------------------------------------------------
 1 | # Astro Video Component
 2 | 
 3 | 
 4 | 
 5 | 
 6 | ## 🧞 Commands
 7 | 
 8 | All commands are run from the root of the project, from a terminal:
 9 | 
10 | | Command         | Action                                      |
11 | |:----------------|:--------------------------------------------|
12 | | `npm install`   | Installs dependencies                       |
13 | | `npm run dev`   | Starts local dev server at `localhost:3000` |
14 | | `npm run build` | Build your production site to `./dist/`     |
15 | 
16 | ## 👀 Want to learn more?
17 | 
18 | Feel free to check [our documentation](https://github.com/snowpackjs/astro) or jump into our [Discord server](https://astro.build/chat).
19 | 


--------------------------------------------------------------------------------
/packages/vplayer/src/components/Vplyr.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | 
 3 | ---
 4 | <!-- <link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" /> -->
 5 |     <div class="video-container">
 6 |         <div id="player" data-plyr-provider="youtube" data-plyr-embed-id="bTqVqk7FSmY"></div>
 7 |     </div>
 8 |     <style>
 9 |      @import url('https://cdn.plyr.io/3.6.8/plyr.css');
10 |      .video-container{
11 |          width: 50%;
12 |          
13 |      }
14 | 
15 |     </style>
16 |     <style global>
17 |      :root{
18 |          --plyr-color-main: orange;
19 |      }
20 |     </style>
21 | 
22 |     <script type="module" src="./plyr.js">
23 |     // const player = new Plyr('#player')
24 |     // console.console.log(player);
25 |     
26 |     </script>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Astro Academy
 2 | 
 3 | Welcome to the Astro Academy, here we are seeking to build and open learning experience to help onboard new and existing web developers with the Astro Framework.
 4 | 
 5 | This project is currently a Work In Progress. It is at the very start of its germination phase, whereby we are currently working on the site, its components and the content that would be used.
 6 | 
 7 | We are committed to providing a free and valuable learning experience for as many as possible.
 8 | 
 9 | The Academy would be Astro centric also allowing for space to focus to the extrinsic areas of knowledge that would be required to become proficient at using Astro as a framework.
10 | 
11 | As the project grows we would be better able to provide more information about its progress along with with roadmaps, announcements, contributions guides etc.
12 | 
13 | We thank you for your interest at this present moment. If you are at all interested with this project, please do *watch* it on github.
14 | 
15 | 
16 | Many thanks


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "astro-ui-stylesheet",
 3 |   "author": "aFuzzyBear",
 4 |   "keywords": ["astro","astro component","astro stylesheet"],
 5 |   "description": "Astro StyleSheet Link Component, This single Component provides the interface to apply many stylesheets in one place, have it also apply relevant sanitize.css files that are required",
 6 |   "license": "MIT",
 7 |   "version": "1.0.5",
 8 |   "homepage": "https://github.com/aFuzzyBear/astro-academy/tree/master/packages/astro-ui/head/stylesheet",
 9 |   "bugs": {
10 |     "url": "https://github.com/aFuzzyBear/astro-academy/tree/master/packages/astro-ui/head/stylesheet/issues"
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "https://github.com/aFuzzyBear/astro-academy.git"},
15 | 
16 |   "files": [
17 |     "src/components/Stylesheet.astro",
18 |     "src/index.js"
19 |   ],
20 |   "exports":"./src/index.js",
21 |   "scripts": {
22 |     "dev": "astro dev",
23 |     "start": "astro dev",
24 |     "build": "astro build",
25 |     "preview": "astro preview"
26 |   },
27 |   "devDependencies": {
28 |     "astro": "^0.20.6"
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "astro-academy",
 3 |   "private": true,
 4 |   "description": "",
 5 |   "version": "1.0.0",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git+https://github.com/aFuzzyBear/astro-academy.git"
12 |   },
13 |   "keywords": [],
14 |   "author": "",
15 |   "license": "ISC",
16 |   "bugs": {
17 |     "url": "https://github.com/aFuzzyBear/astro-academy/issues"
18 |   },
19 |   "homepage": "https://github.com/aFuzzyBear/astro-academy#readme",
20 |   "devDependencies": {
21 |     "@typescript-eslint/eslint-plugin": "^4.31.1",
22 |     "@typescript-eslint/parser": "^4.31.1",
23 |     "astro": "^0.20.5",
24 |     "eslint": "^7.32.0",
25 |     "lerna": "^4.0.0",
26 |     "prettier": "^2.4.0",
27 |     "typescript": "^4.4.3"
28 |   },
29 |   "engines": {
30 |     "node": "^13.20.0 || ^14.13.1 || >=16.0.0"
31 |   },
32 |   "volta": {
33 |     "node": "14.16.1",
34 |     "npm": "7.11.2",
35 |     "yarn": "1.22.10"
36 |   },
37 |   "workspaces": [
38 |     "examples/*",
39 |     "guides/*",
40 |     "lessons/*",
41 |     "www"
42 |   ]
43 | }
44 | 


--------------------------------------------------------------------------------
/www/README.md:
--------------------------------------------------------------------------------
 1 | # [Astro](https://astro.build)
 2 | 
 3 | Inside of your Astro project, you'll see the following folders and files:
 4 | 
 5 | ```
 6 | /
 7 | ├── public/
 8 | │   ├── robots.txt
 9 | │   └── favicon.ico
10 | ├── src/
11 | │   └── pages/
12 | │       └── index.astro
13 | └── package.json
14 | ```
15 | 
16 | Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
17 | 
18 | There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
19 | 
20 | Any static assets, like images, can be placed in the `public/` directory.
21 | 
22 | ## 🧞 Commands
23 | 
24 | All commands are run from the root of the project, from a terminal:
25 | 
26 | | Command         | Action                                      |
27 | |:----------------|:--------------------------------------------|
28 | | `npm install`   | Installs dependencies                       |
29 | | `npm run dev`   | Starts local dev server at `localhost:3000` |
30 | | `npm run build` | Build your production site to `./dist/`     |
31 | 
32 | ## 👀 Want to learn more?
33 | 
34 | Feel free to check [our documentation](https://github.com/snowpackjs/astro) or jump into our [Discord server](https://astro.build/chat).
35 | 


--------------------------------------------------------------------------------
/www/public/styles/typography.css:
--------------------------------------------------------------------------------
 1 | /* Development Hell - latin */
 2 | @font-face {
 3 |     font-family: 'Development Hell';
 4 |     font-style: normal;
 5 |     src: url('../assets/fonts/dev-hell/DevelopmentHell-KP3A.ttf'); 
 6 |   }
 7 | /* Final Frontier Old - latin*/
 8 | @font-face {
 9 |     font-family: 'Final Frontier Old';
10 |     font-style: normal;
11 |     src: url('../assets/fonts/final-frontier/FinalFrontier-old.ttf'); 
12 |   }
13 | /* Final Frontier New - latin */
14 | @font-face {
15 |     font-family: 'Final Frontier New';
16 |     font-style: normal;
17 |     src: url('../assets/fonts/final-frontier/FinalFrontier-new.ttf'); 
18 |   }
19 | /* nunito-sans-regular - latin */
20 | @font-face {
21 |     font-family: 'Nunito Sans';
22 |     font-style: normal;
23 |     font-weight: 400;
24 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-regular.ttf'); 
25 |   }
26 |   /* nunito-sans-600 - latin */
27 |   @font-face {
28 |     font-family: 'Nunito Sans';
29 |     font-style: normal;
30 |     font-weight: 600;
31 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-600.ttf');
32 |   }
33 |   /* nunito-sans-600italic - latin */
34 |   @font-face {
35 |     font-family: 'Nunito Sans';
36 |     font-style: italic;
37 |     font-weight: 600;
38 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-600italic.ttf'); 
39 |   }
40 |   /* nunito-sans-800 - latin */
41 |   @font-face {
42 |     font-family: 'Nunito Sans';
43 |     font-style: normal;
44 |     font-weight: 800;
45 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-800.ttf'); 
46 |   }
47 |   /* nunito-sans-800italic - latin */
48 |   @font-face {
49 |     font-family: 'Nunito Sans';
50 |     font-style: italic;
51 |     font-weight: 800;
52 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-800italic.ttf'); /* IE9 Compat Modes */
53 |   }
54 |   /* noto-sans-regular - latin */
55 | @font-face {
56 |     font-family: 'Noto Sans';
57 |     font-style: normal;
58 |     font-weight: 400;
59 |     src: url('../assets/fonts/noto-sans/noto-sans-v14-latin-regular.ttf'); 
60 |   }
61 |   /* noto-sans-700 - latin */
62 |   @font-face {
63 |     font-family: 'Noto Sans';
64 |     font-style: normal;
65 |     font-weight: 700;
66 |     src: url('../assets/fonts/noto-sans/noto-sans-v14-latin-700.ttf'); 
67 |   }
68 |   /* noto-sans-700italic - latin */
69 |   @font-face {
70 |     font-family: 'Noto Sans';
71 |     font-style: italic;
72 |     font-weight: 700;
73 |     src: url('../assets/fonts/noto-sans/noto-sans-v14-latin-700italic.ttf'); 
74 |   }
75 | 
76 |   html{
77 |       font-family: Noto Sans,  'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
78 |       font-weight: 700;
79 |       ;
80 |   }


--------------------------------------------------------------------------------
/www/public/styles/typography.scss:
--------------------------------------------------------------------------------
 1 | /* Development Hell - latin */
 2 | @font-face {
 3 |     font-family: 'Development Hell';
 4 |     font-style: normal;
 5 |     src: url('../assets/fonts/dev-hell/DevelopmentHell-KP3A.ttf'); 
 6 |   }
 7 | /* Final Frontier Old - latin*/
 8 | @font-face {
 9 |     font-family: 'Final Frontier Old';
10 |     font-style: normal;
11 |     src: url('../assets/fonts/final-frontier/FinalFrontier-old.ttf'); 
12 |   }
13 | /* Final Frontier New - latin */
14 | @font-face {
15 |     font-family: 'Final Frontier New';
16 |     font-style: normal;
17 |     src: url('../assets/fonts/final-frontier/FinalFrontier-new.ttf'); 
18 |   }
19 | /* nunito-sans-regular - latin */
20 | @font-face {
21 |     font-family: 'Nunito Sans';
22 |     font-style: normal;
23 |     font-weight: 400;
24 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-regular.ttf'); 
25 |   }
26 |   /* nunito-sans-600 - latin */
27 |   @font-face {
28 |     font-family: 'Nunito Sans';
29 |     font-style: normal;
30 |     font-weight: 600;
31 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-600.ttf');
32 |   }
33 |   /* nunito-sans-600italic - latin */
34 |   @font-face {
35 |     font-family: 'Nunito Sans';
36 |     font-style: italic;
37 |     font-weight: 600;
38 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-600italic.ttf'); 
39 |   }
40 |   /* nunito-sans-800 - latin */
41 |   @font-face {
42 |     font-family: 'Nunito Sans';
43 |     font-style: normal;
44 |     font-weight: 800;
45 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-800.ttf'); 
46 |   }
47 |   /* nunito-sans-800italic - latin */
48 |   @font-face {
49 |     font-family: 'Nunito Sans';
50 |     font-style: italic;
51 |     font-weight: 800;
52 |     src: url('../assets/fonts/nunito-sans/nunito-sans-v6-latin-800italic.ttf'); /* IE9 Compat Modes */
53 |   }
54 |   /* noto-sans-regular - latin */
55 | @font-face {
56 |     font-family: 'Noto Sans';
57 |     font-style: normal;
58 |     font-weight: 400;
59 |     src: url('../assets/fonts/noto-sans/noto-sans-v14-latin-regular.ttf'); 
60 |   }
61 |   /* noto-sans-700 - latin */
62 |   @font-face {
63 |     font-family: 'Noto Sans';
64 |     font-style: normal;
65 |     font-weight: 700;
66 |     src: url('../assets/fonts/noto-sans/noto-sans-v14-latin-700.ttf'); 
67 |   }
68 |   /* noto-sans-700italic - latin */
69 |   @font-face {
70 |     font-family: 'Noto Sans';
71 |     font-style: italic;
72 |     font-weight: 700;
73 |     src: url('../assets/fonts/noto-sans/noto-sans-v14-latin-700italic.ttf'); 
74 |   }
75 | 
76 |   html{
77 |       font-family: Noto Sans,  'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
78 |       font-weight: 700;
79 |       ;
80 |   }
81 | 
82 |   h


--------------------------------------------------------------------------------
/packages/vplayer/src/components/react-plyr.tsx:
--------------------------------------------------------------------------------
  1 | /* eslint-disable react/self-closing-comp */
  2 | import React, { HTMLProps, MutableRefObject } from 'react'
  3 | import PlyrJS, { Options, SourceInfo, PlyrEvent as PlyrJSEvent } from 'plyr'
  4 | import PropTypes from 'prop-types'
  5 | import useAptor from 'react-aptor'
  6 | 
  7 | export type PlyrInstance = PlyrJS
  8 | export type PlyrEvent = PlyrJSEvent
  9 | export type PlyrCallback = (this: PlyrJS, event: PlyrEvent) => void
 10 | 
 11 | export type PlyrProps = Omit<HTMLProps<HTMLVideoElement>, 'ref'> & {
 12 |   source?: SourceInfo
 13 |   options?: Options
 14 | }
 15 | export type HTMLPlyrVideoElement = HTMLVideoElement & { plyr?: PlyrInstance }
 16 | 
 17 | export type APITypes = ReturnType<ReturnType<typeof getAPI>>
 18 | 
 19 | /* REACT-APTOR */
 20 | const instantiate = (node, { options, source }) => {
 21 |   const plyr = new PlyrJS(node, options || {})
 22 |   plyr.source = source
 23 |   return plyr
 24 | }
 25 | 
 26 | const destroy = (plyr: PlyrJS | null) => {
 27 |   if (plyr) plyr.destroy()
 28 | }
 29 | 
 30 | // eslint-disable-next-line @typescript-eslint/no-empty-function
 31 | const noop = () => {}
 32 | 
 33 | const getAPI = (plyr: PlyrJS | null) => {
 34 |   if (!plyr)
 35 |     return () =>
 36 |       new Proxy(
 37 |         { plyr: { source: null } },
 38 |         {
 39 |           get: (target, prop) => {
 40 |             if (prop === 'plyr') {
 41 |               return target[prop]
 42 |             }
 43 |             return noop
 44 |           },
 45 |         }
 46 |       )
 47 | 
 48 |   return () => ({
 49 |     /**
 50 |      * Plyr instance with all of its functionality
 51 |      */
 52 |     plyr,
 53 |   })
 54 | }
 55 | 
 56 | const Plyr = React.forwardRef<APITypes, PlyrProps>((props, ref) => {
 57 |   const { source, options = null, ...rest } = props
 58 | 
 59 |   const raptorRef = useAptor(
 60 |     ref,
 61 |     {
 62 |       instantiate,
 63 |       getAPI,
 64 |       destroy,
 65 |       params: { options, source },
 66 |     },
 67 |     [options, source]
 68 |   )
 69 | 
 70 |   return (
 71 |     <video
 72 |       ref={raptorRef as MutableRefObject<HTMLVideoElement>}
 73 |       className="plyr-react plyr"
 74 |       {...rest}
 75 |     />
 76 |   )
 77 | })
 78 | 
 79 | Plyr.displayName = 'Plyr'
 80 | 
 81 | Plyr.defaultProps = {
 82 |   options: {
 83 |     controls: [
 84 |       'rewind',
 85 |       'play',
 86 |       'fast-forward',
 87 |       'progress',
 88 |       'current-time',
 89 |       'duration',
 90 |       'mute',
 91 |       'volume',
 92 |       'settings',
 93 |       'fullscreen',
 94 |     ],
 95 |     i18n: {
 96 |       restart: 'Restart',
 97 |       rewind: 'Rewind {seektime}s',
 98 |       play: 'Play',
 99 |       pause: 'Pause',
100 |       fastForward: 'Forward {seektime}s',
101 |       seek: 'Seek',
102 |       seekLabel: '{currentTime} of {duration}',
103 |       played: 'Played',
104 |       buffered: 'Buffered',
105 |       currentTime: 'Current time',
106 |       duration: 'Duration',
107 |       volume: 'Volume',
108 |       mute: 'Mute',
109 |       unmute: 'Unmute',
110 |       enableCaptions: 'Enable captions',
111 |       disableCaptions: 'Disable captions',
112 |       download: 'Download',
113 |       enterFullscreen: 'Enter fullscreen',
114 |       exitFullscreen: 'Exit fullscreen',
115 |       frameTitle: 'Player for {title}',
116 |       captions: 'Captions',
117 |       settings: 'Settings',
118 |       menuBack: 'Go back to previous menu',
119 |       speed: 'Speed',
120 |       normal: 'Normal',
121 |       quality: 'Quality',
122 |       loop: 'Loop',
123 |     },
124 |   },
125 |   source: {
126 |     type: 'video',
127 |     sources: [
128 |       {
129 |         src: 'https://cdn.plyr.io/static/blank.mp4',
130 |         type: 'video/mp4',
131 |         size: 720,
132 |       },
133 |       {
134 |         src: 'https://cdn.plyr.io/static/blank.mp4',
135 |         type: 'video/mp4',
136 |         size: 1080,
137 |       },
138 |     ],
139 |   },
140 | }
141 | 
142 | Plyr.propTypes = {
143 |   options: PropTypes.object,
144 |   source: PropTypes.any,
145 | }
146 | 
147 | export default Plyr
148 | 


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/src/components/Stylesheet.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | /**
  3 |  *  @function handleError
  4 |  *  @params err? - defaults to "No Stylesheets have been included"
  5 |  *  @throw Error to STDERR 
  6 |  */
  7 | function handelError(err='No Stylesheets have been included!'){
  8 |     throw new Error(err)
  9 | }
 10 | /**
 11 |  *  @params path - used as source for the href  
 12 |  *  @returns HTMLLinkElement,  
 13 |  * 
 14 |  **/
 15 | const returnLink = (path:string,media?:string):HTMLLinkElement => 
 16 | <link rel="stylesheet" type="text/css" href={path} media={media && media}/>
 17 | 
 18 | export type SanitizeList =
 19 |         "all" |
 20 |         "bare"|
 21 |         "forms"|
 22 |         "assets"|
 23 |         "typography"|
 24 |         "reducedMotion"|
 25 |         "sysUI"|
 26 |         "monoUI"
 27 |     
 28 | export interface Props{
 29 |     attributes: linkAttributes[]
 30 |     sanitize?:SanitizeList
 31 | }
 32 | export declare type linkAttributes = {
 33 |     href: "npm:" | string ,
 34 |     media?:string
 35 | }
 36 | 
 37 | const sanitizerURLS = {
 38 |     default:"https://cdn.skypack.dev/sanitize.css",
 39 |     forms:"https://unpkg.com/sanitize.css/forms.css",
 40 |     assets:"https://unpkg.com/sanitize.css/assets.css",
 41 |     typography:"https://unpkg.com/sanitize.css/typography.css",
 42 |     reducedMotion:"https://unpkg.com/sanitize.css/reduce-motion.css",
 43 |     sysUI:"https://unpkg.com/sanitize.css/system-ui.css",
 44 |     monoUI:"https://unpkg.com/sanitize.css/ui-monospace.css"
 45 | }
 46 | 
 47 | // Acquiring values from props
 48 | const {attributes}= Astro.props as {attributes:linkAttributes}
 49 | const {sanitize} = Astro.props as {sanitize:SanitizeList}
 50 | 
 51 | if(!Array.isArray(attributes) || attributes.length === 0){
 52 |     handelError()
 53 | }
 54 | 
 55 | const linkCSS = (attributes).map(
 56 |     (attribute) =>{
 57 |         const {href,media} = attribute
 58 |         let src = href.startsWith('npm:') && href.endsWith('.css')
 59 |                     ? 'https://cdn.skypack.dev/' + href.slice(4) 
 60 |                     : href
 61 |          return returnLink(src,media)
 62 |     }
 63 | )
 64 | 
 65 | /**Global to place the sanitized links into */
 66 | let sanitizedArray = []
 67 | 
 68 | /**
 69 |  * Assister function to help push the right sanitized links to the array
 70 |  */
 71 | const getSanitizeLinks = async (name) =>{
 72 |     if(name ==='all'){
 73 |        Object.entries(sanitizerURLS).forEach(link=>{
 74 |         sanitizedArray.push(
 75 |             returnLink(link[1])
 76 |         )
 77 |     })
 78 |     }
 79 |     else if(name === 'bare'){
 80 |         sanitizedArray.push(
 81 |             returnLink(sanitizerURLS['default'])
 82 |         )
 83 |     }
 84 |     else{
 85 |         sanitizedArray.push(
 86 |             returnLink(sanitizerURLS['default'])
 87 |         )
 88 |         sanitizedArray.push(
 89 |             returnLink(sanitizerURLS[`${name}`])
 90 |         )
 91 |     }
 92 | }
 93 | 
 94 | /**
 95 |  * Normalise the sanitize behaviour
 96 |  */
 97 | const linkSanitizeHTML = (
 98 |     sanitize === 'all' 
 99 |         ? getSanitizeLinks('all')
100 |     : sanitize === 'bare' 
101 |         ? getSanitizeLinks('bare')
102 |     : sanitize === 'forms' 
103 |         ? getSanitizeLinks('forms')
104 |     : sanitize === 'assets' 
105 |         ? getSanitizeLinks('assets')
106 |     : sanitize === 'typography' 
107 |         ? getSanitizeLinks('typography')
108 |     : sanitize === 'reducedMotion' 
109 |         ? getSanitizeLinks('reducedMotion')
110 |     : sanitize === 'sysUI' 
111 |         ? getSanitizeLinks('sysUI')
112 |     : sanitize === 'monoUI' 
113 |         ? getSanitizeLinks('monoUI')
114 |     : handelError('An incorrect sanitizer value has been provided as Props')
115 | 
116 | )
117 | 
118 | /**
119 |  * Function to populate the list of sanitized links 
120 |  */
121 | const populateSanitizer = async() =>{
122 |     //  await getSanitizeLinks(sanitize) //This is strange, it runs this twice, no idea why
123 |     const worker = await linkSanitizeHTML
124 |     return sanitizedArray
125 | }
126 | 
127 | ---
128 |     <!-- Populate the generated Stylesheet Links onto the DOM -->
129 |     {linkCSS}
130 |     {await populateSanitizer()}


--------------------------------------------------------------------------------
/packages/astro-ui/head/stylesheet/README.md:
--------------------------------------------------------------------------------
  1 | # Astro Stylesheet Component
  2 | 
  3 | A simple component to help abstract the monotony of adding stylesheets to any Astro project.
  4 | 
  5 | To use simply:
  6 | 
  7 | ```bash
  8 | npm i astro-ui-stylesheet -D
  9 | ```
 10 | 
 11 | Within your `./src/layouts/*.astro` layout file, apply the following:
 12 | 
 13 | ```astro
 14 | ---
 15 | import Stylesheet from 'astro-ui-stylesheet'
 16 | 
 17 | ---
 18 | <html>
 19 |   <head>
 20 |     <Stylesheet 
 21 |         attributes: Array<Object> = {
 22 |           [
 23 |             {
 24 |               href:string = "./styles/global.css", 
 25 |               media:string = "screen "
 26 |             },
 27 |             {
 28 |               href:string = Astro.resolve('./src/components/print.css'),
 29 |               media:string = "print"
 30 |             },
 31 |             {
 32 |               href:string = "npm:bootstrap@next/dist/css/bootstrap.min.css",
 33 |               media:string = "screen and (max-width:600px)"
 34 |             }
 35 |           ]
 36 |         }
 37 |         sanitize:SanitizeList =  "all" | "bare"| "forms"| "assets"| "typography"|
 38 |                             "reducedMotion"| "sysUI"| "monoUI"
 39 |     />
 40 |  </head>
 41 | </html>
 42 | 
 43 | ```
 44 | 
 45 | This would then populate all the relevant `<link rel='stylesheet' href='' type='text/css' media=''>` required in the `<head>` of the Layout file.
 46 | 
 47 | ## Props `:Props`
 48 | 
 49 | The `props` interface is a really straight forward to use. It follows this shape,
 50 | 
 51 | ```ts
 52 | export interface Props{
 53 |     attributes: linkAttributes[]
 54 |     sanitize?:SanitizeList
 55 | }
 56 | ```
 57 | 
 58 |  
 59 | ## Props.attributes `:linkAttributes[]`
 60 | 
 61 | The Props `attributes` is a JSX array of objects as represented by the type `linkAttributes`
 62 | 
 63 | ```ts
 64 | export declare type linkAttributes = {
 65 |     href: "npm:" | string,
 66 |     media?:string
 67 | }
 68 | ```
 69 | 
 70 | ### `href:string`
 71 | 
 72 | Within the object the `href` attribute, captures the hyperlink reference to the CSS file. This could be stored either within the `public` directory i.e:`./public/styles.css` and referenced as `./styles.css`. Or alternatively use `Astro.resolve()` to resolve files located within the `./src/*` directory.
 73 | 
 74 | The `href` also allows to link to any `https://` or CDN to obtain the desired CSS file.
 75 | 
 76 | > ❗ All Files must be a `type='text/css'` file ending in `*.css`
 77 | 
 78 | The `href` can also source css files located within npm packages. By utilising [Skypack](https://www.skypack.dev/) to obtain the CSS files you can access stylesheets from other css frameworks to name but a few:
 79 | 
 80 | - [Bootstrap](https://www.skypack.dev/view/bootstrap) `npm:bootstrap/css/bootstrap.min.css`
 81 | - [Bulma](https://www.skypack.dev/view/bulma) `npm:bulma/css/bulma.css`
 82 | - [SakuraCSS](https://www.skypack.dev/view/sakura.css) `npm:sakuraCss/sakura.css`
 83 | 
 84 | **⚠️ Caution**
 85 | 
 86 | This only works for addresses that route directly to a stylesheet, if your desired framework requires additional `<script>` tags to work, then this would not be supportive of your endeavours, sorry.
 87 | 
 88 | ### `media?:string`
 89 | 
 90 | This media directive allows for stylesheets that are media query specific to be applied with this `<Stylesheet>` ComponentAPI.
 91 | 
 92 | Using the same syntax as one normally would to direct such things. For further information see [MDN Stylesheet.media](https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet/media)
 93 | 
 94 | ## Props.sanitize `:SanitizedList`
 95 | 
 96 | The `<Stylesheet>` component is tightly coupled with the [`sanitizer.css`](https://csstools.github.io/sanitize.css/) project. This project alongside its sister project [`normalize.css`](https://github.com/csstools/normalize.css), helps to provide a consistent cross-browser CSS library. Helping to give developers a default styling experience.
 97 | 
 98 | To utilize Sanitize.css with this component, simply designate which of the Sanitize.css packages you wish to add to your site.
 99 | 
100 | ```ts
101 | type SanitizeList =
102 |         "all" |
103 |         "bare"|
104 |         "forms"|
105 |         "assets"|
106 |         "typography"|
107 |         "reducedMotion"|
108 |         "sysUI"|
109 |         "monoUI"
110 | 
111 | ```
112 | 
113 | This would then apply the relevant set of Sanitizer links to the document.
114 | 
115 | This project is firmly of the back of this great project. Please look to support the projects by giving them a star on github, it would really mean the world to them.
116 | 
117 | ## Credits
118 | 
119 | This project was largely inspired and assisted by [jonathantneal](https://github.com/jonathantneal) from [csstools/sanitize.css](https://github.com/csstools/sanitize.css)


--------------------------------------------------------------------------------