initial commit

.eslintrc.js

@@ -0,0 +1,66 @@
+module.exports = {
+  env: {
+    es6: true,
+    node: true,
+    // avoid errors like it/describe in test
+    jest: true,
+    // avoid errors like window/document
+    browser: true,
+  },
+  plugins: [
+    "react",
+    "@typescript-eslint",
+    "import",
+    "simple-import-sort",
+    "react-hooks",
+  ],
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/recommended-requiring-type-checking",
+    "plugin:react/recommended",
+    "plugin:prettier/recommended",
+    "plugin:import/typescript",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 2018,
+    sourceType: "module",
+    tsconfigRootDir: __dirname,
+    project: ["./tsconfig.json"],
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+    "import/resolver": {
+      alias: {
+        map: [["@", "./src"]],
+        extensions: [".ts", ".js", ".tsx", ".jsx", ".json"],
+      },
+    },
+  },
+  rules: {
+    "prettier/prettier": "warn",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/prefer-includes": "off",
+    "@typescript-eslint/member-delimiter-style": "off",
+    "@typescript-eslint/prefer-regexp-exec": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    eqeqeq: ["error", "always", { null: "ignore" }],
+    "@typescript-eslint/camelcase": ["error", { genericType: "always" }],
+    "prefer-const": ["error", { destructuring: "all" }],
+    "react/display-name": "off",
+    "simple-import-sort/sort": "error",
+    "sort-imports": "off",
+    "import/order": "off",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "error",
+  },
+};

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+coverage/

.prettierignore

@@ -0,0 +1 @@
+build/

.prettierrc.yml

@@ -0,0 +1,5 @@
+singleQuote: false
+semi: false
+tabWidth: 2
+printWidth: 100
+trailingComma: none

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "esbenp.prettier-vscode"
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "editor.formatOnSave": true,
+  "eslint.enable": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "eslint.packageManager": "yarn"
+}

build/ImagePixelated/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type ImagePixelatedProps = {
+    src: string;
+    width?: number;
+    height?: number;
+    pixelSize?: number;
+    centered?: boolean;
+    fillTransparencyColor?: string;
+};
+export declare const ImagePixelated: ({ src, width, height, pixelSize, centered, fillTransparencyColor }: ImagePixelatedProps) => JSX.Element;

build/index.d.ts

@@ -0,0 +1 @@
+export * from "./ImagePixelated";