adding native script to generate task

Author: perrygovier

package.json

@@ -12,7 +12,7 @@
     "deploy": "docusaurus deploy",
     "serve": "docusaurus serve",
     "clear": "docusaurus clear",
-    "generate-markdown": "concurrently \"node scripts/api\" \"node scripts/cli\""
+    "generate-markdown": "concurrently \"node scripts/api\" \"node scripts/cli\" \"node scripts/native\""
   },
   "dependencies": {
     "@docusaurus/core": "2.0.0-beta.0",
@@ -28,8 +28,8 @@
     "prettier": "^2.2.1",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
-    "remark-html": "^13.0.1",
-    "react-live": "^2.2.3"
+    "react-live": "^2.2.3",
+    "remark-html": "^13.0.1"
   },
   "browserslist": {
     "production": [

scripts/native.js

@@ -11,8 +11,9 @@ const utils = require('./utils.js');
 function writePage(page) {
   const data = [
     renderFrontmatter(page),
+    renderImports(page),
     renderIntro(page),
-    // renderUsage(page),
+    renderSalesCTA(page),
     // renderProperties(page),
     // renderEvents(page),
     // renderMethods(page),
@@ -39,6 +40,12 @@ ${Object.entries(frontmatter)
 `;
 }
 
+function renderImports({}) {
+  return `
+import DocsCard from '@site/src/components/DocsCard';
+`;
+}
+
 function renderIntro({ description, displayName, repo }) {
   return `
 # ${displayName}
@@ -51,6 +58,20 @@ ${description}
 `;
 }
 
+function renderSalesCTA({}) {
+  return `
+<h2>Stuck on a Cordova issue?</h2>
+<DocsCard class="cordova-ee-card" header="Don't waste precious time on plugin issues." href="https://ionicframework.com/sales?product_of_interest=Ionic%20Native">
+  <div>
+    <img src="/docs/icons/native-cordova-bot.png" class="cordova-ee-img" />
+    <p>If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic’s experts offer premium advisory services for both community plugins and premier plugins.</p>
+    <docs-button class="native-ee-detail">Contact Us Today!</docs-button>
+  </div>
+</DocsCard>
+
+`;
+}
+
 // function renderUsage({ usage }) {
 //   const keys = Object.keys(usage);
 

src/css/custom.css

@@ -280,4 +280,14 @@ iframe {
 }
 .git-link path {
   fill: currentColor;
+}
+
+.cordova-ee-img {
+  width:50px;
+  float:left;
+  margin-right:20px;
+}
+
+.cordova-ee-card {
+  max-width:100%;
 }