setup initial project

Author: ste-xx

.eslintignore

@@ -0,0 +1,7 @@
+vue.config.js
+tailwind.config.js
+postcss.config.js
+jest.config.js
+babel.config.js
+.eslintrc.js
+src/devtools.js

.eslintrc.js

@@ -0,0 +1,53 @@
+const path = require("path");
+
+module.exports = {
+root: true,
+env: {
+node: true
+},
+
+extends: [
+"plugin:vue/vue3-essential",
+"eslint:recommended",
+"@vue/typescript"
+],
+parserOptions: {
+parser: "@typescript-eslint/parser"
+},
+
+rules: {
+"@typescript-eslint/semi": ["error"]
+},
+overrides: [
+// Fix no-used-vars when importing ts types in .vue files https://.com/vuejs/eslint-config-typescript/issues/14
+{
+files: ["*.vue"],
+rules: {
+"no-unused-vars": "off",
+"@typescript-eslint/no-unused-vars": "error"
+}
+},
+{
+files: ["src/**/*.ts", "test/**/*.ts"],
+parserOptions: {
+project: path.resolve(__dirname, "./tsconfig.json"),
+parser: "@typescript-eslint/parser"
+},
+extends: [
+"plugin:@typescript-eslint/recommended",
+"plugin:@typescript-eslint/recommended-requiring-type-checking"
+]
+},
+{
+files: ["build/**/*.ts"],
+parserOptions: {
+project: path.resolve(__dirname, "./build/tsconfig.json"),
+parser: "@typescript-eslint/parser"
+},
+extends: [
+"plugin:@typescript-eslint/recommended",
+"plugin:@typescript-eslint/recommended-requiring-type-checking"
+]
+}
+]
+};

.gitignore

@@ -0,0 +1,35 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Test report
+junit.xml
+
+# built zip
+gist-userscript-manager.zip
+
+# schema
+.graphql
+
+# generated graphql ts types
+**/__gen_gql/**/*

babel.config.js

@@ -0,0 +1,29 @@
+const vueCliPreset = require('@vue/cli-plugin-babel/preset');
+
+/*
+* Because browserslist "last 2 Chrome versions" already supports optional chaining and nullish coalescing,
+* @vue/cli-plugin-babel/preset will not transpile them. Unfortunately webpack 4 does not support them, that's why we
+* are adding them here again. Optional chaining and nullish coalescing are supported in webpack 5, but vue cli does not
+* support webpack 5 yet.
+*/
+const customVuePreset = (context, options = {}) => {
+const preset = vueCliPreset(context, options);
+preset.overrides[0].plugins.push("@babel/plugin-proposal-nullish-coalescing-operator");
+preset.overrides[0].plugins.push("@babel/plugin-proposal-optional-chaining");
+return preset;
+};
+
+module.exports = {
+presets: [
+customVuePreset(),
+[
+'@babel/preset-env',
+{
+targets: {
+node: 'current',
+},
+},
+],
+'@babel/preset-typescript'
+]
+};

build/generate-graphql-types/cli.ts

@@ -0,0 +1,12 @@
+import download from './download--schema';
+import generate from './generate-types';
+
+const main = async () => {
+await download();
+await generate();
+};
+
+void main().catch((e) => {
+console.error(e);
+process.exit();
+});

build/generate-graphql-types/config.ts

@@ -0,0 +1,4 @@
+import {join} from "path";
+
+export const SCHEMA_PATH = join(__dirname, '../../.graphql');
+export const SCHEMA_URL = 'https://docs..com/public/schema.docs.graphql';

build/generate-graphql-types/download--schema.ts

@@ -0,0 +1,14 @@
+import {SCHEMA_PATH, SCHEMA_URL} from './config';
+import {writeFile} from 'fs/promises';
+import fetch from 'node-fetch';
+
+export default async (): Promise<void> => {
+console.log('Downloading schema from ...');
+await fetch(SCHEMA_URL)
+.then(response => response.buffer())
+.then(buffer => writeFile(SCHEMA_PATH, buffer))
+console.log('Download complete');
+}
+
+
+

build/generate-graphql-types/generate-types.ts

@@ -0,0 +1,32 @@
+import {exec, ExecOptions} from "child_process";
+import {join} from 'path';
+import del from "del";
+
+const execute = async (command: string, options?: ExecOptions): Promise<void> => {
+return new Promise((resolve, reject) => {
+const childProcess = exec(command, options);
+childProcess.addListener('close', (code) => {
+if (code === 0) {
+resolve();
+} else {
+reject(code);
+}
+});
+childProcess.stdout?.pipe(process.stdout);
+childProcess.stderr?.pipe(process.stderr);
+});
+};
+
+export default async (): Promise<void> => {
+const srcDir = join(__dirname, '../../src');
+console.log('delete old generated gql type files');
+const deletedPaths = await del('**/__gen_gql/**', {cwd: srcDir});
+console.log('deleted files:');
+deletedPaths.forEach(path => console.log(path));
+
+console.log('Generating typescript types');
+const command = "npx apollo client:codegen --target=typescript __gen_gql --includes=./**/*.gql --localSchemaFile=../.graphql";
+await execute(command, {cwd: srcDir});
+console.log('Generation complete');
+
+};

build/tsconfig.json

@@ -0,0 +1,76 @@
+{
+"compilerOptions": {
+/* Visit https://aka.ms/tsconfig.json to read more about this file */
+
+/* Basic Options */
+// "incremental": true, /* Enable incremental compilation */
+"target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
+"module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
+// "lib": [], /* Specify library files to be included in the compilation. */
+// "allowJs": true, /* Allow javascript files to be compiled. */
+// "checkJs": true, /* Report errors in .js files. */
+// "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
+// "declaration": true, /* Generates corresponding '.d.ts' file. */
+// "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */
+// "sourceMap": true, /* Generates corresponding '.map' file. */
+// "outFile": "./", /* Concatenate and emit output to single file. */
+// "outDir": "./", /* Redirect output structure to the directory. */
+// "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
+// "composite": true, /* Enable project compilation */
+// "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */
+// "removeComments": true, /* Do not emit comments to output. */
+// "noEmit": true, /* Do not emit outputs. */
+// "importHelpers": true, /* Import emit helpers from 'tslib'. */
+// "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
+// "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+
+/* Strict Type-Checking Options */
+"strict": true, /* Enable all strict type-checking options. */
+// "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
+// "strictNullChecks": true, /* Enable strict null checks. */
+// "strictFunctionTypes": true, /* Enable strict checking of function types. */
+// "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
+// "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
+// "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
+// "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
+
+/* Additional Checks */
+// "noUnusedLocals": true, /* Report errors on unused locals. */
+// "noUnusedParameters": true, /* Report errors on unused parameters. */
+// "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
+// "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
+// "noUncheckedIndexedAccess": true, /* Include 'undefined' in index signature results */
+
+/* Module Resolution Options */
+// "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
+// "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
+// "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+// "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */
+// "typeRoots": [], /* List of folders to include type definitions from. */
+// "types": [], /* Type declaration files to be included in compilation. */
+// "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
+"esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
+// "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */
+// "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
+
+/* Source Map Options */
+// "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+// "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */
+// "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
+// "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+
+/* Experimental Options */
+// "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
+// "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
+
+/* Advanced Options */
+"skipLibCheck": true, /* Skip type checking of declaration files. */
+"forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+},
+"include": [
+"./**/*.ts"
+],
+"files": [
+"./upload-webstore/chrome-webstore-upload.d.ts"
+]
+}