Skip to content

Commit

Permalink
Merge pull request #2 from jofftiquez/feat/browser-extension
Browse files Browse the repository at this point in the history
  • Loading branch information
jofftiquez authored Jun 3, 2023
2 parents c8ca552 + c988fbc commit 2282e63
Show file tree
Hide file tree
Showing 25 changed files with 1,450 additions and 4,042 deletions.
2 changes: 0 additions & 2 deletions .eslintignore
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
/dist
/src-bex/www
/src-capacitor
/src-cordova
/.quasar
/node_modules
.eslintrc.js
babel.config.js
23 changes: 13 additions & 10 deletions .eslintrc.js → .eslintrc.cjs
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,13 @@ module.exports = {
root: true,

parserOptions: {
parser: '@babel/eslint-parser',
ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
sourceType: 'module' // Allows for the use of imports
ecmaVersion: '2021', // Allows for the parsing of modern ECMAScript features
},

env: {
node: true,
browser: true,
'vue/setup-compiler-macros': true
'vue/setup-compiler-macros': true,
},

// Rules order is important, please avoid shuffling them
Expand All @@ -27,7 +26,7 @@ module.exports = {
// 'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
// 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)

'standard'
'standard',

],

Expand All @@ -48,16 +47,19 @@ module.exports = {
__QUASAR_SSR_PWA__: 'readonly',
process: 'readonly',
Capacitor: 'readonly',
chrome: 'readonly'
chrome: 'readonly',
},

// add your custom rules here
rules: {

// allow async-await
'generator-star-spacing': 'off',
// allow paren-less arrow functions
'arrow-parens': 'off',
'one-var': 'off',
'no-void': 'off',
'multiline-ternary': 'off',

'import/first': 'off',
'import/named': 'error',
Expand All @@ -67,20 +69,21 @@ module.exports = {
'import/extensions': 'off',
'import/no-unresolved': 'off',
'import/no-extraneous-dependencies': 'off',

'prefer-promise-reject-errors': 'off',

// allow debugger during development only
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',

// custom
'semi': [2, 'always'],
semi: [2, 'always'],
'space-before-function-paren': [2, 'always'],
'keyword-spacing': [2, { before: true, after: true }],
'space-before-blocks': [2, 'always'],
'comma-dangle': [2, 'always-multiline'],
'no-console': 'off',
'no-multi-str': 'off',
'curly': 1,
curly: 1,
'vue/multi-word-component-names': 'off',
}
}
},
};
48 changes: 0 additions & 48 deletions .firebase/hosting.ZGlzdC9zcGE.cache

This file was deleted.

4 changes: 0 additions & 4 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,6 @@ node_modules
/src-capacitor/www
/src-capacitor/node_modules

# BEX related directories and files
/src-bex/www
/src-bex/js/core

# Log files
npm-debug.log*
yarn-debug.log*
Expand Down
14 changes: 0 additions & 14 deletions babel.config.cjs

This file was deleted.

56 changes: 29 additions & 27 deletions src/index.template.html → index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,44 +6,46 @@
<%= productName %>
</title>

<meta charset="utf-8">
<meta name="description" content="<%= productDescription %>">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta charset="utf-8" />
<meta name="description" content="<%= productDescription %>" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>" />

<link rel="apple-touch-icon" sizes="57x57" href="icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="manifest" href="manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="apple-touch-icon" sizes="57x57" href="icons/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="icons/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="icons/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="icons/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="icons/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="icons/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="icons/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="icons/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png" />
<link rel="manifest" href="manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y4FDP7DDYG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-Y4FDP7DDYG');
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-Y4FDP7DDYG");
ga('set', 'checkProtocolTask', null);
</script>
</head>

<body>
<!-- DO NOT touch the following DIV -->
<div id="q-app"></div>
<!-- quasar:entry-point -->
</body>

</html>
49 changes: 49 additions & 0 deletions inputs.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- create a basic style for all the forms inside this document -->
<style>
form {
display: flex;
flex-direction: column;
align-items: center;
}

input {
margin: 10px;
padding: 10px;
width: 200px;
}
</style>
</head>

