Extract Astro styles to external stylesheets

.eslintrc.cjs

@@ -3,12 +3,15 @@ module.exports = {
  extends: ['plugin:@typescript-eslint/recommended', 'prettier'],
  plugins: ['@typescript-eslint', 'prettier'],
  rules: {
+ '@typescript-eslint/ban-ts-comment': 'warn',
  '@typescript-eslint/camelcase': 'off',
  '@typescript-eslint/explicit-module-boundary-types': 'off',
  '@typescript-eslint/no-use-before-define': 'off',
  '@typescript-eslint/no-var-requires': 'off',
+ 'no-shadow': 'warn',
  'prettier/prettier': 'error',
  'prefer-const': 'off',
  'prefer-rest-params': 'off',
+ 'require-jsdoc': 'warn',
  },
 };

.github/workflows/nodejs.yml

@@ -27,3 +27,10 @@ jobs:
  npm test
  env:
  CI: true
+ lint:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v1
+ - uses: actions/setup-node@v1
+ - run: npm ci
+ - run: npm run lint

examples/snowpack/astro/pages/concepts/build-pipeline.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: The Build Pipeline
 description: Snowpack Build creates a production-ready website with or without a bundler
 ---

examples/snowpack/astro/pages/concepts/dev-server.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: The Dev Server
 description: Snowpack's dev server is fast because it only rebuilds the files you change. Powered by ESM (ES modules).
 ---

examples/snowpack/astro/pages/concepts/hot-module-replacement.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: HMR + Fast Refresh
 description: Snowpack's ESM-powered unbundled development means near-instant single file builds that only take 10-25ms to load and update in the browser.
 ---

examples/snowpack/astro/pages/concepts/how-snowpack-works.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: How Snowpack Works
 description: Snowpack serves your application unbundled during development. Each file is built only once and is cached until it changes.
 ---

examples/snowpack/astro/pages/guides/babel.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: 'Babel'
 tags: communityGuide
 published: true

examples/snowpack/astro/pages/guides/connecting-tools.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: The Snowpack Guide to connecting your favorite tools
 description: 'How do you use your favorite tools in Snowpack? This Guide will help you get started'
 published: true

examples/snowpack/astro/pages/guides/hmr.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Hot Module Replacement (HMR)
 description: Enable Snowpack's Hot Module Replacement (HMR) on your development server.
 published: false

examples/snowpack/astro/pages/guides/https-ssl-certificates.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: SSL Certificates
 description: How to use HTTPs during development and generate SSL certifcates for your Snowpack build.
 ---

examples/snowpack/astro/pages/guides/jest.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: 'Jest'
 tags: communityGuide
 img: '/img/logos/jest.svg'

examples/snowpack/astro/pages/guides/optimize-and-bundle.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Optimize & Bundle for Production
 published: true
 description: How to optimize your Snowpack build for production, with or without a bundler.

examples/snowpack/astro/pages/guides/plugins.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Creating Your Own Plugin
 description: Learn the basics of our Plugin API through working examples.
 ---

examples/snowpack/astro/pages/guides/postcss.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: 'PostCSS'
 tags: communityGuide
 published: true

examples/snowpack/astro/pages/guides/preact.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Preact
 tags: communityGuide
 img: '/img/logos/preact.svg'

examples/snowpack/astro/pages/guides/react-global-imports.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: React + babel-plugin-import-global
 published: false
 ---

examples/snowpack/astro/pages/guides/react-loadable-components.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: React + Loadable Components
 published: false
 ---

examples/snowpack/astro/pages/guides/routing.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Routing
 published: true
 description: This guide will walk you through some common routing scenarios and how to configure the routes option to support them in development.

examples/snowpack/astro/pages/guides/sass.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: 'Sass'
 tags: communityGuide
 published: true

examples/snowpack/astro/pages/guides/server-side-render.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Server-Side Rendering (SSR)
 description: This guide will walk you through three different options for setting up Snowpack with your own custom server.
 published: true

examples/snowpack/astro/pages/guides/streaming-imports.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Streaming Imports
 published: true
 stream: Fetch your npm dependencies on-demand from a remote ESM CDN.

examples/snowpack/astro/pages/guides/tailwind-css.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: 'Tailwind CSS'
 tags: communityGuide
 published: true

examples/snowpack/astro/pages/guides/testing.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Testing
 published: true
 description: How to choose and use a JavaScript test runner for your Snowpack site.

examples/snowpack/astro/pages/guides/upgrade-guide.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Snowpack Upgrade Guide
 published: true
 description: How to upgrade to Snowpack v3 from older versions of Snowpack.

examples/snowpack/astro/pages/guides/vue.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Vue
 tags: communityGuide
 img: '/img/logos/vue.png'

examples/snowpack/astro/pages/guides/wasm.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: 'WASM'
 tags: communityGuide
 published: true

examples/snowpack/astro/pages/guides/web-test-runner.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: '@web/test-runner'
 tags: communityGuide
 img: '/img/logos/modern-web.svg'

examples/snowpack/astro/pages/guides/web-worker.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: 'Web Workers'
 tags: communityGuide
 published: true

examples/snowpack/astro/pages/guides/workbox.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Workbox
 tags: communityGuide
 description: The Workbox CLI integrates well with Snowpack.

examples/snowpack/astro/pages/posts/2020-05-26-snowpack-2-0-release.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/post.astro
+layout: ../../layouts/post.astro
 bannerVideo: '/img/extra-space-4.mp4'
 permalink: '/posts/2020-05-26-snowpack-2-0-release/'
 title: Snowpack v2.0

examples/snowpack/astro/pages/posts/2020-07-30-snowpack-2-7-release.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/post.astro
+layout: ../../layouts/post.astro
 title: Snowpack 2.7
 description: 'A new plugin API plus smaller, faster production builds.'
 tagline: v2.7.0 release post

examples/snowpack/astro/pages/posts/2020-12-03-snowpack-3-release-candidate.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/post.astro
+layout: ../../layouts/post.astro
 title: 'Snowpack v3.0 Release Candidate'
 tagline: New features to change the way you build for the web.
 description: 'New features to change the way you build for the web. Snowpack v3.0 will release on January 6th, 2021 (the one-year anniversary of its original launch post). This is our biggest release yet with some serious new features, including a new way to load npm packages on-demand that lets you skip the `npm install` step entirely.'

examples/snowpack/astro/pages/posts/2021-01-13-snowpack-3-0.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/post.astro
+layout: ../../layouts/post.astro
 title: 'Snowpack v3.0'
 description: Snowpack v3.0 is here! Our biggest release yet with some serious new features, including pre-bundled streaming imports, built-in bundling & optimizations, new JavaScript APIs, and more.'
 date: 2021-01-13

examples/snowpack/astro/pages/reference/cli-command-line-interface.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Command Line API
 description: The Snowpack Command Line tool's API, commands, and flags.
 ---

examples/snowpack/astro/pages/reference/common-error-details.md

@@ -1,5 +1,5 @@
 ---
-layout: layouts/content.astro
+layout: ../../layouts/content.astro
 title: Common Error Details
 description: How to troubleshoot common issues and error messagesm, plus our resources for getting help.
 ---