├── .gitignore
├── README.md
├── examples
    ├── activity-monitor
    │   ├── README.md
    │   ├── activity-monitor.build.qrk
    │   └── activity-monitor.qrk
    ├── arduino-dashboard
    │   ├── README.md
    │   ├── arduino-dashboard.build.qrk
    │   ├── arduino-dashboard.qrk
    │   └── arduino
    │   │   └── arduino.ino
    ├── hash
    │   ├── README.md
    │   ├── hash.build.qrk
    │   └── hash.qrk
    ├── mirror
    │   ├── README.md
    │   ├── mirror.build.qrk
    │   └── mirror.qrk
    └── prices
    │   ├── README.md
    │   ├── package-lock.json
    │   ├── package.json
    │   ├── prices.build.qrk
    │   └── prices.qrk
└── libraries
    ├── using-electron
        ├── using-electron.build.qrk
        └── using-electron.qrk
    ├── using-react
        ├── using-react.build.qrk
        └── using-react.qrk
    ├── using-serialport
        ├── using-serialport.build.qrk
        └── using-serialport.qrk
    └── using-vue
        ├── using-vue.build.qrk
        └── using-vue.qrk


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Runtime data
 9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 | 
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 | 
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 | 
20 | # nyc test coverage
21 | .nyc_output
22 | 
23 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 | 
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 | 
29 | # node-waf configuration
30 | .lock-wscript
31 | 
32 | # Compiled binary addons (https://nodejs.org/api/addons.html)
33 | build/Release
34 | 
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 | 
39 | # TypeScript v1 declaration files
40 | typings/
41 | 
42 | # Optional npm cache directory
43 | .npm
44 | 
45 | # Optional eslint cache
46 | .eslintcache
47 | 
48 | # Optional REPL history
49 | .node_repl_history
50 | 
51 | # Output of 'npm pack'
52 | *.tgz
53 | 
54 | # Yarn Integrity file
55 | .yarn-integrity
56 | 
57 | # dotenv environment variables file
58 | .env
59 | .env.test
60 | 
61 | # parcel-bundler cache (https://parceljs.org/)
62 | .cache
63 | 
64 | # next.js build output
65 | .next
66 | 
67 | # nuxt.js build output
68 | .nuxt
69 | 
70 | # vuepress build output
71 | .vuepress/dist
72 | 
73 | # Serverless directories
74 | .serverless/
75 | 
76 | # FuseBox cache
77 | .fusebox/
78 | 
79 | # DynamoDB Local files
80 | .dynamodb/
81 | 
82 | .quark/
83 | .vscode/


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Quark samples
 2 | Sample [Quark](https://quarkjs.io) projects with ideas for taking them further.
 3 | 
 4 | ![image](https://i.imgur.com/vnvEMNx.gif)
 5 | <!-- <p align="center">
 6 | <img src="https://i.imgur.com/vnvEMNx.gif" alt="Quark app screenshot" width="480"/>
 7 | </p> -->
 8 | 
 9 | <div>
10 | <img src="https://i.imgur.com/oSEeu18.png" alt="Quark app screenshot" width="245"/>
11 | <img src="https://i.imgur.com/VVCZOHo.png" alt="Quark app screenshot" width="315"/>
12 | <img src="https://i.imgur.com/fYmDv8w.png" alt="Quark app screenshot" width="265"/>
13 | </div>
14 | 
15 | ## Getting Started
16 | The first thing to do is to install Quark, if you haven't already. You can [download it from here.](https://quarkjs.io/download)
17 | 
18 | Once you've got that out of the way, clone the repository. If you're new to git, check out the guide to [cloning a repository.](https://help.github.com/en/articles/cloning-a-repository)
19 | 
20 | ```
21 | git clone https://github.com/Nishkalkashyap/Quark-samples
22 | ```
23 | 
24 | Each folder in `examples` directory contains a different app with its own `README.md` file explaining what it does, how to run it, and how it could be improved.
25 | 
26 | And each folder in `libraries` directory contains a Quark sketch describing how to use various libraries and frameworks in Quark. e.g. using `React.js`, `Vue.js`, `Serialport` and `Electron`.
27 | 
28 | ## Links
29 | * [Website](https://quarkjs.io)
30 | * [Download](https://quarkjs.io/download)
31 | * [Github repo](https://github.com/Nishkalkashyap/Quark-docs)
32 | 
33 | 


--------------------------------------------------------------------------------
/examples/activity-monitor/README.md:
--------------------------------------------------------------------------------
 1 | # Activity Monitor
 2 | Simple sketch that shows a doughnut chart of the CPU system, user, and idle activity time.
 3 | 
 4 | > Note: This project is inspired from [this electron sample app.](https://github.com/electron/simple-samples/tree/master/activity-monitor)
 5 | 
 6 | <p align="left">
 7 |     <img src="https://i.imgur.com/oSEeu18.png" width="500">
 8 | </p>
 9 | 
10 | ## Getting started
11 | 
12 | - Clone this repository
13 | - `cd examples/activity-monitor`
14 | - Open project file `activity-monitor.qrk`, or build file `activity-monitor.build.qrk` in Quark.
15 | 
16 | ## Going further
17 | 
18 | Here are some ideas on how it can be improved using other [Quark API's.](https://quarkjs.io/references/)
19 | 
20 | - Add tooltips that show times in hours/days instead of milliseconds
21 | - Support exporting CPU times to a comma-separated (.csv) file
22 | - Support saving chart as PNG
23 | - Support copying chart image to clipboard
24 | - Add second chart of free vs. used memory


--------------------------------------------------------------------------------
/examples/activity-monitor/activity-monitor.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/examples/activity-monitor/activity-monitor.qrk


--------------------------------------------------------------------------------
/examples/arduino-dashboard/README.md:
--------------------------------------------------------------------------------
 1 | # Arduino Dashboard
 2 | Create a dashboard and a data logger for Arduino in javascript with [node-serialport](https://www.npmjs.com/package/serialport) library. __Under 250 lines of code!!__ 😁
 3 | 
 4 | ![image](https://i.imgur.com/vnvEMNx.gif)
 5 | 
 6 | ## Features
 7 | __Serialport selector:__ A graphical user interface component that allows you to select the serialport for your Arduino.
 8 | 
 9 | <p align="left">
10 |     <img src="https://i.imgur.com/fPOeavH.png" width="500">
11 | </p>
12 | 
13 | __Dashboard:__ A dashboard that prints the real time values on the screen and also draws charts.
14 | 
15 | <p align="left">
16 |     <img src="https://i.imgur.com/GuQHONO.png" width="500">
17 | </p>
18 | 
19 | __Datalogger:__ A data logger that will read data from arduino and save it on your computer in csv format.
20 | 
21 | <p align="left">
22 |     <img src="https://i.imgur.com/a7a4CmV.png" width="500">
23 | </p>
24 | 
25 | <!-- ## Using the sketch
26 | - First upload the `arduino.ino` file to the arduino.
27 | - Open the sketch 
28 | - Now connect the dashboard to the arduino. Select the serialport of your arduino by pressing `ctrl+p`.
29 | - Now, to use the data logger, open the [commands palette](https://quarkjs.io/guide/quark-ide.html#command-palette) by pressing `ctrl+shift+p`, and select `Datalogger: Start` command. This will start the data logger.
30 | * To stop the data logger, open the commands palette and select command `Datalogger: Stop`. This will stop the data logger and open a save dialog. -->
31 | 
32 | ## Getting started
33 | 
34 | - Clone this repository
35 | - `cd examples/arduino-dashboard`
36 | - Upload the `arduino.ino` file to the arduino.
37 | - Open project file `arduino-dashboard.qrk` to edit project, or build file `arduino-dashboard.build.qrk` to run the project in Quark.
38 | 
39 | ## Running the project
40 | - Open the build file `arduino-dashboard.build.qrk` in Quark.
41 | - Press `ctrl+p` and select the COM port of your arduino from the serial port selector.
42 | 
43 | <p align="left">
44 |     <img src="https://i.imgur.com/fPOeavH.png" width="500">
45 | </p>
46 | 
47 | - To start the data logger, open the [commands palette](https://quarkjs.io/guide/quark-ide.html#command-palette) by pressing `ctrl+shift+p`, and select `Datalogger: Start` command. You will see a notification on the bottom right of your screen if the logger was started.
48 | - To stop the data logger, open the commands palette and select command `Datalogger: Stop`. This will open a save dialog where you can enter the path of the file where you want to save your data.
49 | 
50 | ## Going further
51 | 
52 | Here are some ideas on how it can be improved using other [Quark API's.](https://quarkjs.io/references/)
53 | 
54 | - Add buttons on status bar to start or stop data logger.
55 | - Convert the bar chart into a pie chart.


--------------------------------------------------------------------------------
/examples/arduino-dashboard/arduino-dashboard.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/examples/arduino-dashboard/arduino-dashboard.qrk


--------------------------------------------------------------------------------
/examples/arduino-dashboard/arduino/arduino.ino:
--------------------------------------------------------------------------------
 1 | int dataPoint1 = 0;
 2 | int dataPoint2 = 0;
 3 | int dataPoint3 = 0;
 4 | int dataPoint4 = 0;
 5 | 
 6 | void setup()
 7 | {
 8 |   Serial.begin(115200);
 9 | }
10 | 
11 | void loop()
12 | {
13 |   dataPoint1 = random(100, 200);
14 |   dataPoint2 = random(100, 200);
15 |   dataPoint3 = random(100, 200);
16 |   dataPoint4 = random(100, 200);
17 | 
18 |   Serial.print(dataPoint1);
19 |   Serial.print(",");
20 | 
21 |   Serial.print(dataPoint2);
22 |   Serial.print(",");
23 | 
24 |   Serial.print(dataPoint3);
25 |   Serial.print(",");
26 | 
27 |   Serial.println(dataPoint4);
28 |   
29 |   delay(1000);
30 | }
31 | 


--------------------------------------------------------------------------------
/examples/hash/README.md:
--------------------------------------------------------------------------------
 1 | # Hash
 2 | Simple sketch that shows the hash values of entered text using different algorithms.
 3 | 
 4 | > Note: This project is inspired from [this electron sample app.](https://github.com/electron/simple-samples/tree/master/hash)
 5 | 
 6 | <p align="left">
 7 |     <img src="https://i.imgur.com/VVCZOHo.png" width="500">
 8 | </p>
 9 | 
10 | ## Getting started
11 | 
12 | - Clone this repository
13 | - `cd examples/hash`
14 | - Open project file `hash.qrk`, or build file `hash.build.qrk` in Quark.
15 | 
16 | ## Going further
17 | 
18 | Here are some ideas on how it can be improved using other [Quark API's.](https://quarkjs.io/references/)
19 | 
20 | - Make headings links that open to Wikipedia page for algorithm.
21 | - Support dragging/dropping a file to hash onto the window.
22 | - Support opening a file via a dialog to hash from the app's menu.
23 | - Display time taken to compute each hash.


--------------------------------------------------------------------------------
/examples/hash/hash.build.qrk:
--------------------------------------------------------------------------------
  1 | /******/ (function(modules) { // webpackBootstrap
  2 | /******/ 	// The module cache
  3 | /******/ 	var installedModules = {};
  4 | /******/
  5 | /******/ 	// The require function
  6 | /******/ 	function __webpack_require__(moduleId) {
  7 | /******/
  8 | /******/ 		// Check if module is in cache
  9 | /******/ 		if(installedModules[moduleId]) {
 10 | /******/ 			return installedModules[moduleId].exports;
 11 | /******/ 		}
 12 | /******/ 		// Create a new module (and put it into the cache)
 13 | /******/ 		var module = installedModules[moduleId] = {
 14 | /******/ 			i: moduleId,
 15 | /******/ 			l: false,
 16 | /******/ 			exports: {}
 17 | /******/ 		};
 18 | /******/
 19 | /******/ 		// Execute the module function
 20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 21 | /******/
 22 | /******/ 		// Flag the module as loaded
 23 | /******/ 		module.l = true;
 24 | /******/
 25 | /******/ 		// Return the exports of the module
 26 | /******/ 		return module.exports;
 27 | /******/ 	}
 28 | /******/
 29 | /******/
 30 | /******/ 	// expose the modules object (__webpack_modules__)
 31 | /******/ 	__webpack_require__.m = modules;
 32 | /******/
 33 | /******/ 	// expose the module cache
 34 | /******/ 	__webpack_require__.c = installedModules;
 35 | /******/
 36 | /******/ 	// define getter function for harmony exports
 37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 39 | /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 40 | /******/ 		}
 41 | /******/ 	};
 42 | /******/
 43 | /******/ 	// define __esModule on exports
 44 | /******/ 	__webpack_require__.r = function(exports) {
 45 | /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 46 | /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 47 | /******/ 		}
 48 | /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 49 | /******/ 	};
 50 | /******/
 51 | /******/ 	// create a fake namespace object
 52 | /******/ 	// mode & 1: value is a module id, require it
 53 | /******/ 	// mode & 2: merge all properties of value into the ns
 54 | /******/ 	// mode & 4: return value when already ns object
 55 | /******/ 	// mode & 8|1: behave like require
 56 | /******/ 	__webpack_require__.t = function(value, mode) {
 57 | /******/ 		if(mode & 1) value = __webpack_require__(value);
 58 | /******/ 		if(mode & 8) return value;
 59 | /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 60 | /******/ 		var ns = Object.create(null);
 61 | /******/ 		__webpack_require__.r(ns);
 62 | /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 63 | /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 64 | /******/ 		return ns;
 65 | /******/ 	};
 66 | /******/
 67 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 68 | /******/ 	__webpack_require__.n = function(module) {
 69 | /******/ 		var getter = module && module.__esModule ?
 70 | /******/ 			function getDefault() { return module['default']; } :
 71 | /******/ 			function getModuleExports() { return module; };
 72 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 73 | /******/ 		return getter;
 74 | /******/ 	};
 75 | /******/
 76 | /******/ 	// Object.prototype.hasOwnProperty.call
 77 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 78 | /******/
 79 | /******/ 	// __webpack_public_path__
 80 | /******/ 	__webpack_require__.p = "/static";
 81 | /******/
 82 | /******/
 83 | /******/ 	// Load entry module and return exports
 84 | /******/ 	return __webpack_require__(__webpack_require__.s = "../../src/setup.js");
 85 | /******/ })
 86 | /************************************************************************/
 87 | /******/ ({
 88 | 
 89 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js?!../../src/styles.css":
 90 | /*!*********************************************************************************************************************!*\
 91 |   !*** /Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1!/src/styles.css ***!
 92 |   \*********************************************************************************************************************/
 93 | /*! no static exports found */
 94 | /***/ (function(module, exports, __webpack_require__) {
 95 | 
 96 | eval("exports = module.exports = __webpack_require__(/*! ../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js */ \"../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \".container-fluid {\\r\\n    padding: 20px;\\r\\n    user-select: text;\\r\\n    height: 100%;\\r\\n    background-color: #D6D8DC;\\r\\n}\\r\\n\\r\\npre {\\r\\n    white-space: pre-wrap;\\r\\n    word-break: keep-all;\\r\\n    padding: 8px;\\r\\n    background-color: #f5f5f5;\\r\\n    border-radius: 3px;\\r\\n}\\r\\n\\r\\n.text-input {\\r\\n    font-size: 16px;\\r\\n    width: 100%;\\r\\n    background-color: #f5f5f5;\\r\\n    border-radius: 3px;\\r\\n}\\r\\n\\r\\n.hash-output {\\r\\n    color: #626669;\\r\\n    font-size: 16px;\\r\\n    letter-spacing: 2px;\\r\\n    white-space: pre-wrap;\\r\\n}\\r\\n\\r\\n.hash-heading {\\r\\n    color: #626669;\\r\\n    font-weight: normal;\\r\\n}\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"container-fluid\": \"container-fluid\",\n\t\"text-input\": \"text-input\",\n\t\"hash-output\": \"hash-output\",\n\t\"hash-heading\": \"hash-heading\"\n};\n\n//# sourceURL=webpack:////src/styles.css?/Program_Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1");
 97 | 
 98 | /***/ }),
 99 | 
100 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js":
101 | /*!*******************************************************************************************!*\
102 |   !*** /Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js ***!
103 |   \*******************************************************************************************/
104 | /*! no static exports found */
105 | /***/ (function(module, exports, __webpack_require__) {
106 | 
107 | "use strict";
108 | eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function (useSourceMap) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item, useSourceMap);\n\n      if (item[2]) {\n        return '@media ' + item[2] + '{' + content + '}';\n      } else {\n        return content;\n      }\n    }).join('');\n  }; // import a list of modules into the list\n\n\n  list.i = function (modules, mediaQuery) {\n    if (typeof modules === 'string') {\n      modules = [[null, modules, '']];\n    }\n\n    var alreadyImportedModules = {};\n\n    for (var i = 0; i < this.length; i++) {\n      var id = this[i][0];\n\n      if (id != null) {\n        alreadyImportedModules[id] = true;\n      }\n    }\n\n    for (i = 0; i < modules.length; i++) {\n      var item = modules[i]; // skip already imported module\n      // this implementation is not 100% perfect for weird media query combinations\n      // when a module is imported multiple times with different media queries.\n      // I hope this will never occur (Hey this way we have smaller bundles)\n\n      if (item[0] == null || !alreadyImportedModules[item[0]]) {\n        if (mediaQuery && !item[2]) {\n          item[2] = mediaQuery;\n        } else if (mediaQuery) {\n          item[2] = '(' + item[2] + ') and (' + mediaQuery + ')';\n        }\n\n        list.push(item);\n      }\n    }\n  };\n\n  return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n  var content = item[1] || '';\n  var cssMapping = item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (useSourceMap && typeof btoa === 'function') {\n    var sourceMapping = toComment(cssMapping);\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */';\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n  }\n\n  return [content].join('\\n');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n  // eslint-disable-next-line no-undef\n  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n  var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n  return '/*# ' + data + ' */';\n}\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js?");
109 | 
110 | /***/ }),
111 | 
112 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js":
113 | /*!****************************************************************************************************!*\
114 |   !*** /Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js ***!
115 |   \****************************************************************************************************/
116 | /*! exports provided: default */
117 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
118 | 
119 | "use strict";
120 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return addStylesClient; });\n/* harmony import */ var _listToStyles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./listToStyles */ \"../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js\");\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\n\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nfunction addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = Object(_listToStyles__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = Object(_listToStyles__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js?");
121 | 
122 | /***/ }),
123 | 
124 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js":
125 | /*!*************************************************************************************************!*\
126 |   !*** /Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js ***!
127 |   \*************************************************************************************************/
128 | /*! exports provided: default */
129 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
130 | 
131 | "use strict";
132 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return listToStyles; });\n/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nfunction listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js?");
133 | 
134 | /***/ }),
135 | 
136 | /***/ "../../src/index.html":
137 | /*!***********************!*\
138 |   !*** /src/index.html ***!
139 |   \***********************/
140 | /*! no static exports found */
141 | /***/ (function(module, exports) {
142 | 
143 | eval("module.exports = \"<div class=\\\"container-fluid\\\">\\r\\n\\r\\n\\t<!-- Input row -->\\r\\n\\t<div class=\\\"row\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h3 class=\\\"hash-heading\\\">Input</h3>\\r\\n\\t\\t\\t<textarea rows=\\\"2\\\" id=\\\"text-input\\\" class=\\\"form-control text-input\\\" placeholder=\\\"Enter text and see it hashed...\\\"></textarea>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n\\t<!-- MD5 row -->\\r\\n\\t<div class=\\\"row\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h3 class=\\\"hash-heading\\\">MD5</h3>\\r\\n\\t\\t\\t<pre id=\\\"md5-output\\\" class=\\\"hash-output\\\"> </pre>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n\\t<!-- SHA-1 row -->\\r\\n\\t<div class=\\\"row\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h3 class=\\\"hash-heading\\\">SHA-1</h3>\\r\\n\\t\\t\\t<pre id=\\\"sha1-output\\\" class=\\\"hash-output\\\"> </pre>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n\\t<!-- SHA-256 row -->\\r\\n\\t<div class=\\\"row\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h3 class=\\\"hash-heading\\\">SHA-256</h3>\\r\\n\\t\\t\\t<pre id=\\\"sha256-output\\\" class=\\\"hash-output\\\"> </pre>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n\\t<!-- SHA-512 row -->\\r\\n\\t<div class=\\\"row\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h3 class=\\\"hash-heading\\\">SHA-512</h3>\\r\\n\\t\\t\\t<pre id=\\\"sha512-output\\\" class=\\\"hash-output\\\"> </pre>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n</div>\"\n\n//# sourceURL=webpack:////src/index.html?");
144 | 
145 | /***/ }),
146 | 
147 | /***/ "../../src/setup.js":
148 | /*!*********************!*\
149 |   !*** /src/setup.js ***!
150 |   \*********************/
151 | /*! no exports provided */
152 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
153 | 
154 | "use strict";
155 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _index_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.html */ \"../../src/index.html\");\n/* harmony import */ var _index_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_index_html__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ \"../../src/util.js\");\n/* harmony import */ var _styles_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.css */ \"../../src/styles.css\");\n/* harmony import */ var _styles_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_css__WEBPACK_IMPORTED_MODULE_2__);\n\n\n // hide the navbar\n\nquark.views.tabsviewController.hideNavbar(); // create view\n\nconst element = quark.util.createElementFromHtml(_index_html__WEBPACK_IMPORTED_MODULE_0___default.a);\nconst view = quark.views.createTabsView('Hash', element);\n\nview.onDidConnectElement = () => {\n  Object(_util__WEBPACK_IMPORTED_MODULE_1__[\"registerUpdateHandle\"])();\n};\n\nview.focus(); // set app theme\n\nquark.util.setAppTheme({\n  \"primary.default\": \"#488aff\"\n});\n\n//# sourceURL=webpack:////src/setup.js?");
156 | 
157 | /***/ }),
158 | 
159 | /***/ "../../src/styles.css":
160 | /*!***********************!*\
161 |   !*** /src/styles.css ***!
162 |   \***********************/
163 | /*! no static exports found */
164 | /***/ (function(module, exports, __webpack_require__) {
165 | 
166 | eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1!./styles.css */ \"../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js?!../../src/styles.css\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js */ \"../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"74f33602\", content, false, {\"shadowMode\":false});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:////src/styles.css?");
167 | 
168 | /***/ }),
169 | 
170 | /***/ "../../src/util.js":
171 | /*!********************!*\
172 |   !*** /src/util.js ***!
173 |   \********************/
174 | /*! exports provided: registerUpdateHandle */
175 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
176 | 
177 | "use strict";
178 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"registerUpdateHandle\", function() { return registerUpdateHandle; });\n/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! crypto */ \"crypto\");\n/* harmony import */ var crypto__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(crypto__WEBPACK_IMPORTED_MODULE_0__);\n\nfunction registerUpdateHandle() {\n  document.getElementById('text-input').addEventListener('input', ev => {\n    const text = ev.srcElement.value;\n    const md5 = crypto__WEBPACK_IMPORTED_MODULE_0__[\"createHash\"]('md5').update(text, 'utf8').digest('hex');\n    document.getElementById('md5-output').innerText = md5;\n    const sha1 = crypto__WEBPACK_IMPORTED_MODULE_0__[\"createHash\"]('sha1').update(text, 'utf8').digest('hex');\n    document.getElementById('sha1-output').innerText = sha1;\n    const sha256 = crypto__WEBPACK_IMPORTED_MODULE_0__[\"createHash\"]('sha256').update(text, 'utf8').digest('hex');\n    document.getElementById('sha256-output').innerText = sha256;\n    const sha512 = crypto__WEBPACK_IMPORTED_MODULE_0__[\"createHash\"]('sha512').update(text, 'utf8').digest('hex');\n    document.getElementById('sha512-output').innerText = sha512;\n  });\n}\n\n//# sourceURL=webpack:////src/util.js?");
179 | 
180 | /***/ }),
181 | 
182 | /***/ "crypto":
183 | /*!*************************!*\
184 |   !*** external "crypto" ***!
185 |   \*************************/
186 | /*! no static exports found */
187 | /***/ (function(module, exports) {
188 | 
189 | eval("module.exports = require(\"crypto\");\n\n//# sourceURL=webpack:///external_%22crypto%22?");
190 | 
191 | /***/ })
192 | 
193 | /******/ });


