Upgrade UI to version 0.2.0

.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 }]
+  ]
+}

.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

.gitignore

@@ -1,7 +1,4 @@
 node_modules
 *.log
 .DS_Store
-
-# produced by vbuild
-dist
-
+.npmrc

.prettierignore

@@ -0,0 +1,2 @@
+docs
+public

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true
+}

LICENSE

@@ -1,6 +1,8 @@
 The MIT License (MIT)
 
-Copyright (c) EGOIST <0x142857@gmail.com> (github.com/egoist)
+Copyrights:
+(c) 2017-2019 Egoist
+(c) 2019-2025 Onizuka-Aniki
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,16 +1,20 @@
 # 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)
+[<img src="https://img.shields.io/circleci/build/github/nenjack/codepan/main?style=for-the-badge" alt="build status" />](https://app.circleci.com/pipelines/github/nenjack/codepan)
 
 Play with JS/CSS/HTML so simple it hurts, the web playground that works offline.
 
+## Demo
+
+https://nenjack.github.io/codepan/
+
 ## Why
 
 > Aren't there already JSBin/CodePen/JSFiddle?
 
 Yep! So why not one more? And this one could work **offline** for you!
 
-How? `codepan` is just a single page app with **no-backend**! Built with Webpack and Vue.js, and the offline feature is provided by [offline-plugin](https://github.com/NekR/offline-plugin).
+How? `codepan` is just a single page app with **no-backend**! Built with Webpack and Vue.js, and the offline feature is provided by my [pwa-worker](https://www.npmjs.com/package/pwa-worker)
 
 ## Browser Support
 
@@ -24,6 +28,27 @@ 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; [Onizuka-Aniki](https://github.com/nenjack)
+
 ## License
 
-MIT &copy; [EGOIST](https://github.com/egoist)
+MIT