Merge branch 'dev'

Author: luisherranz

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@0.3.0/schema.json",
+  "changelog": [
+    "@changesets/changelog-github",
+    { "repo": "frontity/frontity" }
+  ],
+  "commit": false,
+  "linked": [],
+  "access": "public",
+  "baseBranch": "dev"
+}

.gitignore

@@ -6,3 +6,4 @@ node_modules
 dist
 build
 analyze
+.env

README.md

@@ -19,14 +19,19 @@
 
 ---
 
-> **Frontity v1 is now available**. Frontity allows you to create a WordPress theme based on React JS. Please **test it out** and let us know how it goes! Your feedback is extremely valuable in this early phase. Bug reports will be also highly appreciated.
+> Frontity is a free and open source framework to develop WordPress themes based on ReactJS. To learn more about the framework, its basic concepts and how they work together, check out our docs:
 >
-> <div align="center"><a href="https://docs.frontity.org/getting-started?utm_source=github-readme&utm_medium=get-started-link"><strong>GET STARTED!</strong></a></div>
-> <br />
+> - [About Frontity framework](https://docs.frontity.org/#about-frontity-framework)
+> - [Learning Frontity guide](https://docs.frontity.org/learning-frontity)
+>
+> If you can't wait to see what Frontity can do, head over to our [Quick Start Guide](https://docs.frontity.org/getting-started/quick-start-guide) to get up and running! Once you try it out, please [let us know](https://community.frontity.org/) how it goes! We'd love to learn more about your experience and how Frontity can help your project(s). Bug reports will be also highly appreciated.
 >
-> Frontity will continue to be tested and improved during the next months, and new features will be added progressively.
+> Frontity will continue to be improved during the next months, and new features will be added progressively.
 >
-> #### Do you want to receive the latest framework updates and news? [Subscribe to our newsletter](https://frontity.org/#newsletter)!
+> Feel free to [subscribe to our newsletter](https://frontity.org/#newsletter) to **get notified of the latest framework updates and news**.
+>
+> <div align="center"><a href="https://docs.frontity.org/getting-started?utm_source=github-readme&utm_medium=get-started-link"><strong>GET STARTED!</strong></a></div>
+> <br />
 
 ---
 
@@ -99,7 +104,7 @@ React is a JavaScript library. In order to generate HTML for the visitors or Goo
 
 **Frontity** is prepared to be hosted either in a regular Node.js server or in **serverless** services like [AWS Lambda](https://aws.amazon.com/lambda), [Now](https://zeit.co/now), [Netlify](https://www.netlify.com/), [Google Functions](https://cloud.google.com/functions/) and so on. That makes it super cheap and infinitely scalable.
 
-Oh, and by the way, **Frontity is extensible**. Right now we have extensions like _Disqus comments, OneSignal notifications, Adsense, Doubleclick, SmartAds, Google Analytics, Google Tag Manager, Custom CSS or Custom HTML_. This means, Frontity Themes won't have to reinvent the wheel and include the same functionalities over and over.
+Oh, and by the way, **Frontity is extensible**. It allows you to easily add new features to your theme via extensions and NPM packages without having to create them from scratch. Right now, we are working on extensions like _Disqus comments, OneSignal notifications, Adsense, Doubleclick, SmartAds, Google Analytics, Google Tag Manager, Custom CSS or Custom HTML_. This means, Frontity Themes won't have to reinvent the wheel and include the same functionalities over and over.
 
 ---
 

e2e/integration/loadable.spec.js

@@ -0,0 +1,22 @@
+describe("Loadable", () => {
+  beforeEach(() => {
+    cy.visit("http://localhost:3001?name=loadable");
+  });
+
+  it("should be able to render elements from dynamic components", () => {
+    cy.get("[data-test-id='dynamic-div']").should(
+      "have.text",
+      "I am the Dynamic1 component"
+    );
+    cy.get("[data-test-id='dynamic2-div']").should(
+      "have.text",
+      "I am the Dynamic2 component"
+    );
+  });
+
+  it("should be able to use javascript from dynamic components", () => {
+    cy.get("[data-test-id='toggle-div']").should("have.text", "OFF");
+    cy.get("[data-test-id='toggle-button").click();
+    cy.get("[data-test-id='toggle-div']").should("have.text", "ON");
+  });
+});

e2e/packages/emotion/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "emotion",
+  "name": "e2e-emotion",
   "version": "1.0.1",
   "private": true,
   "description": "Package to do e2e testing of Frontity's internal Emotion library",

e2e/packages/fonts/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "fonts",
+  "name": "e2e-fonts",
   "version": "1.0.1",
   "private": true,
   "description": "Package to do e2e testing for fonts",

e2e/packages/head/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "head",
+  "name": "e2e-head",
   "version": "1.0.4",
   "private": true,
   "description": "Package to do e2e testing of Frontity's Head component",

e2e/packages/image/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "image",
+  "name": "e2e-image",
   "version": "1.0.3",
   "private": true,
   "description": "Package to do e2e testing of Frontity's Image component",
   "dependencies": {
     "@frontity/components": "^1.1.14",
-    "frontity": "1.3.0"
+    "frontity": "1.4.2"
   }
 }

e2e/packages/loadable/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "e2e-loadable",
+  "version": "1.0.0",
+  "private": true,
+  "description": "Package to do e2e testing of Frontity's loadable utility",
+  "dependencies": {
+    "frontity": "^1.4.2"
+  }
+}

e2e/packages/loadable/src/dynamic-2/dynamic-2.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import Static from "../static";
+
+const Dynamic2: React.FC = () => {
+  return (
+    <>
+      <div data-test-id="dynamic2-div">I am the Dynamic2 component</div>
+      <Static />
+    </>
+  );
+};
+
+export default Dynamic2;