--------------------------------------------------------------------------------
/examples/hash/hash.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/examples/hash/hash.qrk


--------------------------------------------------------------------------------
/examples/mirror/README.md:
--------------------------------------------------------------------------------
 1 | # Mirror
 2 | Simple sketch that plays a video of the computer's camera at a maximized size like looking into a mirror. Includes an optional rainbow filter effect that uses CSS animations.
 3 | 
 4 | > Note: This project is inspired from [this electron sample app.](https://github.com/electron/simple-samples/tree/master/mirror)
 5 | 
 6 | ## Getting started
 7 | 
 8 | - Clone this repository
 9 | - `cd examples/mirror`
10 | - Open project file `mirror.qrk`, or build file `mirror.build.qrk` in Quark.
11 | 
12 | ## Going further
13 | 
14 | Here are some ideas on how it can be improved using other [Quark API's.](https://quarkjs.io/references/)
15 | 
16 | - Add support for saving current image to a local `.png` file.
17 | - Support drawing directly on the mirror using the mouse.
18 | - Add more effect and filter options.
19 | - Add zooming.
20 | - Add keybinding to quickly open it.


--------------------------------------------------------------------------------
/examples/mirror/mirror.build.qrk:
--------------------------------------------------------------------------------
  1 | /******/ (function(modules) { // webpackBootstrap
  2 | /******/ 	// The module cache
  3 | /******/ 	var installedModules = {};
  4 | /******/
  5 | /******/ 	// The require function
  6 | /******/ 	function __webpack_require__(moduleId) {
  7 | /******/
  8 | /******/ 		// Check if module is in cache
  9 | /******/ 		if(installedModules[moduleId]) {
 10 | /******/ 			return installedModules[moduleId].exports;
 11 | /******/ 		}
 12 | /******/ 		// Create a new module (and put it into the cache)
 13 | /******/ 		var module = installedModules[moduleId] = {
 14 | /******/ 			i: moduleId,
 15 | /******/ 			l: false,
 16 | /******/ 			exports: {}
 17 | /******/ 		};
 18 | /******/
 19 | /******/ 		// Execute the module function
 20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 21 | /******/
 22 | /******/ 		// Flag the module as loaded
 23 | /******/ 		module.l = true;
 24 | /******/
 25 | /******/ 		// Return the exports of the module
 26 | /******/ 		return module.exports;
 27 | /******/ 	}
 28 | /******/
 29 | /******/
 30 | /******/ 	// expose the modules object (__webpack_modules__)
 31 | /******/ 	__webpack_require__.m = modules;
 32 | /******/
 33 | /******/ 	// expose the module cache
 34 | /******/ 	__webpack_require__.c = installedModules;
 35 | /******/
 36 | /******/ 	// define getter function for harmony exports
 37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 39 | /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 40 | /******/ 		}
 41 | /******/ 	};
 42 | /******/
 43 | /******/ 	// define __esModule on exports
 44 | /******/ 	__webpack_require__.r = function(exports) {
 45 | /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 46 | /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 47 | /******/ 		}
 48 | /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 49 | /******/ 	};
 50 | /******/
 51 | /******/ 	// create a fake namespace object
 52 | /******/ 	// mode & 1: value is a module id, require it
 53 | /******/ 	// mode & 2: merge all properties of value into the ns
 54 | /******/ 	// mode & 4: return value when already ns object
 55 | /******/ 	// mode & 8|1: behave like require
 56 | /******/ 	__webpack_require__.t = function(value, mode) {
 57 | /******/ 		if(mode & 1) value = __webpack_require__(value);
 58 | /******/ 		if(mode & 8) return value;
 59 | /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 60 | /******/ 		var ns = Object.create(null);
 61 | /******/ 		__webpack_require__.r(ns);
 62 | /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 63 | /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 64 | /******/ 		return ns;
 65 | /******/ 	};
 66 | /******/
 67 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 68 | /******/ 	__webpack_require__.n = function(module) {
 69 | /******/ 		var getter = module && module.__esModule ?
 70 | /******/ 			function getDefault() { return module['default']; } :
 71 | /******/ 			function getModuleExports() { return module; };
 72 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 73 | /******/ 		return getter;
 74 | /******/ 	};
 75 | /******/
 76 | /******/ 	// Object.prototype.hasOwnProperty.call
 77 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 78 | /******/
 79 | /******/ 	// __webpack_public_path__
 80 | /******/ 	__webpack_require__.p = "/static";
 81 | /******/
 82 | /******/
 83 | /******/ 	// Load entry module and return exports
 84 | /******/ 	return __webpack_require__(__webpack_require__.s = "../../src/setup.js");
 85 | /******/ })
 86 | /************************************************************************/
 87 | /******/ ({
 88 | 
 89 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js?!../../src/styles.css":
 90 | /*!*********************************************************************************************************************!*\
 91 |   !*** /Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1!/src/styles.css ***!
 92 |   \*********************************************************************************************************************/
 93 | /*! no static exports found */
 94 | /***/ (function(module, exports, __webpack_require__) {
 95 | 
 96 | eval("exports = module.exports = __webpack_require__(/*! ../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js */ \"../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \".video-container {\\r\\n    height: 100%;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\nvideo {\\r\\n    padding: 0;\\r\\n    margin: 0;\\r\\n    width: 100%;\\r\\n    height: 100%;\\r\\n    background-color: transparent;\\r\\n    object-fit: cover;\\r\\n}\\r\\n\\r\\n.filter {\\r\\n    position: absolute;\\r\\n    right: 15px;\\r\\n    top: 15px;\\r\\n    color: white;\\r\\n    background-color: var(--primary-default);\\r\\n    padding: 5px 15px;\\r\\n    border-radius: 3px;\\r\\n}\\r\\n\\r\\n.rainbow-filter {\\r\\n    position: absolute;\\r\\n    left: 0;\\r\\n    right: 0;\\r\\n    top: 0;\\r\\n    bottom: 0;\\r\\n    display: none;\\r\\n    opacity: .3;\\r\\n    animation: 3s linear 0s infinite alternate;\\r\\n    animation-name: rainbow_background;\\r\\n}\\r\\n\\r\\n/* Animate from red to green to blue */\\r\\n@keyframes rainbow_background {\\r\\n    0% {\\r\\n        background: #f00;\\r\\n    }\\r\\n\\r\\n    50% {\\r\\n        background: #0f0;\\r\\n    }\\r\\n\\r\\n    100% {\\r\\n        background: #00f;\\r\\n    }\\r\\n}\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"video-container\": \"video-container\",\n\t\"filter\": \"filter\",\n\t\"rainbow-filter\": \"rainbow-filter\",\n\t\"rainbow_background\": \"rainbow_background\"\n};\n\n//# sourceURL=webpack:////src/styles.css?/Program_Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1");
 97 | 
 98 | /***/ }),
 99 | 
100 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js":
101 | /*!*******************************************************************************************!*\
102 |   !*** /Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js ***!
103 |   \*******************************************************************************************/
104 | /*! no static exports found */
105 | /***/ (function(module, exports, __webpack_require__) {
106 | 
107 | "use strict";
108 | eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function (useSourceMap) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item, useSourceMap);\n\n      if (item[2]) {\n        return '@media ' + item[2] + '{' + content + '}';\n      } else {\n        return content;\n      }\n    }).join('');\n  }; // import a list of modules into the list\n\n\n  list.i = function (modules, mediaQuery) {\n    if (typeof modules === 'string') {\n      modules = [[null, modules, '']];\n    }\n\n    var alreadyImportedModules = {};\n\n    for (var i = 0; i < this.length; i++) {\n      var id = this[i][0];\n\n      if (id != null) {\n        alreadyImportedModules[id] = true;\n      }\n    }\n\n    for (i = 0; i < modules.length; i++) {\n      var item = modules[i]; // skip already imported module\n      // this implementation is not 100% perfect for weird media query combinations\n      // when a module is imported multiple times with different media queries.\n      // I hope this will never occur (Hey this way we have smaller bundles)\n\n      if (item[0] == null || !alreadyImportedModules[item[0]]) {\n        if (mediaQuery && !item[2]) {\n          item[2] = mediaQuery;\n        } else if (mediaQuery) {\n          item[2] = '(' + item[2] + ') and (' + mediaQuery + ')';\n        }\n\n        list.push(item);\n      }\n    }\n  };\n\n  return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n  var content = item[1] || '';\n  var cssMapping = item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (useSourceMap && typeof btoa === 'function') {\n    var sourceMapping = toComment(cssMapping);\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */';\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n  }\n\n  return [content].join('\\n');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n  // eslint-disable-next-line no-undef\n  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n  var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n  return '/*# ' + data + ' */';\n}\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js?");
109 | 
110 | /***/ }),
111 | 
112 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js":
113 | /*!****************************************************************************************************!*\
114 |   !*** /Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js ***!
115 |   \****************************************************************************************************/
116 | /*! exports provided: default */
117 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
118 | 
119 | "use strict";
120 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return addStylesClient; });\n/* harmony import */ var _listToStyles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./listToStyles */ \"../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js\");\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\n\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nfunction addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = Object(_listToStyles__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = Object(_listToStyles__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js?");
121 | 
122 | /***/ }),
123 | 
124 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js":
125 | /*!*************************************************************************************************!*\
126 |   !*** /Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js ***!
127 |   \*************************************************************************************************/
128 | /*! exports provided: default */
129 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
130 | 
131 | "use strict";
132 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return listToStyles; });\n/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nfunction listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js?");
133 | 
134 | /***/ }),
135 | 
136 | /***/ "../../src/index.html":
137 | /*!***********************!*\
138 |   !*** /src/index.html ***!
139 |   \***********************/
140 | /*! no static exports found */
141 | /***/ (function(module, exports) {
142 | 
143 | eval("module.exports = \"<div class=\\\"video-container\\\">\\r\\n\\t<!-- Video that displays the camera feed -->\\r\\n\\t<video autoplay></video>\\r\\n\\r\\n\\t<!-- Rainbow filter overlay -->\\r\\n\\t<div class=\\\"rainbow-filter\\\"></div>\\r\\n\\r\\n\\t<!-- Rainbow filter checkbox -->\\r\\n\\t<label class=\\\"filter\\\">\\r\\n\\t\\t<input type=\\\"checkbox\\\" id=\\\"rainbow-toggle\\\"> Rainbow Filter\\r\\n\\t</label>\\r\\n</div>\"\n\n//# sourceURL=webpack:////src/index.html?");
144 | 
145 | /***/ }),
146 | 
147 | /***/ "../../src/setup.js":
148 | /*!*********************!*\
149 |   !*** /src/setup.js ***!
150 |   \*********************/
151 | /*! no exports provided */
152 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
153 | 
154 | "use strict";
155 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _index_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.html */ \"../../src/index.html\");\n/* harmony import */ var _index_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_index_html__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _styles_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.css */ \"../../src/styles.css\");\n/* harmony import */ var _styles_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_styles_css__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ \"../../src/util.js\");\n\n\n\nquark.views.tabsviewController.hideNavbar();\nconst element = quark.util.createElementFromHtml(_index_html__WEBPACK_IMPORTED_MODULE_0___default.a);\nconst view = quark.views.createTabsView(`My View`, element);\n\nview.onDidConnectElement = () => {\n  Object(_util__WEBPACK_IMPORTED_MODULE_2__[\"startVideo\"])();\n};\n\nview.focus();\n\n//# sourceURL=webpack:////src/setup.js?");
156 | 
157 | /***/ }),
158 | 
159 | /***/ "../../src/styles.css":
160 | /*!***********************!*\
161 |   !*** /src/styles.css ***!
162 |   \***********************/
163 | /*! no static exports found */
164 | /***/ (function(module, exports, __webpack_require__) {
165 | 
166 | eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1!./styles.css */ \"../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js?!../../src/styles.css\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js */ \"../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"74f33602\", content, false, {\"shadowMode\":false});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:////src/styles.css?");
167 | 
168 | /***/ }),
169 | 
170 | /***/ "../../src/util.js":
171 | /*!********************!*\
172 |   !*** /src/util.js ***!
173 |   \********************/
174 | /*! exports provided: startVideo */
175 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
176 | 
177 | "use strict";
178 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"startVideo\", function() { return startVideo; });\n/* harmony import */ var electron__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! electron */ \"electron\");\n/* harmony import */ var electron__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(electron__WEBPACK_IMPORTED_MODULE_0__);\n\nfunction startVideo() {\n  const display = electron__WEBPACK_IMPORTED_MODULE_0__[\"screen\"].getPrimaryDisplay(); // http://electron.atom.io/docs/api/screen\n\n  const constraints = {\n    video: {\n      width: {\n        ideal: display.size.width // Ideal video width is size of screen\n\n      },\n      height: {\n        ideal: display.size.height // Ideal video height is size of screen\n\n      }\n    }\n  };\n  navigator.mediaDevices.getUserMedia(constraints).then(stream => {\n    const video = document.querySelector('video');\n    video.srcObject = stream; // Play stream in <video> element\n  }).catch(error => {\n    console.error(error);\n  });\n  document.getElementById('rainbow-toggle').addEventListener('change', ev => {\n    const checked = ev.srcElement.checked;\n\n    if (checked) {\n      document.querySelector('.rainbow-filter').style.display = 'block';\n    } else {\n      document.querySelector('.rainbow-filter').style.display = 'none';\n    }\n  });\n}\n\n//# sourceURL=webpack:////src/util.js?");
179 | 
180 | /***/ }),
181 | 
182 | /***/ "electron":
183 | /*!***************************!*\
184 |   !*** external "electron" ***!
185 |   \***************************/
186 | /*! no static exports found */
187 | /***/ (function(module, exports) {
188 | 
189 | eval("module.exports = require(\"electron\");\n\n//# sourceURL=webpack:///external_%22electron%22?");
190 | 
191 | /***/ })
192 | 
193 | /******/ });