<body>
<!-- create a form with all possible types of input elements -->
<form action="inputs.php" method="post">
<input type="text" name="text" placeholder="text">
<input type="password" name="password" placeholder="password">
<input type="email" name="email" placeholder="email">
<input type="number" name="number" placeholder="number">
<input type="date" name="date" placeholder="date">
<input type="time" name="time" placeholder="time">
<input type="color" name="color" placeholder="color">
<input type="range" name="range" placeholder="range">
<input type="file" name="file" placeholder="file">
<input type="tel" name="tel" placeholder="tel">
<input type="url" name="url" placeholder="url">
<!-- add more fields for personal details -->
<input type="text" name="first name" placeholder="first name">
<input type="text" name="middle name" placeholder="middle name">
<input type="text" name="last name" placeholder="surname">
<input type="text" name="age" placeholder="age">
<input type="submit" name="submit" value="submit">
</form>

</body>

</html>
51 changes: 29 additions & 22 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "faker-js-ui",
"version": "0.3.1",
"description": "Use Faker.js UI to easiliy generate fake (but realistic) data for testing and development using Faker.js",
"description": "Simple and intuitive UI for Faker.js",
"productName": "Faker.js UI",
"author": "Joff Tiquez <[email protected]>",
"private": true,
Expand All @@ -14,42 +14,49 @@
"build:bex": "quasar build -m bex"
},
"dependencies": {
"@faker-js/faker": "^8.0.1",
"@quasar/extras": "^1.0.0",
"@faker-js/faker": "^8.0.2",
"@quasar/extras": "^1.16.4",
"axios": "^1.2.1",
"core-js": "^3.6.5",
"events": "^3.3.0",
"lodash": "^4.17.21",
"pinia": "^2.0.11",
"quasar": "^2.6.0",
"quasar": "^2.12.0",
"vue": "^3.0.0",
"vue-i18n": "^9.0.0",
"vue-router": "^4.0.0"
},
"devDependencies": {
"@babel/eslint-parser": "^7.13.14",
"@quasar/app-webpack": "^3.0.0",
"@intlify/vite-plugin-vue-i18n": "^3.3.1",
"@quasar/app-vite": "^1.0.0",
"autoprefixer": "^10.4.2",
"eslint": "^8.10.0",
"eslint-config-standard": "^17.0.0",
"eslint-plugin-import": "^2.19.1",
"eslint-plugin-n": "^15.0.0",
"eslint-plugin-promise": "^6.0.0",
"eslint-plugin-vue": "^9.0.0",
"eslint-webpack-plugin": "^3.1.1"
"postcss": "^8.4.14"
},
"browserslist": [
"last 10 Chrome versions",
"last 10 Firefox versions",
"last 4 Edge versions",
"last 7 Safari versions",
"last 8 Android versions",
"last 8 ChromeAndroid versions",
"last 8 FirefoxAndroid versions",
"last 10 iOS versions",
"last 5 Opera versions"
],
"engines": {
"node": ">= 12.22.1",
"node": "^18 || ^16 || ^14.19",
"npm": ">= 6.13.4",
"yarn": ">= 1.21.1"
}
}
},
"main": "quasar.config.js",
"repository": {
"type": "git",
"url": "git+https://github.com/jofftiquez/faker-js-ui.git"
},
"keywords": [
"faker",
"fakerjs",
"fakerjsui",
"javascript",
"browser-extension"
],
"license": "MIT",
"bugs": {
"url": "https://github.com/jofftiquez/faker-js-ui/issues"
},
"homepage": "https://github.com/jofftiquez/faker-js-ui#readme"
}
22 changes: 20 additions & 2 deletions postcss.config.cjs
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,25 @@

module.exports = {
plugins: [
// to edit target browsers: use "browserslist" field in package.json
require('autoprefixer')
// https://github.com/postcss/autoprefixer
require('autoprefixer')({
overrideBrowserslist: [
'last 4 Chrome versions',
'last 4 Firefox versions',
'last 4 Edge versions',
'last 4 Safari versions',
'last 4 Android versions',
'last 4 ChromeAndroid versions',
'last 4 FirefoxAndroid versions',
'last 4 iOS versions'
]
})

// https://github.com/elchininet/postcss-rtlcss
// If you want to support RTL css, then
// 1. yarn/npm install postcss-rtlcss
// 2. optionally set quasar.config.js > framework > lang to an RTL language
// 3. uncomment the following line:
// require('postcss-rtlcss')
]
}
Loading

0 comments on commit 2282e63

Please sign in to comment.