egoist · Prozi · Jun 27, 2019 · Jun 27, 2019 · Jun 27, 2019 · Jun 27, 2019
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,18 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "loose": true,
+        "targets": {
+          "node": true
+        }
+      }
+    ]
+  ],
+  "plugins": [
+    ["@babel/plugin-transform-class-properties", { "loose": true }],
+    ["@babel/plugin-transform-private-methods", { "loose": true }],
+    ["@babel/plugin-transform-private-property-in-object", { "loose": true }]
+  ]
+}
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -3,7 +3,7 @@ jobs:
   build:
     working_directory: ~/github/codepan
     docker:
-      - image: circleci/node:8.0.0
+      - image: cimg/node:lts
     branches:
       ignore:
         - gh-pages # list of branches to ignore
@@ -19,6 +19,3 @@ jobs:
           key: dependency-cache-{{ checksum "yarn.lock" }}
           paths:
             - ./node_modules
-      - run:
-          name: test
-          command: yarn test
diff --git a/README.md b/README.md
@@ -1,9 +1,13 @@
 # CodePan
 
-[![CircleCI](https://circleci.com/gh/egoist/codepan/tree/master.svg?style=shield&circle-token=e811a08d6464123dd65d2dcd52f62806bf9e37fc)](https://circleci.com/gh/egoist/codepan/tree/master) [![chat](https://img.shields.io/badge/chat-on%20discord-7289DA.svg?style=flat)](https://chat.egoist.moe)
+[![CircleCI](https://circleci.com/gh/Prozi/codepan/tree/master.svg?style=shield)](https://circleci.com/gh/Prozi/codepan/tree/master) [![chat](https://img.shields.io/badge/chat-on%20discord-7289DA.svg?style=flat)](https://chat.egoist.moe)
 
 Play with JS/CSS/HTML so simple it hurts, the web playground that works offline.
 
+## Demo
+
+https://code.pietal.dev/
+
 ## Why
 
 > Aren't there already JSBin/CodePen/JSFiddle?
@@ -24,6 +28,31 @@ Clone this repository and install dependencies by running `yarn`, then:
 - `yarn build`: Build in production mode
 - `yarn lint`: Run eslint
 
+## Set pans from the url GET parameters
+
+You can use url GET param:
+
+- `pans=html,css,js,console,output`
+
+Sets types of visible open pans, any number is ok
+
+- `layout=column|row`
+
+Sets the desired layout of open pans
+
+- `headless=false|true`
+
+Doesnt show ads, menu or pan header titles
+
+## Credits
+
+v0.1 &copy; [EGOIST](https://github.com/egoist)
+v0.2+ &copy; [PROZI](https://github.com/Prozi)
+
 ## License
 
-MIT &copy; [EGOIST](https://github.com/egoist)
+MIT
+
+## You can buy me a coffee
+
+<https://paypal.me/jacekpietal>
diff --git a/docs/add-transformer.md b/docs/add-transformer.md
diff --git a/docs/embed.md b/docs/embed.md
diff --git a/index.ejs b/index.ejs
@@ -1,75 +1,126 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title><%= htmlWebpackPlugin.options.title %></title>
     <% if (htmlWebpackPlugin.options.description) { %>
-    <meta name="description" content="<%= htmlWebpackPlugin.options.description %>"/>
+    <meta
+      name="description"
+      content="<%= htmlWebpackPlugin.options.description %>"
+    />
     <% } %>
 
-    <meta property="og:url" content="<%= htmlWebpackPlugin.options.pkg.homepage %>">
-    <meta property="og:site_name" content="<%= htmlWebpackPlugin.options.title %>">
-    <meta property="og:title" content="<%= htmlWebpackPlugin.options.description %>">
-    <meta property="og:description" content="<%= htmlWebpackPlugin.options.pkg.details %>">
-    <meta property="og:image" content="<%= htmlWebpackPlugin.options.pkg.homepage + 'favicon-192.png' %>">
-    <meta property="og:image:type" content="image/png">
+    <meta
+      property="og:url"
+      content="<%= htmlWebpackPlugin.options.pkg.homepage %>"
+    />
+    <meta
+      property="og:site_name"
+      content="<%= htmlWebpackPlugin.options.title %>"
+    />
+    <meta
+      property="og:title"
+      content="<%= htmlWebpackPlugin.options.description %>"
+    />
+    <meta
+      property="og:description"
+      content="<%= htmlWebpackPlugin.options.pkg.details %>"
+    />
+    <meta
+      property="og:image"
+      content="<%= htmlWebpackPlugin.options.pkg.homepage + 'favicon-192.png' %>"
+    />
+    <meta property="og:image:type" content="image/png" />
 
     <!-- For old IEs -->
     <link rel="shortcut icon" href="/favicon.ico" />
 
     <!-- For new browsers - multisize ico  -->
-    <link rel="icon" type="image/x-icon" sizes="16x16 32x32" href="/favicon.ico">
+    <link
+      rel="icon"
+      type="image/x-icon"
+      sizes="16x16 32x32"
+      href="/favicon.ico"
+    />
 
     <!-- For iPad with high-resolution Retina display running iOS ≥ 7: -->
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicon-152.png">
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="152x152"
+      href="/favicon-152.png"
+    />
 
     <!-- For iPad with high-resolution Retina display running iOS ≤ 6: -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/favicon-144.png">
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="144x144"
+      href="/favicon-144.png"
+    />
 
     <!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
-    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicon-120.png">
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="120x120"
+      href="/favicon-120.png"
+    />
 
     <!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/favicon-114.png">
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="114x114"
+      href="/favicon-114.png"
+    />
 
     <!-- For iPhone 6+ -->
-    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/favicon-180.png">
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="180x180"
+      href="/favicon-180.png"
+    />
 
     <!-- For first- and second-generation iPad: -->
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/favicon-72.png">
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="72x72"
+      href="/favicon-72.png"
+    />
 
     <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
-    <link rel="apple-touch-icon-precomposed" href="/favicon-57.png">
+    <link rel="apple-touch-icon-precomposed" href="/favicon-57.png" />
 
     <!-- For Old Chrome -->
-    <link rel="icon" href="/favicon-32.png" sizes="32x32">
+    <link rel="icon" href="/favicon-32.png" sizes="32x32" />
 
     <!-- For IE10 Metro -->
-    <meta name="msapplication-TileColor" content="#FFFFFF">
-    <meta name="msapplication-TileImage" content="/favicon-144.png">
-    <meta name="theme-color" content="#ffffff">
+    <meta name="msapplication-TileColor" content="#FFFFFF" />
+    <meta name="msapplication-TileImage" content="/favicon-144.png" />
+    <meta name="theme-color" content="#ffffff" />
 
     <!-- Chrome for Android -->
-    <link rel="manifest" href="/manifest.json">
-    <link rel="icon" sizes="192x192" href="/favicon-192.png">
-
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="icon" sizes="192x192" href="/favicon-192.png" />
   </head>
   <body>
     <div id="app"></div>
     <script>
       var HW_config = {
         selector: ".changelog-indicator", // CSS selector where to inject the badge
-        account:  "ypaPgx"
-      }
+        account: "ypaPgx",
+      };
       // Not in iframe
       if (window.self === window.top) {
-        var headwayScript = document.createElement('script')
-        headwayScript.src = 'https://cdn.headwayapp.co/widget.js'
-        headwayScript.async = true
-        document.body.appendChild(headwayScript)
+        var headwayScript = document.createElement("script");
+        headwayScript.src = "https://cdn.headwayapp.co/widget.js";
+        headwayScript.async = true;
+        document.body.appendChild(headwayScript);
       }
     </script>
+    <script
+      data-ad-client="ca-pub-7003521480797900"
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
+    ></script>
   </body>
 </html>