--------------------------------------------------------------------------------
/examples/mirror/mirror.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/examples/mirror/mirror.qrk


--------------------------------------------------------------------------------
/examples/prices/README.md:
--------------------------------------------------------------------------------
 1 | # Prices
 2 | Simple sketch that shows the current price of oil, gold, and silver using the STOOQ API.
 3 | 
 4 | > Note: This project is inspired from [this electron sample app.](https://github.com/electron/simple-samples/tree/master/prices)
 5 | 
 6 | <p align="left">
 7 |     <img src="https://i.imgur.com/fYmDv8w.png" width="500">
 8 | </p>
 9 | 
10 | ## Getting started
11 | 
12 | - Clone this repository
13 | - `cd examples/prices`
14 | - `npm install`
15 | - Open project file `prices.qrk`, or build file `prices.build.qrk` in Quark.
16 | 
17 | ## Going further
18 | 
19 | Here are some ideas on how it can be improved using other [Quark API's.](https://quarkjs.io/references/)
20 | 
21 | - Double-click commodity to open directly on https://stooq.com
22 | - Add the price of platinum (`PL=F`) to the app.
23 | - Export prices to a `.csv` file.
24 | - Show percentage change in price.
25 | - Show notifications when prices go above/below certain amounts.


--------------------------------------------------------------------------------
/examples/prices/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "prices.qrk",
 3 |   "version": "1.0.0",
 4 |   "lockfileVersion": 1,
 5 |   "requires": true,
 6 |   "dependencies": {
 7 |     "@types/node": {
 8 |       "version": "12.6.3",
 9 |       "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.3.tgz",
10 |       "integrity": "sha512-7TEYTQT1/6PP53NftXXabIZDaZfaoBdeBm8Md/i7zsWRoBe0YwOXguyK8vhHs8ehgB/w9U4K/6EWuTyp0W6nIA=="
11 |     },
12 |     "@types/papaparse": {
13 |       "version": "5.0.0",
14 |       "resolved": "https://registry.npmjs.org/@types/papaparse/-/papaparse-5.0.0.tgz",
15 |       "integrity": "sha512-JxYinxHA59+Vk3H61fjrPp1v0tjeT+WcyL/TGYDzmiig8125ndlbI5c6ZKVEaXQbsU8RF3TyCvH7tWsG2bI/Nw==",
16 |       "requires": {
17 |         "@types/node": "*"
18 |       }
19 |     },
20 |     "papaparse": {
21 |       "version": "5.0.0",
22 |       "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.0.0.tgz",
23 |       "integrity": "sha512-gCqNseOMB5RInYXR051oWfCIZZI9ldhijkeMj0kNYLpE/hSRLHaW8ctoK4h3IuS1v8l+PovsV96LjXtgmzHRxA=="
24 |     }
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/examples/prices/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "prices.qrk",
 3 |   "version": "1.0.0",
 4 |   "main": "index.js",
 5 |   "dependencies": {
 6 |     "@types/papaparse": "^5.0.0",
 7 |     "papaparse": "^5.0.0"
 8 |   },
 9 |   "devDependencies": {},
10 |   "scripts": {
11 |     "test": "echo \"Error: no test specified\" && exit 1"
12 |   },
13 |   "license": "ISC",
14 |   "author": "Quarkjs",
15 |   "homepage": "https://quarkjs.io",
16 |   "description": "A Quark project"
17 | }
18 | 


--------------------------------------------------------------------------------
/examples/prices/prices.build.qrk:
--------------------------------------------------------------------------------
  1 | /******/ (function(modules) { // webpackBootstrap
  2 | /******/ 	// The module cache
  3 | /******/ 	var installedModules = {};
  4 | /******/
  5 | /******/ 	// The require function
  6 | /******/ 	function __webpack_require__(moduleId) {
  7 | /******/
  8 | /******/ 		// Check if module is in cache
  9 | /******/ 		if(installedModules[moduleId]) {
 10 | /******/ 			return installedModules[moduleId].exports;
 11 | /******/ 		}
 12 | /******/ 		// Create a new module (and put it into the cache)
 13 | /******/ 		var module = installedModules[moduleId] = {
 14 | /******/ 			i: moduleId,
 15 | /******/ 			l: false,
 16 | /******/ 			exports: {}
 17 | /******/ 		};
 18 | /******/
 19 | /******/ 		// Execute the module function
 20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 21 | /******/
 22 | /******/ 		// Flag the module as loaded
 23 | /******/ 		module.l = true;
 24 | /******/
 25 | /******/ 		// Return the exports of the module
 26 | /******/ 		return module.exports;
 27 | /******/ 	}
 28 | /******/
 29 | /******/
 30 | /******/ 	// expose the modules object (__webpack_modules__)
 31 | /******/ 	__webpack_require__.m = modules;
 32 | /******/
 33 | /******/ 	// expose the module cache
 34 | /******/ 	__webpack_require__.c = installedModules;
 35 | /******/
 36 | /******/ 	// define getter function for harmony exports
 37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 39 | /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 40 | /******/ 		}
 41 | /******/ 	};
 42 | /******/
 43 | /******/ 	// define __esModule on exports
 44 | /******/ 	__webpack_require__.r = function(exports) {
 45 | /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 46 | /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 47 | /******/ 		}
 48 | /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 49 | /******/ 	};
 50 | /******/
 51 | /******/ 	// create a fake namespace object
 52 | /******/ 	// mode & 1: value is a module id, require it
 53 | /******/ 	// mode & 2: merge all properties of value into the ns
 54 | /******/ 	// mode & 4: return value when already ns object
 55 | /******/ 	// mode & 8|1: behave like require
 56 | /******/ 	__webpack_require__.t = function(value, mode) {
 57 | /******/ 		if(mode & 1) value = __webpack_require__(value);
 58 | /******/ 		if(mode & 8) return value;
 59 | /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 60 | /******/ 		var ns = Object.create(null);
 61 | /******/ 		__webpack_require__.r(ns);
 62 | /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 63 | /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 64 | /******/ 		return ns;
 65 | /******/ 	};
 66 | /******/
 67 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 68 | /******/ 	__webpack_require__.n = function(module) {
 69 | /******/ 		var getter = module && module.__esModule ?
 70 | /******/ 			function getDefault() { return module['default']; } :
 71 | /******/ 			function getModuleExports() { return module; };
 72 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 73 | /******/ 		return getter;
 74 | /******/ 	};
 75 | /******/
 76 | /******/ 	// Object.prototype.hasOwnProperty.call
 77 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 78 | /******/
 79 | /******/ 	// __webpack_public_path__
 80 | /******/ 	__webpack_require__.p = "/static";
 81 | /******/
 82 | /******/
 83 | /******/ 	// Load entry module and return exports
 84 | /******/ 	return __webpack_require__(__webpack_require__.s = "../../src/setup.js");
 85 | /******/ })
 86 | /************************************************************************/
 87 | /******/ ({
 88 | 
 89 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js?!../../src/styles.css":
 90 | /*!*********************************************************************************************************************!*\
 91 |   !*** /Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1!/src/styles.css ***!
 92 |   \*********************************************************************************************************************/
 93 | /*! no static exports found */
 94 | /***/ (function(module, exports, __webpack_require__) {
 95 | 
 96 | eval("exports = module.exports = __webpack_require__(/*! ../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js */ \"../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \".gold,\\r\\n.gold small {\\r\\n    background-color: gold;\\r\\n    color: #403600;\\r\\n}\\r\\n\\r\\n.silver,\\r\\n.silver small {\\r\\n    background-color: silver;\\r\\n    color: #404040;\\r\\n}\\r\\n\\r\\n.oil,\\r\\n.oil small {\\r\\n    background-color: black;\\r\\n    color: #E5E5E5;\\r\\n}\\r\\n\\r\\n.container-fluid {\\r\\n    height: 100%;\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    user-select: text;\\r\\n}\\r\\n\\r\\n.row {\\r\\n    flex-grow: 1;\\r\\n    padding: 20px;\\r\\n}\\r\\n\\r\\n.price {\\r\\n    padding-right: 5px;\\r\\n}\\r\\n\\r\\n/* Add a ( before the change */\\r\\n.change::before {\\r\\n    content: '(';\\r\\n}\\r\\n\\r\\n/* Add a ) after the change */\\r\\n.change::after {\\r\\n    content: ')';\\r\\n}\\r\\n\\r\\n/* Add a $ before the price */\\r\\n.price::before {\\r\\n    content: '$';\\r\\n}\\r\\n\\r\\n/* Hide the price and change when they are empty */\\r\\n.change:empty,\\r\\n.price:empty {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\nh1 {\\r\\n    font-weight: 700;\\r\\n}\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"gold\": \"gold\",\n\t\"silver\": \"silver\",\n\t\"oil\": \"oil\",\n\t\"container-fluid\": \"container-fluid\",\n\t\"row\": \"row\",\n\t\"price\": \"price\",\n\t\"change\": \"change\"\n};\n\n//# sourceURL=webpack:////src/styles.css?/Program_Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1");
 97 | 
 98 | /***/ }),
 99 | 
100 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js":
101 | /*!*******************************************************************************************!*\
102 |   !*** /Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js ***!
103 |   \*******************************************************************************************/
104 | /*! no static exports found */
105 | /***/ (function(module, exports, __webpack_require__) {
106 | 
107 | "use strict";
108 | eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function (useSourceMap) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item, useSourceMap);\n\n      if (item[2]) {\n        return '@media ' + item[2] + '{' + content + '}';\n      } else {\n        return content;\n      }\n    }).join('');\n  }; // import a list of modules into the list\n\n\n  list.i = function (modules, mediaQuery) {\n    if (typeof modules === 'string') {\n      modules = [[null, modules, '']];\n    }\n\n    var alreadyImportedModules = {};\n\n    for (var i = 0; i < this.length; i++) {\n      var id = this[i][0];\n\n      if (id != null) {\n        alreadyImportedModules[id] = true;\n      }\n    }\n\n    for (i = 0; i < modules.length; i++) {\n      var item = modules[i]; // skip already imported module\n      // this implementation is not 100% perfect for weird media query combinations\n      // when a module is imported multiple times with different media queries.\n      // I hope this will never occur (Hey this way we have smaller bundles)\n\n      if (item[0] == null || !alreadyImportedModules[item[0]]) {\n        if (mediaQuery && !item[2]) {\n          item[2] = mediaQuery;\n        } else if (mediaQuery) {\n          item[2] = '(' + item[2] + ') and (' + mediaQuery + ')';\n        }\n\n        list.push(item);\n      }\n    }\n  };\n\n  return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n  var content = item[1] || '';\n  var cssMapping = item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (useSourceMap && typeof btoa === 'function') {\n    var sourceMapping = toComment(cssMapping);\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */';\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n  }\n\n  return [content].join('\\n');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n  // eslint-disable-next-line no-undef\n  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n  var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n  return '/*# ' + data + ' */';\n}\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/css-loader/dist/runtime/api.js?");
109 | 
110 | /***/ }),
111 | 
112 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js":
113 | /*!****************************************************************************************************!*\
114 |   !*** /Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js ***!
115 |   \****************************************************************************************************/
116 | /*! exports provided: default */
117 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
118 | 
119 | "use strict";
120 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return addStylesClient; });\n/* harmony import */ var _listToStyles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./listToStyles */ \"../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js\");\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\n\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nfunction addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = Object(_listToStyles__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = Object(_listToStyles__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js?");
121 | 
122 | /***/ }),
123 | 
124 | /***/ "../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js":
125 | /*!*************************************************************************************************!*\
126 |   !*** /Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js ***!
127 |   \*************************************************************************************************/
128 | /*! exports provided: default */
129 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
130 | 
131 | "use strict";
132 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return listToStyles; });\n/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nfunction listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n//# sourceURL=webpack:////Program_Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/listToStyles.js?");
133 | 
134 | /***/ }),
135 | 
136 | /***/ "../../src/index.html":
137 | /*!***********************!*\
138 |   !*** /src/index.html ***!
139 |   \***********************/
140 | /*! no static exports found */
141 | /***/ (function(module, exports) {
142 | 
143 | eval("module.exports = \"<div class=\\\"container-fluid\\\">\\r\\n\\r\\n\\t<!-- Oil Row -->\\r\\n\\t<div class=\\\"row oil\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h1>Oil <small>per barrel</small></h1>\\r\\n\\t\\t\\t<h2>\\r\\n\\t\\t\\t\\t<span id=\\\"oil-price\\\" class=\\\"price\\\"></span>\\r\\n\\t\\t\\t\\t<small id=\\\"oil-change\\\" class=\\\"change\\\"></small>\\r\\n\\t\\t\\t</h2>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n\\t<!-- Gold Row -->\\r\\n\\t<div class=\\\"row gold\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h1>Gold <small>per ounce</small></h1>\\r\\n\\t\\t\\t<h2>\\r\\n\\t\\t\\t\\t<span id=\\\"gold-price\\\" class=\\\"price\\\"></span>\\r\\n\\t\\t\\t\\t<small id=\\\"gold-change\\\" class=\\\"change\\\"></small>\\r\\n\\t\\t\\t</h2>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n\\t<!-- Silver Row -->\\r\\n\\t<div class=\\\"row silver\\\">\\r\\n\\t\\t<div class=\\\"item\\\">\\r\\n\\t\\t\\t<h1 class=\\\"silver\\\">Silver <small>per ounce</small></h1>\\r\\n\\t\\t\\t<h2>\\r\\n\\t\\t\\t\\t<span id=\\\"silver-price\\\" class=\\\"price\\\"></span>\\r\\n\\t\\t\\t\\t<small id=\\\"silver-change\\\" class=\\\"change\\\"></small>\\r\\n\\t\\t\\t</h2>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n\\r\\n</div>\"\n\n//# sourceURL=webpack:////src/index.html?");
144 | 
145 | /***/ }),
146 | 
147 | /***/ "../../src/setup.js":
148 | /*!*********************!*\
149 |   !*** /src/setup.js ***!
150 |   \*********************/
151 | /*! no exports provided */
152 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
153 | 
154 | "use strict";
155 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _styles_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styles.css */ \"../../src/styles.css\");\n/* harmony import */ var _styles_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_styles_css__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.html */ \"../../src/index.html\");\n/* harmony import */ var _index_html__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_html__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ \"../../src/util.js\");\n\n\n // hide navbar\n\nquark.views.tabsviewController.hideNavbar(); // create view\n\nconst element = quark.util.createElementFromHtml(_index_html__WEBPACK_IMPORTED_MODULE_1___default.a);\nconst view = quark.views.createTabsView('Prices', element);\n\nview.onDidConnectElement = () => {\n  Object(_util__WEBPACK_IMPORTED_MODULE_2__[\"updatePrices\"])(); // update every 10 seconds\n\n  setInterval(() => {\n    Object(_util__WEBPACK_IMPORTED_MODULE_2__[\"updatePrices\"])();\n  }, 10000);\n};\n\nview.focus(); // set app theme\n\nquark.util.setAppTheme({\n  \"background.dark\": \"#111111\",\n  \"on.background.dark\": \"#ffffff\",\n  \"background.default\": \"#222222\",\n  \"on.background.default\": \"#ffffff\",\n  \"background.light\": \"#3e3e3e\",\n  \"on.background.light\": \"#ffffff\",\n  \"background.divider\": \"#4D4A4B\",\n  \"primary.default\": \"gold\"\n});\n\n//# sourceURL=webpack:////src/setup.js?");
156 | 
157 | /***/ }),
158 | 
159 | /***/ "../../src/styles.css":
160 | /*!***********************!*\
161 |   !*** /src/styles.css ***!
162 |   \***********************/
163 | /*! no static exports found */
164 | /***/ (function(module, exports, __webpack_require__) {
165 | 
166 | eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js??ref--1-oneOf-0-1!./styles.css */ \"../../Program Files/Quark/resources/app.asar/node_modules/css-loader/dist/cjs.js?!../../src/styles.css\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js */ \"../../Program Files/Quark/resources/app.asar/node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"74f33602\", content, false, {\"shadowMode\":false});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:////src/styles.css?");
167 | 
168 | /***/ }),
169 | 
170 | /***/ "../../src/util.js":
171 | /*!********************!*\
172 |   !*** /src/util.js ***!
173 |   \********************/
174 | /*! exports provided: updatePrices */
175 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
176 | 
177 | "use strict";
178 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"updatePrices\", function() { return updatePrices; });\n/* harmony import */ var papaparse__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! papaparse */ \"./node_modules/papaparse/papaparse.min.js\");\n/* harmony import */ var papaparse__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(papaparse__WEBPACK_IMPORTED_MODULE_0__);\n\nlet url;\nconst stocks = {\n  'oil': 'CL.F',\n  // Crude oil, https://stooq.com/q/?s=cl.f\n  'gold': 'GC.F',\n  // Gold, https://stooq.com/q/?s=gc.f\n  'silver': 'SI.F' // Silver,https://stooq.com/q/?s=si.f\n\n};\nfunction updatePrices() {\n  for (let symbol in stocks) {\n    url = `https://stooq.com/q/l/?s=${stocks[symbol]}&f=sd2t2ohlc&h&e=csv`;\n    papaparse__WEBPACK_IMPORTED_MODULE_0__[\"parse\"](url, {\n      download: true,\n      delimiter: ',',\n      complete: results => {\n        // price data is the second array, first is headers\n        const prices = results.data[1];\n        const previousPrice = parseFloat(prices[3], 10);\n        const currentPrice = parseFloat(prices[6], 10);\n        let change = Math.round((currentPrice - previousPrice) * 100) / 100;\n\n        if (change >= 0) {\n          change = `+${change}`;\n        }\n\n        console.log(`${symbol}-price`);\n        document.getElementById(`${symbol}-price`).innerText = currentPrice.toLocaleString();\n        document.getElementById(`${symbol}-change`).innerText = change;\n      }\n    });\n  }\n\n  ;\n}\n\n//# sourceURL=webpack:////src/util.js?");
179 | 
180 | /***/ }),
181 | 
182 | /***/ "./node_modules/papaparse/papaparse.min.js":
183 | /*!*************************************************!*\
184 |   !*** ./node_modules/papaparse/papaparse.min.js ***!
185 |   \*************************************************/
186 | /*! no static exports found */
187 | /***/ (function(module, exports, __webpack_require__) {
188 | 
189 | eval("var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/* @license\nPapa Parse\nv5.0.0\nhttps://github.com/mholt/PapaParse\nLicense: MIT\n*/\n!function(e,t){ true?!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (t),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)):undefined}(this,function s(){\"use strict\";var f=\"undefined\"!=typeof self?self:\"undefined\"!=typeof window?window:void 0!==f?f:{};var n=!f.document&&!!f.postMessage,o=n&&/blob:/i.test((f.location||{}).protocol),a={},h=0,k={parse:function(e,t){var r=(t=t||{}).dynamicTyping||!1;q(r)&&(t.dynamicTypingFunction=r,r={});if(t.dynamicTyping=r,t.transform=!!q(t.transform)&&t.transform,t.worker&&k.WORKERS_SUPPORTED){var i=function(){if(!k.WORKERS_SUPPORTED)return!1;var e=(r=f.URL||f.webkitURL||null,i=s.toString(),k.BLOB_URL||(k.BLOB_URL=r.createObjectURL(new Blob([\"(\",i,\")();\"],{type:\"text/javascript\"})))),t=new f.Worker(e);var r,i;return t.onmessage=_,t.id=h++,a[t.id]=t}();return i.userStep=t.step,i.userChunk=t.chunk,i.userComplete=t.complete,i.userError=t.error,t.step=q(t.step),t.chunk=q(t.chunk),t.complete=q(t.complete),t.error=q(t.error),delete t.worker,void i.postMessage({input:e,config:t,workerId:i.id})}var n=null;k.NODE_STREAM_INPUT,\"string\"==typeof e?n=t.download?new l(t):new p(t):!0===e.readable&&q(e.read)&&q(e.on)?n=new m(t):(f.File&&e instanceof File||e instanceof Object)&&(n=new c(t));return n.stream(e)},unparse:function(e,t){var i=!1,_=!0,g=\",\",v=\"\\r\\n\",n='\"',s=n+n,r=!1,a=null;!function(){if(\"object\"!=typeof t)return;\"string\"!=typeof t.delimiter||k.BAD_DELIMITERS.filter(function(e){return-1!==t.delimiter.indexOf(e)}).length||(g=t.delimiter);(\"boolean\"==typeof t.quotes||Array.isArray(t.quotes))&&(i=t.quotes);\"boolean\"!=typeof t.skipEmptyLines&&\"string\"!=typeof t.skipEmptyLines||(r=t.skipEmptyLines);\"string\"==typeof t.newline&&(v=t.newline);\"string\"==typeof t.quoteChar&&(n=t.quoteChar);\"boolean\"==typeof t.header&&(_=t.header);if(Array.isArray(t.columns)){if(0===t.columns.length)throw new Error(\"Option columns is empty\");a=t.columns}void 0!==t.escapeChar&&(s=t.escapeChar+n)}();var o=new RegExp(U(n),\"g\");\"string\"==typeof e&&(e=JSON.parse(e));if(Array.isArray(e)){if(!e.length||Array.isArray(e[0]))return u(null,e,r);if(\"object\"==typeof e[0])return u(a||h(e[0]),e,r)}else if(\"object\"==typeof e)return\"string\"==typeof e.data&&(e.data=JSON.parse(e.data)),Array.isArray(e.data)&&(e.fields||(e.fields=e.meta&&e.meta.fields),e.fields||(e.fields=Array.isArray(e.data[0])?e.fields:h(e.data[0])),Array.isArray(e.data[0])||\"object\"==typeof e.data[0]||(e.data=[e.data])),u(e.fields||[],e.data||[],r);throw new Error(\"Unable to serialize unrecognized input\");function h(e){if(\"object\"!=typeof e)return[];var t=[];for(var r in e)t.push(r);return t}function u(e,t,r){var i=\"\";\"string\"==typeof e&&(e=JSON.parse(e)),\"string\"==typeof t&&(t=JSON.parse(t));var n=Array.isArray(e)&&0<e.length,s=!Array.isArray(t[0]);if(n&&_){for(var a=0;a<e.length;a++)0<a&&(i+=g),i+=y(e[a],a);0<t.length&&(i+=v)}for(var o=0;o<t.length;o++){var h=n?e.length:t[o].length,u=!1,f=n?0===Object.keys(t[o]).length:0===t[o].length;if(r&&!n&&(u=\"greedy\"===r?\"\"===t[o].join(\"\").trim():1===t[o].length&&0===t[o][0].length),\"greedy\"===r&&n){for(var d=[],l=0;l<h;l++){var c=s?e[l]:l;d.push(t[o][c])}u=\"\"===d.join(\"\").trim()}if(!u){for(var p=0;p<h;p++){0<p&&!f&&(i+=g);var m=n&&s?e[p]:p;i+=y(t[o][m],p)}o<t.length-1&&(!r||0<h&&!f)&&(i+=v)}}return i}function y(e,t){if(null==e)return\"\";if(e.constructor===Date)return JSON.stringify(e).slice(1,25);e=e.toString().replace(o,s);var r=\"boolean\"==typeof i&&i||Array.isArray(i)&&i[t]||function(e,t){for(var r=0;r<t.length;r++)if(-1<e.indexOf(t[r]))return!0;return!1}(e,k.BAD_DELIMITERS)||-1<e.indexOf(g)||\" \"===e.charAt(0)||\" \"===e.charAt(e.length-1);return r?n+e+n:e}}};if(k.RECORD_SEP=String.fromCharCode(30),k.UNIT_SEP=String.fromCharCode(31),k.BYTE_ORDER_MARK=\"\\ufeff\",k.BAD_DELIMITERS=[\"\\r\",\"\\n\",'\"',k.BYTE_ORDER_MARK],k.WORKERS_SUPPORTED=!n&&!!f.Worker,k.NODE_STREAM_INPUT=1,k.LocalChunkSize=10485760,k.RemoteChunkSize=5242880,k.DefaultDelimiter=\",\",k.Parser=y,k.ParserHandle=r,k.NetworkStreamer=l,k.FileStreamer=c,k.StringStreamer=p,k.ReadableStreamStreamer=m,f.jQuery){var d=f.jQuery;d.fn.parse=function(o){var r=o.config||{},h=[];return this.each(function(e){if(!(\"INPUT\"===d(this).prop(\"tagName\").toUpperCase()&&\"file\"===d(this).attr(\"type\").toLowerCase()&&f.FileReader)||!this.files||0===this.files.length)return!0;for(var t=0;t<this.files.length;t++)h.push({file:this.files[t],inputElem:this,instanceConfig:d.extend({},r)})}),e(),this;function e(){if(0!==h.length){var e,t,r,i,n=h[0];if(q(o.before)){var s=o.before(n.file,n.inputElem);if(\"object\"==typeof s){if(\"abort\"===s.action)return e=\"AbortError\",t=n.file,r=n.inputElem,i=s.reason,void(q(o.error)&&o.error({name:e},t,r,i));if(\"skip\"===s.action)return void u();\"object\"==typeof s.config&&(n.instanceConfig=d.extend(n.instanceConfig,s.config))}else if(\"skip\"===s)return void u()}var a=n.instanceConfig.complete;n.instanceConfig.complete=function(e){q(a)&&a(e,n.file,n.inputElem),u()},k.parse(n.file,n.instanceConfig)}else q(o.complete)&&o.complete()}function u(){h.splice(0,1),e()}}}function u(e){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine=\"\",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},function(e){var t=b(e);t.chunkSize=parseInt(t.chunkSize),e.step||e.chunk||(t.chunkSize=null);this._handle=new r(t),(this._handle.streamer=this)._config=t}.call(this,e),this.parseChunk=function(e,t){if(this.isFirstChunk&&q(this._config.beforeFirstChunk)){var r=this._config.beforeFirstChunk(e);void 0!==r&&(e=r)}this.isFirstChunk=!1,this._halted=!1;var i=this._partialLine+e;this._partialLine=\"\";var n=this._handle.parse(i,this._baseIndex,!this._finished);if(!this._handle.paused()&&!this._handle.aborted()){var s=n.meta.cursor;this._finished||(this._partialLine=i.substring(s-this._baseIndex),this._baseIndex=s),n&&n.data&&(this._rowCount+=n.data.length);var a=this._finished||this._config.preview&&this._rowCount>=this._config.preview;if(o)f.postMessage({results:n,workerId:k.WORKER_ID,finished:a});else if(q(this._config.chunk)&&!t){if(this._config.chunk(n,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);n=void 0,this._completeResults=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(n.data),this._completeResults.errors=this._completeResults.errors.concat(n.errors),this._completeResults.meta=n.meta),this._completed||!a||!q(this._config.complete)||n&&n.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),a||n&&n.meta.paused||this._nextChunk(),n}this._halted=!0},this._sendError=function(e){q(this._config.error)?this._config.error(e):o&&this._config.error&&f.postMessage({workerId:k.WORKER_ID,error:e,finished:!1})}}function l(e){var i;(e=e||{}).chunkSize||(e.chunkSize=k.RemoteChunkSize),u.call(this,e),this._nextChunk=n?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(e){this._input=e,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(i=new XMLHttpRequest,this._config.withCredentials&&(i.withCredentials=this._config.withCredentials),n||(i.onload=E(this._chunkLoaded,this),i.onerror=E(this._chunkError,this)),i.open(\"GET\",this._input,!n),this._config.downloadRequestHeaders){var e=this._config.downloadRequestHeaders;for(var t in e)i.setRequestHeader(t,e[t])}if(this._config.chunkSize){var r=this._start+this._config.chunkSize-1;i.setRequestHeader(\"Range\",\"bytes=\"+this._start+\"-\"+r)}try{i.send()}catch(e){this._chunkError(e.message)}n&&0===i.status?this._chunkError():this._start+=this._config.chunkSize}},this._chunkLoaded=function(){4===i.readyState&&(i.status<200||400<=i.status?this._chunkError():(this._finished=!this._config.chunkSize||this._start>function(e){var t=e.getResponseHeader(\"Content-Range\");if(null===t)return-1;return parseInt(t.substr(t.lastIndexOf(\"/\")+1))}(i),this.parseChunk(i.responseText)))},this._chunkError=function(e){var t=i.statusText||e;this._sendError(new Error(t))}}function c(e){var i,n;(e=e||{}).chunkSize||(e.chunkSize=k.LocalChunkSize),u.call(this,e);var s=\"undefined\"!=typeof FileReader;this.stream=function(e){this._input=e,n=e.slice||e.webkitSlice||e.mozSlice,s?((i=new FileReader).onload=E(this._chunkLoaded,this),i.onerror=E(this._chunkError,this)):i=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var e=this._input;if(this._config.chunkSize){var t=Math.min(this._start+this._config.chunkSize,this._input.size);e=n.call(e,this._start,t)}var r=i.readAsText(e,this._config.encoding);s||this._chunkLoaded({target:{result:r}})},this._chunkLoaded=function(e){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(e.target.result)},this._chunkError=function(){this._sendError(i.error)}}function p(e){var r;u.call(this,e=e||{}),this.stream=function(e){return r=e,this._nextChunk()},this._nextChunk=function(){if(!this._finished){var e=this._config.chunkSize,t=e?r.substr(0,e):r;return r=e?r.substr(e):\"\",this._finished=!r,this.parseChunk(t)}}}function m(e){u.call(this,e=e||{});var t=[],r=!0,i=!1;this.pause=function(){u.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){u.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(e){this._input=e,this._input.on(\"data\",this._streamData),this._input.on(\"end\",this._streamEnd),this._input.on(\"error\",this._streamError)},this._checkIsFinished=function(){i&&1===t.length&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),t.length?this.parseChunk(t.shift()):r=!0},this._streamData=E(function(e){try{t.push(\"string\"==typeof e?e:e.toString(this._config.encoding)),r&&(r=!1,this._checkIsFinished(),this.parseChunk(t.shift()))}catch(e){this._streamError(e)}},this),this._streamError=E(function(e){this._streamCleanUp(),this._sendError(e)},this),this._streamEnd=E(function(){this._streamCleanUp(),i=!0,this._streamData(\"\")},this),this._streamCleanUp=E(function(){this._input.removeListener(\"data\",this._streamData),this._input.removeListener(\"end\",this._streamEnd),this._input.removeListener(\"error\",this._streamError)},this)}function r(_){var a,o,h,i=/^\\s*-?(\\d*\\.?\\d+|\\d+\\.?\\d*)(e[-+]?\\d+)?\\s*$/i,n=/(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d:[0-5]\\d\\.\\d+([+-][0-2]\\d:[0-5]\\d|Z))|(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d:[0-5]\\d([+-][0-2]\\d:[0-5]\\d|Z))|(\\d{4}-[01]\\d-[0-3]\\dT[0-2]\\d:[0-5]\\d([+-][0-2]\\d:[0-5]\\d|Z))/,t=this,r=0,u=0,f=!1,e=!1,d=[],l={data:[],errors:[],meta:{}};if(q(_.step)){var s=_.step;_.step=function(e){if(l=e,p())c();else{if(c(),0===l.data.length)return;r+=e.data.length,_.preview&&r>_.preview?o.abort():s(l,t)}}}function g(e){return\"greedy\"===_.skipEmptyLines?\"\"===e.join(\"\").trim():1===e.length&&0===e[0].length}function c(){if(l&&h&&(v(\"Delimiter\",\"UndetectableDelimiter\",\"Unable to auto-detect delimiting character; defaulted to '\"+k.DefaultDelimiter+\"'\"),h=!1),_.skipEmptyLines)for(var e=0;e<l.data.length;e++)g(l.data[e])&&l.data.splice(e--,1);return p()&&function(){if(!l)return;function e(e){q(_.transformHeader)&&(e=_.transformHeader(e)),d.push(e)}if(Array.isArray(l.data[0])){for(var t=0;p()&&t<l.data.length;t++)l.data[t].forEach(e);l.data.splice(0,1)}else l.data.forEach(e)}(),function(){if(!l||!_.header&&!_.dynamicTyping&&!_.transform)return l;function e(e,t){var r,i=_.header?{}:[];for(r=0;r<e.length;r++){var n=r,s=e[r];_.header&&(n=r>=d.length?\"__parsed_extra\":d[r]),_.transform&&(s=_.transform(s,n)),s=m(n,s),\"__parsed_extra\"===n?(i[n]=i[n]||[],i[n].push(s)):i[n]=s}return _.header&&(r>d.length?v(\"FieldMismatch\",\"TooManyFields\",\"Too many fields: expected \"+d.length+\" fields but parsed \"+r,u+t):r<d.length&&v(\"FieldMismatch\",\"TooFewFields\",\"Too few fields: expected \"+d.length+\" fields but parsed \"+r,u+t)),i}var t=1;!l.data[0]||Array.isArray(l.data[0])?(l.data=l.data.map(e),t=l.data.length):l.data=e(l.data,0);_.header&&l.meta&&(l.meta.fields=d);return u+=t,l}()}function p(){return _.header&&0===d.length}function m(e,t){return r=e,_.dynamicTypingFunction&&void 0===_.dynamicTyping[r]&&(_.dynamicTyping[r]=_.dynamicTypingFunction(r)),!0===(_.dynamicTyping[r]||_.dynamicTyping)?\"true\"===t||\"TRUE\"===t||\"false\"!==t&&\"FALSE\"!==t&&(i.test(t)?parseFloat(t):n.test(t)?new Date(t):\"\"===t?null:t):t;var r}function v(e,t,r,i){l.errors.push({type:e,code:t,message:r,row:i})}this.parse=function(e,t,r){var i=_.quoteChar||'\"';if(_.newline||(_.newline=function(e,t){e=e.substr(0,1048576);var r=new RegExp(U(t)+\"([^]*?)\"+U(t),\"gm\"),i=(e=e.replace(r,\"\")).split(\"\\r\"),n=e.split(\"\\n\"),s=1<n.length&&n[0].length<i[0].length;if(1===i.length||s)return\"\\n\";for(var a=0,o=0;o<i.length;o++)\"\\n\"===i[o][0]&&a++;return a>=i.length/2?\"\\r\\n\":\"\\r\"}(e,i)),h=!1,_.delimiter)q(_.delimiter)&&(_.delimiter=_.delimiter(e),l.meta.delimiter=_.delimiter);else{var n=function(e,t,r,i,n){var s,a,o;n=n||[\",\",\"\\t\",\"|\",\";\",k.RECORD_SEP,k.UNIT_SEP];for(var h=0;h<n.length;h++){var u=n[h],f=0,d=0,l=0;o=void 0;for(var c=new y({comments:i,delimiter:u,newline:t,preview:10}).parse(e),p=0;p<c.data.length;p++)if(r&&g(c.data[p]))l++;else{var m=c.data[p].length;d+=m,void 0!==o?1<m&&(f+=Math.abs(m-o),o=m):o=0}0<c.data.length&&(d/=c.data.length-l),(void 0===a||a<f)&&1.99<d&&(a=f,s=u)}return{successful:!!(_.delimiter=s),bestDelimiter:s}}(e,_.newline,_.skipEmptyLines,_.comments,_.delimitersToGuess);n.successful?_.delimiter=n.bestDelimiter:(h=!0,_.delimiter=k.DefaultDelimiter),l.meta.delimiter=_.delimiter}var s=b(_);return _.preview&&_.header&&s.preview++,a=e,o=new y(s),l=o.parse(a,t,r),c(),f?{meta:{paused:!0}}:l||{meta:{paused:!1}}},this.paused=function(){return f},this.pause=function(){f=!0,o.abort(),a=a.substr(o.getCharIndex())},this.resume=function(){t.streamer._halted?(f=!1,t.streamer.parseChunk(a,!0)):setTimeout(this.resume,3)},this.aborted=function(){return e},this.abort=function(){e=!0,o.abort(),l.meta.aborted=!0,q(_.complete)&&_.complete(l),a=\"\"}}function U(e){return e.replace(/[.*+?^${}()|[\\]\\\\]/g,\"\\\\$&\")}function y(e){var O,D=(e=e||{}).delimiter,I=e.newline,T=e.comments,A=e.step,L=e.preview,F=e.fastMode,z=O=void 0===e.quoteChar?'\"':e.quoteChar;if(void 0!==e.escapeChar&&(z=e.escapeChar),(\"string\"!=typeof D||-1<k.BAD_DELIMITERS.indexOf(D))&&(D=\",\"),T===D)throw new Error(\"Comment character same as delimiter\");!0===T?T=\"#\":(\"string\"!=typeof T||-1<k.BAD_DELIMITERS.indexOf(T))&&(T=!1),\"\\n\"!==I&&\"\\r\"!==I&&\"\\r\\n\"!==I&&(I=\"\\n\");var M=0,j=!1;this.parse=function(a,r,t){if(\"string\"!=typeof a)throw new Error(\"Input must be a string\");var i=a.length,e=D.length,n=I.length,s=T.length,o=q(A),h=[],u=[],f=[],d=M=0;if(!a)return R();if(F||!1!==F&&-1===a.indexOf(O)){for(var l=a.split(I),c=0;c<l.length;c++){if(f=l[c],M+=f.length,c!==l.length-1)M+=I.length;else if(t)return R();if(!T||f.substr(0,s)!==T){if(o){if(h=[],b(f.split(D)),S(),j)return R()}else b(f.split(D));if(L&&L<=c)return h=h.slice(0,L),R(!0)}}return R()}for(var p=a.indexOf(D,M),m=a.indexOf(I,M),_=new RegExp(U(z)+U(O),\"g\"),g=a.indexOf(O,M);;)if(a[M]!==O)if(T&&0===f.length&&a.substr(M,s)===T){if(-1===m)return R();M=m+n,m=a.indexOf(I,M),p=a.indexOf(D,M)}else{if(-1!==p&&(p<m||-1===m)){if(-1===g){f.push(a.substring(M,p)),M=p+e,p=a.indexOf(D,M);continue}var v=x(p,g,m);if(v&&v.nextDelim){p=v.nextDelim,g=v.quoteSearch,f.push(a.substring(M,p)),M=p+e,p=a.indexOf(D,M);continue}}if(-1===m)break;if(f.push(a.substring(M,m)),C(m+n),o&&(S(),j))return R();if(L&&h.length>=L)return R(!0)}else for(g=M,M++;;){if(-1===(g=a.indexOf(O,g+1)))return t||u.push({type:\"Quotes\",code:\"MissingQuotes\",message:\"Quoted field unterminated\",row:h.length,index:M}),w();if(g===i-1)return w(a.substring(M,g).replace(_,O));if(O!==z||a[g+1]!==z){if(O===z||0===g||a[g-1]!==z){var y=E(-1===m?p:Math.min(p,m));if(a[g+1+y]===D){f.push(a.substring(M,g).replace(_,O)),a[M=g+1+y+e]!==O&&(g=a.indexOf(O,M)),p=a.indexOf(D,M),m=a.indexOf(I,M);break}var k=E(m);if(a.substr(g+1+k,n)===I){if(f.push(a.substring(M,g).replace(_,O)),C(g+1+k+n),p=a.indexOf(D,M),g=a.indexOf(O,M),o&&(S(),j))return R();if(L&&h.length>=L)return R(!0);break}u.push({type:\"Quotes\",code:\"InvalidQuotes\",message:\"Trailing quote on quoted field is malformed\",row:h.length,index:M}),g++}}else g++}return w();function b(e){h.push(e),d=M}function E(e){var t=0;if(-1!==e){var r=a.substring(g+1,e);r&&\"\"===r.trim()&&(t=r.length)}return t}function w(e){return t||(void 0===e&&(e=a.substr(M)),f.push(e),M=i,b(f),o&&S()),R()}function C(e){M=e,b(f),f=[],m=a.indexOf(I,M)}function R(e,t){return{data:t||!1?h[0]:h,errors:u,meta:{delimiter:D,linebreak:I,aborted:j,truncated:!!e,cursor:d+(r||0)}}}function S(){A(R(void 0,!0)),h=[],u=[]}function x(e,t,r){var i={nextDelim:void 0,quoteSearch:void 0},n=a.indexOf(O,t+1);if(t<e&&e<n&&(n<r||-1===r)){var s=a.indexOf(D,n);if(-1===s)return i;n<s&&(n=a.indexOf(O,n+1)),i=x(s,n,r)}else i={nextDelim:e,quoteSearch:t};return i}},this.abort=function(){j=!0},this.getCharIndex=function(){return M}}function _(e){var t=e.data,r=a[t.workerId],i=!1;if(t.error)r.userError(t.error,t.file);else if(t.results&&t.results.data){var n={abort:function(){i=!0,g(t.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:v,resume:v};if(q(r.userStep)){for(var s=0;s<t.results.data.length&&(r.userStep({data:t.results.data[s],errors:t.results.errors,meta:t.results.meta},n),!i);s++);delete t.results}else q(r.userChunk)&&(r.userChunk(t.results,n,t.file),delete t.results)}t.finished&&!i&&g(t.workerId,t.results)}function g(e,t){var r=a[e];q(r.userComplete)&&r.userComplete(t),r.terminate(),delete a[e]}function v(){throw new Error(\"Not implemented.\")}function b(e){if(\"object\"!=typeof e||null===e)return e;var t=Array.isArray(e)?[]:{};for(var r in e)t[r]=b(e[r]);return t}function E(e,t){return function(){e.apply(t,arguments)}}function q(e){return\"function\"==typeof e}return o&&(f.onmessage=function(e){var t=e.data;void 0===k.WORKER_ID&&t&&(k.WORKER_ID=t.workerId);if(\"string\"==typeof t.input)f.postMessage({workerId:k.WORKER_ID,results:k.parse(t.input,t.config),finished:!0});else if(f.File&&t.input instanceof File||t.input instanceof Object){var r=k.parse(t.input,t.config);r&&f.postMessage({workerId:k.WORKER_ID,results:r,finished:!0})}}),(l.prototype=Object.create(u.prototype)).constructor=l,(c.prototype=Object.create(u.prototype)).constructor=c,(p.prototype=Object.create(p.prototype)).constructor=p,(m.prototype=Object.create(u.prototype)).constructor=m,k});\n\n//# sourceURL=webpack:///./node_modules/papaparse/papaparse.min.js?");
190 | 
191 | /***/ })
192 | 
193 | /******/ });


