🔀 Merge branch 'release/1.0.0' into master

.github/FUNDING.yml

@@ -0,0 +1 @@
+custom: ['https://buymeacoffee.com/Pustur', 'https://paypal.me/Pustur']

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+  "arrowParens": "avoid",
+  "singleQuote": true
+}

.vscode/launch.json

@@ -3,16 +3,14 @@
 // Hover to view descriptions of existing attributes.
 // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 {
-	"version": "0.2.0",
-    "configurations": [
-        {
-            "name": "Extension",
-            "type": "extensionHost",
-            "request": "launch",
-            "runtimeExecutable": "${execPath}",
-            "args": [
-                "--extensionDevelopmentPath=${workspaceFolder}"
-            ]
-        }
-    ]
-}
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "runtimeExecutable": "${execPath}",
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}"]
+    }
+  ]
+}

.vscodeignore

@@ -1,4 +1,7 @@
-.vscode/**
-.vscode-test/**
-.gitignore
-vsc-extension-quickstart.md
+# Ignore everything
+*
+*/**
+
+# Whitelist needed files
+!themes/*
+!img/logo.jpg

CHANGELOG.md

@@ -1,9 +1,12 @@
-# Change Log
+# Changelog
 
-All notable changes to the "rapture" extension will be documented in this file.
+All notable changes to this project will be documented in this file.
 
-Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [Unreleased]
+## [1.0.0]
 
 - Initial release
+
+[1.0.0]: https://github.com/Pustur/rapture-vscode/releases/tag/1.0.0

LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2020 <loris.bettazza@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -1,13 +1,53 @@
-# README
-## This is the README for your extension "rapture"
-You can author your README using Visual Studio Code.  Here are some useful editor keyboard shortcuts:
+# Rapture Theme for VSCode
 
-* Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux)
-* Toggle preview (`Shift+CMD+V` on macOS or `Shift+Ctrl+V` on Windows and Linux)
-* Press `Ctrl+Space` (Windows, Linux) or `Cmd+Space` (macOS) to see a list of Markdown snippets
+> A dark blue theme with bright accents inspired by the fictional city of Rapture
 
-### For more information
-* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
-* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
+## Screenshots
 
-**Enjoy!**
+### Editor
+
+![Editor](img/screenshots/editor.png)
+
+---
+
+### JavaScript
+
+![JavaScript](img/screenshots/js.png)
+
+---
+
+### HTML
+
+![HTML](img/screenshots/html.png)
+
+---
+
+### CSS
+
+![CSS](img/screenshots/css.png)
+
+## Font
+
+The font used in the screenshots is [Inconsolata](https://levien.com/type/myfonts/inconsolata.html)
+
+## Supported applications
+
+Also available for:
+
+- [iTerm2](https://github.com/mbadolato/iTerm2-Color-Schemes#rapture)
+
+## Credits
+
+Thanks to [RockLou](https://www.deviantart.com/rocklou) for the awesome logo, taken from [his wallpaper](http://fav.me/d9mvgz7)
+
+## Contributing
+
+Found an issue? Your favourite language doesn't look right? Feel free to [open an issue on GitHub](https://github.com/Pustur/rapture-vscode/issues)!
+
+## Changelog
+
+[CHANGELOG](CHANGELOG.md)
+
+## License
+
+[MIT](LICENSE)

package.json

@@ -1,21 +1,31 @@
 {
-    "name": "rapture",
-    "displayName": "Rapture",
-    "description": "A dark blue theme with bright accents inspired by the fictional city of Rapture",
-    "version": "0.0.1",
-    "engines": {
-        "vscode": "^1.48.0"
-    },
-    "categories": [
-        "Themes"
-    ],
-    "contributes": {
-        "themes": [
-            {
-                "label": "Rapture",
-                "uiTheme": "vs-dark",
-                "path": "./themes/Rapture-color-theme.json"
-            }
-        ]
-    }
-}
+  "name": "rapture-vscode",
+  "displayName": "Rapture",
+  "publisher": "Pustur",
+  "icon": "img/logo.jpg",
+  "repository": {
+    "url": "https://github.com/Pustur/rapture-vscode"
+  },
+  "galleryBanner": {
+    "color": "#021e22",
+    "theme": "dark"
+  },
+  "license": "MIT",
+  "description": "A dark blue theme with bright accents inspired by the fictional city of Rapture",
+  "version": "1.0.0",
+  "engines": {
+    "vscode": "^1.48.0"
+  },
+  "categories": [
+    "Themes"
+  ],
+  "contributes": {
+    "themes": [
+      {
+        "label": "Rapture",
+        "uiTheme": "vs-dark",
+        "path": "themes/Rapture-color-theme.json"
+      }
+    ]
+  }
+}

samples/css.css

@@ -0,0 +1,26 @@
+:root {
+  --size-list-gap: 20px;
+  --size-padding: 10px;
+}
+
+input[type='checkbox'] {
+  background-image: url(img/checkbox.png);
+}
+
+.my-list > li + li {
+  margin-top: var(--size-list-gap);
+}
+
+.circle::before {
+  box-shadow: 0 1px 2px #4b4c5240, 0 1px 3px #4b4c5240;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+/* TODO: change breakpoint */
+@media screen and (min-width: 700px) {
+  #my-id {
+    font-family: 'Courier New', Courier, monospace;
+    padding: calc(var(--size-padding) * 2);
+  }
+}

samples/html.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Document title</title>
+    <link rel="stylesheet" href="/css/style.css" />
+  </head>
+
+  <body>
+    <main id="main">
+      <section class="story">
+        <h2>Section 1</h2>
+        <p>Lorem ipsum dolor</p>
+      </section>
+
+      <section class="characters">
+        <h2>Section 2</h2>
+        <div data-character="1" class="character">
+          <img src="/img/character-1.jpg" alt="Portrait of Character 1" />
+          <p>Lorem ipsum &amp; dolor sit amet</p>
+        </div>
+      </section>
+    </main>
+
+    <script src="/js/script.js"></script>
+  </body>
+</html>

samples/js.js

@@ -0,0 +1,26 @@
+const fs = require('fs');
+const path = require('path');
+const util = require('util');
+
+const writeFile = util.promisify(fs.writeFile);
+
+//  This doesn't actually work
+const urlRegex = /(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}/g;
+
+const processMessages = (messages, file) => {
+  const filtered = messages
+    .flatMap(({ message }) =>
+      (message.match(urlRegex) || [])
+        .filter(m => m.search(/http|www/) > -1)
+        .map(m => (m.startsWith('www') ? `https://${m}` : m))
+    )
+    .filter(({ length }) => length > 0);
+  const data = Array.from(new Set(filtered)).sort();
+  const fileName = `${path.basename(file, path.extname(file))}.json`;
+
+  return writeFile(`json/${fileName}`, JSON.stringify(data, null, 2))
+    .then(() => console.log(`[OK] [${messages.length} Messages] ${fileName}`))
+    .catch(console.error);
+};
+
+processMessages(/* TODO: fill in */);