romannurik · logue · Jul 15, 2021 · Aug 25, 2021 · Aug 25, 2021 · Sep 6, 2021
diff --git a/.babelrc b/.babelrc
@@ -1,5 +1,3 @@
 {
-  "presets": [
-    "@babel/preset-env"
-  ]
+  "presets": ["@babel/preset-env"]
 }
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,27 @@
+* text=auto
+
+* vue eol=lf encoding=UTF-8
+*.css eol=lf encoding=UTF-8
+*.html eol=lf encoding=UTF-8
+*.js eol=lf encoding=UTF-8
+*.jsx eol=lf encoding=UTF-8
+*.md eol=lf encoding=UTF-8
+*.scss eol=lf encoding=UTF-8
+*.ts eol=lf encoding=UTF-8
+*.tsx eol=lf encoding=UTF-8
+*.txt eol=lf encoding=UTF-8
+*.xml eol=lf encoding=UTF-8
+
+# Images
+*.gif binary
+*.ico binary
+*.jpg binary
+*.png binary
+*.svg eol=lf encoding=UTF-8
+*.webp binary
+
+# Fonts
+*.eot binary
+*.otf binary
+*.ttf binary
+*.woff binary
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -0,0 +1 @@
+# Generated by CODEOWNERS.com
diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -0,0 +1,35 @@
+name: NodeJS with Webpack
+
+on:
+  push:
+    branches: ["master"]
+  pull_request:
+    branches: ["master"]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
+
+      - name: Use Node.js ${{ matrix.node-version }} ⚡
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Build 🔧
+        run: |
+          yarn install
+          yarn build
+
+      - name: Deploy to gh-pages 🚀
+        uses: JamesIves/[email protected]
+        with:
+          branch: gh-pages # The branch the action should deploy to.
+          folder: dist # The folder the action should deploy.
diff --git a/.gitignore b/.gitignore
@@ -1,12 +1,13 @@
-_sandbox
-.sass-cache
-.tmp
+/.yarn/*
+# !/.yarn/patches
+# !/.yarn/plugins
+!/.yarn/releases
+# !/.yarn/sdks
+# !/.yarn/cache
 node_modules
-!app/node_modules
-bower_components
-dist
 .DS_Store
-.publish
-*.sublime-workspace
-*~
-older-version
+dist
+dist-ssr
+*.local
+/src/Meta.ts
+/docs
diff --git a/.ncurc.json b/.ncurc.json
@@ -0,0 +1,4 @@
+{
+  "upgrade": true,
+  "reject": ["del", "gulp-imagemin", "pretty-bytes"]
+}
diff --git a/.prettierrc.yml b/.prettierrc.yml
@@ -0,0 +1,11 @@
+printWidth: 80
+tabWidth: 2
+useTabs: false
+semi: true
+singleQuote: true
+trailingComma: es5
+bracketSpacing: true
+bracketSameLine: false
+arrowParens: avoid
+htmlWhitespaceSensitivity: ignore
+endOfLine: lf
diff --git a/.scss-lint.yml b/.scss-lint.yml
@@ -37,7 +37,7 @@ linters:
     enabled: false
   Shorthand:
     # 3 sides are less readable than 4.
-    allowed_shorthands: [1,2,4]
+    allowed_shorthands: [1, 2, 4]
   SpaceAfterPropertyColon:
     enabled: false
     # Since we have line length limits in place, sometimes (like with image
@@ -52,4 +52,4 @@ linters:
   UrlFormat:
     enabled: false
   VendorPrefix:
-    enabled: false
+    enabled: false
diff --git a/.yarn/releases/yarn-3.6.3.cjs b/.yarn/releases/yarn-3.6.3.cjs
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.6.3.cjs
diff --git a/README.md b/README.md
@@ -1,5 +1,4 @@
-Android Asset Studio
-====================
+# Android Asset Studio
 
 **[Open the Android Asset Studio](https://romannurik.github.io/AndroidAssetStudio/)**
 
@@ -19,11 +18,15 @@ Currently available asset generators are for:
 
 To build, ensure you have `node` and `npm` installed, and run:
 
-    $ npm install
+```sh
+\$ npm install
+```
 
 Once dependencies are installed, run with `gulp`:
 
-    $ gulp serve
+```sh
+\$ gulp serve
+```
 
 ## Related (third-party) projects
 

diff --git a/app/_base.html b/app/_base.html
@@ -1,33 +1,51 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="chrome=1">
-  <title>Android Asset Studio{% if title %} - {{ title }}{% endif %}</title>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+    <title>Android Asset Studio{% if title %} - {{ title }}{% endif %}</title>
 
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,500|Roboto+Mono:400,500">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-  <link rel="stylesheet" href="app.css">
-  <link href="favicon.ico" rel="icon">
-  <script src="vendor.js"></script>
-  <script src="app.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Roboto:400,500|Roboto+Mono:400,500"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+    />
+    <link rel="stylesheet" href="app.css" />
+    <link href="favicon.ico" rel="icon" />
+    <script src="vendor.js"></script>
+    <script src="app.js"></script>
 
-  {% block head %}
-  {% endblock %}
-</head>
-<body class="{{ bodyClasses }}">
-  {% block body %}
-  {% endblock %}
+    {% block head %} {% endblock %}
+  </head>
+  <body class="{{ bodyClasses }}">
+    {% block body %} {% endblock %}
 
-  <script>
-    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+    <script>
+      (function (i, s, o, g, r, a, m) {
+        i['GoogleAnalyticsObject'] = r;
+        (i[r] =
+          i[r] ||
+          function () {
+            (i[r].q = i[r].q || []).push(arguments);
+          }),
+          (i[r].l = 1 * new Date());
+        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
+        a.async = 1;
+        a.src = g;
+        m.parentNode.insertBefore(a, m);
+      })(
+        window,
+        document,
+        'script',
+        'https://www.google-analytics.com/analytics.js',
+        'ga'
+      );
 
-    ga('create', 'UA-85278782-1', 'auto');
-    ga('send', 'pageview');
-  </script>
-
-</body>
+      ga('create', 'UA-85278782-1', 'auto');
+      ga('send', 'pageview');
+    </script>
+  </body>
 </html>
diff --git a/app/_generator-base.html b/app/_generator-base.html
@@ -1,14 +1,18 @@
-{% extends '_base.html' %}
-
-{% block body %}
+{% extends '_base.html' %} {% block body %}
 <header class="page-header">
   <a class="page-header-back-button icon-button theme-dark" href="index.html">
     <i class="material-icons">arrow_back</i>
   </a>
   <a class="page-header-crumb" href="index.html">Android Asset Studio</a>
   <h1 class="page-header-title">{{ title }}</h1>
   <div class="page-header-links">
-    <a target="_blank" class="external-link" href="https://github.com/romannurik/AndroidAssetStudio">Source on GitHub</a>
+    <a
+      target="_blank"
+      class="external-link"
+      href="https://github.com/romannurik/AndroidAssetStudio"
+    >
+      Source on GitHub
+    </a>
   </div>
 </header>
 <div class="main-container">
@@ -18,7 +22,7 @@ <h1 class="page-header-title">{{ title }}</h1>
   </div>
   <div class="outputs-panel">
     <label id="grid-toggle-container" class="checkbox">
-      <input id="grid-toggle" type="checkbox">
+      <input id="grid-toggle" type="checkbox" />
       Show grid
     </label>
     <button id="download-zip-button" class="fab-button">

diff --git a/app/app.entry.js b/app/app.entry.js
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-require('babel-polyfill');
+import 'babel-polyfill';
 
 import * as pages from './pages';
 window.pages = pages;