--------------------------------------------------------------------------------
/examples/prices/prices.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/examples/prices/prices.qrk


--------------------------------------------------------------------------------
/libraries/using-electron/using-electron.build.qrk:
--------------------------------------------------------------------------------
  1 | /******/ (function(modules) { // webpackBootstrap
  2 | /******/ 	// The module cache
  3 | /******/ 	var installedModules = {};
  4 | /******/
  5 | /******/ 	// The require function
  6 | /******/ 	function __webpack_require__(moduleId) {
  7 | /******/
  8 | /******/ 		// Check if module is in cache
  9 | /******/ 		if(installedModules[moduleId]) {
 10 | /******/ 			return installedModules[moduleId].exports;
 11 | /******/ 		}
 12 | /******/ 		// Create a new module (and put it into the cache)
 13 | /******/ 		var module = installedModules[moduleId] = {
 14 | /******/ 			i: moduleId,
 15 | /******/ 			l: false,
 16 | /******/ 			exports: {}
 17 | /******/ 		};
 18 | /******/
 19 | /******/ 		// Execute the module function
 20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 21 | /******/
 22 | /******/ 		// Flag the module as loaded
 23 | /******/ 		module.l = true;
 24 | /******/
 25 | /******/ 		// Return the exports of the module
 26 | /******/ 		return module.exports;
 27 | /******/ 	}
 28 | /******/
 29 | /******/
 30 | /******/ 	// expose the modules object (__webpack_modules__)
 31 | /******/ 	__webpack_require__.m = modules;
 32 | /******/
 33 | /******/ 	// expose the module cache
 34 | /******/ 	__webpack_require__.c = installedModules;
 35 | /******/
 36 | /******/ 	// define getter function for harmony exports
 37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 39 | /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 40 | /******/ 		}
 41 | /******/ 	};
 42 | /******/
 43 | /******/ 	// define __esModule on exports
 44 | /******/ 	__webpack_require__.r = function(exports) {
 45 | /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 46 | /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 47 | /******/ 		}
 48 | /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 49 | /******/ 	};
 50 | /******/
 51 | /******/ 	// create a fake namespace object
 52 | /******/ 	// mode & 1: value is a module id, require it
 53 | /******/ 	// mode & 2: merge all properties of value into the ns
 54 | /******/ 	// mode & 4: return value when already ns object
 55 | /******/ 	// mode & 8|1: behave like require
 56 | /******/ 	__webpack_require__.t = function(value, mode) {
 57 | /******/ 		if(mode & 1) value = __webpack_require__(value);
 58 | /******/ 		if(mode & 8) return value;
 59 | /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 60 | /******/ 		var ns = Object.create(null);
 61 | /******/ 		__webpack_require__.r(ns);
 62 | /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 63 | /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 64 | /******/ 		return ns;
 65 | /******/ 	};
 66 | /******/
 67 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 68 | /******/ 	__webpack_require__.n = function(module) {
 69 | /******/ 		var getter = module && module.__esModule ?
 70 | /******/ 			function getDefault() { return module['default']; } :
 71 | /******/ 			function getModuleExports() { return module; };
 72 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 73 | /******/ 		return getter;
 74 | /******/ 	};
 75 | /******/
 76 | /******/ 	// Object.prototype.hasOwnProperty.call
 77 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 78 | /******/
 79 | /******/ 	// __webpack_public_path__
 80 | /******/ 	__webpack_require__.p = "/static";
 81 | /******/
 82 | /******/
 83 | /******/ 	// Load entry module and return exports
 84 | /******/ 	return __webpack_require__(__webpack_require__.s = "../../src/setup.js");
 85 | /******/ })
 86 | /************************************************************************/
 87 | /******/ ({
 88 | 
 89 | /***/ "../../src/setup.js":
 90 | /*!*********************!*\
 91 |   !*** /src/setup.js ***!
 92 |   \*********************/
 93 | /*! no exports provided */
 94 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
 95 | 
 96 | "use strict";
 97 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var electron__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! electron */ \"electron\");\n/* harmony import */ var electron__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(electron__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! path */ \"path\");\n/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_1__);\n\n // notificationWithImage\n\nconst notificationWithImage = new electron__WEBPACK_IMPORTED_MODULE_0__[\"remote\"].Notification({\n  title: 'Notification with image',\n  body: 'Short message plus a custom image',\n  icon: path__WEBPACK_IMPORTED_MODULE_1__[\"join\"](electron__WEBPACK_IMPORTED_MODULE_0__[\"remote\"].app.getAppPath(), '/appAssets/32x32.png')\n});\nnotificationWithImage.addListener('click', (e, i) => {\n  console.log('Notification clicked');\n});\nnotificationWithImage.show(); // notificationWithoutImage\n\nconst notificationWithoutImage = new electron__WEBPACK_IMPORTED_MODULE_0__[\"remote\"].Notification({\n  title: 'Basic notification',\n  body: 'Short message'\n});\nnotificationWithoutImage.addListener('click', (e, i) => {\n  console.log('Notification clicked');\n});\nnotificationWithoutImage.show();\n\n//# sourceURL=webpack:////src/setup.js?");
 98 | 
 99 | /***/ }),
