Chore/upgrade greenwood v0.27.0 (#278)

* initial Greenwood v0.27.0 upgrade

* restore specs

* upgrade latest alpha.1

* upgrade v0.27.0-alpha.2

* upgrade alpha.3

* upgrade alpha.7

greenwood.config.js

@@ -12,23 +12,18 @@ export default {
   },
 
   plugins: [
+    greenwoodPluginPostCss(),
+    greenwoodPluginImportCss(),
+    greenwoodPluginGraphQL(),
+    greenwoodPluginRendererPuppeteer(),
     greenwoodPluginGoogleAnalytics({
       analyticsId: 'UA-117350131-1'
-    }),
-
-    greenwoodPluginPostCss(),
-
-    ...greenwoodPluginImportCss(),
-
-    ...greenwoodPluginGraphQL(),
-
-    ...greenwoodPluginRendererPuppeteer()
+    })
   ],
 
   markdown: {
     plugins: [
       '@mapbox/rehype-prism'
     ]
   }
-
 };

package.json

@@ -24,12 +24,12 @@
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@greenwood/cli": "^0.26.1",
-    "@greenwood/plugin-google-analytics": "^0.26.1",
-    "@greenwood/plugin-graphql": "^0.26.1",
-    "@greenwood/plugin-import-css": "^0.26.1",
-    "@greenwood/plugin-postcss": "^0.26.1",
-    "@greenwood/plugin-renderer-puppeteer": "^0.26.1",
+    "@greenwood/cli": "^0.27.0",
+    "@greenwood/plugin-google-analytics": "^0.27.0",
+    "@greenwood/plugin-graphql": "^0.27.0",
+    "@greenwood/plugin-import-css": "^0.27.0",
+    "@greenwood/plugin-postcss": "^0.27.0",
+    "@greenwood/plugin-renderer-puppeteer": "^0.27.0",
     "@ls-lint/ls-lint": "^1.10.0",
     "@mapbox/rehype-prism": "^0.5.0",
     "@web/test-runner": "^0.13.13",

src/components/card/card.js

@@ -1,6 +1,6 @@
 import { css, html, LitElement, unsafeCSS } from 'lit-element';
 import '../social-icon-link/social-icon-link.js';
-import cardCss from './card.css';
+import cardCss from './card.css?type=css';
 
 class CardComponent extends LitElement {
 

src/components/content-list-component/content-list-component.js

@@ -2,7 +2,7 @@ import { css, html, LitElement, unsafeCSS } from 'lit-element';
 import '../card-list/card-list.js';
 import ArticlesService from '../../services/articles/articles-service.js';
 import PresentationsService from '../../services/presentations/presentations-service.js';
-import pageCss from '../../styles/page.css';
+import pageCss from '../../styles/page.css?type=css';
 
 class ContentListComponent extends LitElement {
 

src/components/footer/footer.js

@@ -1,6 +1,6 @@
 import { css, html, LitElement, unsafeCSS } from 'lit-element';
 import '../social-icon-link/social-icon-link.js';
-import footerCss from './footer.css';
+import footerCss from './footer.css?type=css';
 
 class FooterComponent extends LitElement {
 

src/components/header/header.js

@@ -1,5 +1,5 @@
 import { css, html, LitElement, unsafeCSS } from 'lit-element';
-import headerCss from './header.css';
+import headerCss from './header.css?type=css';
 
 class HeaderComponent extends LitElement {
 

src/components/navigation/navigation.js

@@ -1,5 +1,5 @@
 import { css, html, LitElement, unsafeCSS } from 'lit-element';
-import navigationCss from './navigation.css';
+import navigationCss from './navigation.css?type=css';
 
 class NavigationComponent extends LitElement {
 

web-test-runner.config.js

@@ -23,10 +23,16 @@ export default {
     name: 'import-css',
     async transform(context) {
       const { url } = context.request;
-      const shouldIntercept = await importCssResource.shouldIntercept(url, context.body, { request: context.headers });
-
+      const customHeaders = {
+        request: {
+          originalUrl: url,
+          ...context.headers
+        }
+      };
+      const shouldIntercept = await importCssResource.shouldIntercept(url, context.body, customHeaders);
+
       if (shouldIntercept) {
-        const cssResource = await importCssResource.intercept(url, context.body);
+        const cssResource = await importCssResource.intercept(url, context.body, customHeaders);
         const { body, contentType } = cssResource;
 
         return {