100 | 
101 | /***/ "electron":
102 | /*!***************************!*\
103 |   !*** external "electron" ***!
104 |   \***************************/
105 | /*! no static exports found */
106 | /***/ (function(module, exports) {
107 | 
108 | eval("module.exports = require(\"electron\");\n\n//# sourceURL=webpack:///external_%22electron%22?");
109 | 
110 | /***/ }),
111 | 
112 | /***/ "path":
113 | /*!***********************!*\
114 |   !*** external "path" ***!
115 |   \***********************/
116 | /*! no static exports found */
117 | /***/ (function(module, exports) {
118 | 
119 | eval("module.exports = require(\"path\");\n\n//# sourceURL=webpack:///external_%22path%22?");
120 | 
121 | /***/ })
122 | 
123 | /******/ });


--------------------------------------------------------------------------------
/libraries/using-electron/using-electron.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/libraries/using-electron/using-electron.qrk


--------------------------------------------------------------------------------
/libraries/using-react/using-react.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/libraries/using-react/using-react.qrk


--------------------------------------------------------------------------------
/libraries/using-serialport/using-serialport.build.qrk:
--------------------------------------------------------------------------------
  1 | /******/ (function(modules) { // webpackBootstrap
  2 | /******/ 	// The module cache
  3 | /******/ 	var installedModules = {};
  4 | /******/
  5 | /******/ 	// The require function
  6 | /******/ 	function __webpack_require__(moduleId) {
  7 | /******/
  8 | /******/ 		// Check if module is in cache
  9 | /******/ 		if(installedModules[moduleId]) {
 10 | /******/ 			return installedModules[moduleId].exports;
 11 | /******/ 		}
 12 | /******/ 		// Create a new module (and put it into the cache)
 13 | /******/ 		var module = installedModules[moduleId] = {
 14 | /******/ 			i: moduleId,
 15 | /******/ 			l: false,
 16 | /******/ 			exports: {}
 17 | /******/ 		};
 18 | /******/
 19 | /******/ 		// Execute the module function
 20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 21 | /******/
 22 | /******/ 		// Flag the module as loaded
 23 | /******/ 		module.l = true;
 24 | /******/
 25 | /******/ 		// Return the exports of the module
 26 | /******/ 		return module.exports;
 27 | /******/ 	}
 28 | /******/
 29 | /******/
 30 | /******/ 	// expose the modules object (__webpack_modules__)
 31 | /******/ 	__webpack_require__.m = modules;
 32 | /******/
 33 | /******/ 	// expose the module cache
 34 | /******/ 	__webpack_require__.c = installedModules;
 35 | /******/
 36 | /******/ 	// define getter function for harmony exports
 37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 39 | /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 40 | /******/ 		}
 41 | /******/ 	};
 42 | /******/
 43 | /******/ 	// define __esModule on exports
 44 | /******/ 	__webpack_require__.r = function(exports) {
 45 | /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 46 | /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 47 | /******/ 		}
 48 | /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 49 | /******/ 	};
 50 | /******/
 51 | /******/ 	// create a fake namespace object
 52 | /******/ 	// mode & 1: value is a module id, require it
 53 | /******/ 	// mode & 2: merge all properties of value into the ns
 54 | /******/ 	// mode & 4: return value when already ns object
 55 | /******/ 	// mode & 8|1: behave like require
 56 | /******/ 	__webpack_require__.t = function(value, mode) {
 57 | /******/ 		if(mode & 1) value = __webpack_require__(value);
 58 | /******/ 		if(mode & 8) return value;
 59 | /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 60 | /******/ 		var ns = Object.create(null);
 61 | /******/ 		__webpack_require__.r(ns);
 62 | /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 63 | /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 64 | /******/ 		return ns;
 65 | /******/ 	};
 66 | /******/
 67 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 68 | /******/ 	__webpack_require__.n = function(module) {
 69 | /******/ 		var getter = module && module.__esModule ?
 70 | /******/ 			function getDefault() { return module['default']; } :
 71 | /******/ 			function getModuleExports() { return module; };
 72 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 73 | /******/ 		return getter;
 74 | /******/ 	};
 75 | /******/
 76 | /******/ 	// Object.prototype.hasOwnProperty.call
 77 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 78 | /******/
 79 | /******/ 	// __webpack_public_path__
 80 | /******/ 	__webpack_require__.p = "/static";
 81 | /******/
 82 | /******/
 83 | /******/ 	// Load entry module and return exports
 84 | /******/ 	return __webpack_require__(__webpack_require__.s = "../../src/setup.js");
 85 | /******/ })
 86 | /************************************************************************/
 87 | /******/ ({
 88 | 
 89 | /***/ "../../src/setup.js":
 90 | /*!*********************!*\
 91 |   !*** /src/setup.js ***!
 92 |   \*********************/
 93 | /*! no exports provided */
 94 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
 95 | 
 96 | "use strict";
 97 | eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var serialport__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! serialport */ \"serialport\");\n/* harmony import */ var serialport__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(serialport__WEBPACK_IMPORTED_MODULE_0__);\n\nserialport__WEBPACK_IMPORTED_MODULE_0__[\"list\"]().then(list => {\n  list.map(port => {\n    console.log(`COM name: ${port.comName}, Manufacturer : ${port.manufacturer}`);\n  });\n}).catch(console.error);\nconst view = quark.views.createTabsView('Serial ports');\n\nview.onDidConnectElement = async () => {\n  const list = await serialport__WEBPACK_IMPORTED_MODULE_0__[\"list\"]();\n  let html = '<h1>Available Ports</h1>';\n  list.map(port => {\n    html = html.concat(`<h3>${port.comName}</h3>`);\n  });\n  view.element.style.padding = '20px';\n  view.element.innerHTML = html;\n};\n\nview.focus();\n\n//# sourceURL=webpack:////src/setup.js?");
 98 | 
 99 | /***/ }),
100 | 
101 | /***/ "serialport":
102 | /*!****************************************!*\
103 |   !*** external "require('serialport')" ***!
104 |   \****************************************/
105 | /*! no static exports found */
106 | /***/ (function(module, exports) {
107 | 
108 | eval("module.exports = require('serialport');\n\n//# sourceURL=webpack:///external_%22require('serialport')%22?");
109 | 
110 | /***/ })
111 | 
112 | /******/ });


--------------------------------------------------------------------------------
/libraries/using-serialport/using-serialport.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/libraries/using-serialport/using-serialport.qrk


--------------------------------------------------------------------------------
/libraries/using-vue/using-vue.qrk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Nishkalkashyap/Quark-samples/d8e501277990aadf0752e3c654612dc94edf696d/libraries/using-vue/using-vue.qrk


--------------------------------------------------------------------------------