Skip to content

Commit dc547c1

Browse files
jafinjafin
committed
feat: convert to typescript
* replace mocha with jest * example updated to run in vite * update packages * Add example for padding to docs * remove decorators back into main class (due to issues with typescript conversion)
1 parent 89429a9 commit dc547c1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+32443
-23035
lines changed

‎.babelrc

Lines changed: 18 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,14 @@
11
{
2+
"env": {
3+
"test": {
4+
"presets": [
5+
"@babel/preset-env",
6+
"@babel/preset-typescript",
7+
["@babel/preset-react", { "runtime": "automatic" }]
8+
],
9+
"plugins": []
10+
}
11+
},
212
"plugins": [
313
["@babel/plugin-proposal-decorators", { "legacy": true }],
414
"@babel/plugin-syntax-dynamic-import",
@@ -7,13 +17,13 @@
717
"@babel/plugin-proposal-json-strings"
818
],
919
"presets": [
10-
[
11-
"@babel/preset-env",
12-
{
13-
"useBuiltIns": "entry",
14-
"corejs": "3.12"
15-
}
16-
],
17-
"@babel/preset-react"
20+
[
21+
"@babel/preset-env",
22+
{
23+
"useBuiltIns": "entry",
24+
"corejs": "3.21"
25+
}
26+
],
27+
"@babel/preset-react"
1828
]
1929
}

‎.eslintrc

Lines changed: 57 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,57 @@
1-
{
2-
"parser": "babel-eslint",
3-
"extends": ["standard", "standard-react", "prettier", "eslint:recommended"],
4-
"env": {
5-
"es6": true,
6-
"jest": true
7-
},
8-
"plugins": ["react", "prettier"],
9-
"parserOptions": {
10-
"sourceType": "module",
11-
"ecmaVersion": 2018,
12-
"ecmaFeatures": {
13-
"impliedStrict": true,
14-
"jsx": true,
15-
"arrowFunctions": true,
16-
"blockBindings": true,
17-
"defaultParams": true,
18-
"destructuring": true,
19-
"forOf": true,
20-
"generators": true,
21-
"objectLiteralComputedProperties": true,
22-
"objectLiteralShorthandMethods": true,
23-
"objectLiteralShorthandProperties": true,
24-
"experimentalObjectRestSpread": true,
25-
"restParams": true,
26-
"spread": true,
27-
"templateStrings": true,
28-
"modules": true,
29-
"classes": true
30-
}
31-
},
32-
"rules": {
33-
"react/jsx-no-bind": "off",
34-
"space-before-function-paren": 0,
35-
"react/jsx-boolean-value": 0,
36-
"max-len": [2, { "code": 120, "ignoreComments": true }],
37-
"newline-per-chained-call": 0,
38-
"no-trailing-spaces": ["error"],
39-
"quotes": ["error", "single", { "avoidEscape": true }],
40-
"comma-dangle": ["error", "never"],
41-
"no-template-curly-in-string": "off",
42-
"semi": ["error", "always"],
43-
"object-curly-spacing": ["error", "always"],
44-
"quote-props": ["error", "consistent"],
45-
"no-var": ["error"]
46-
}
47-
}
1+
{
2+
"parser": "@typescript-eslint/parser",
3+
"settings": {
4+
"react": {
5+
"version": "detect"
6+
}
7+
},
8+
"extends": [
9+
// "standard",
10+
"eslint:recommended",
11+
"plugin:@typescript-eslint/recommended",
12+
"plugin:react/recommended"
13+
],
14+
"env": {
15+
//error with "es2021": true
16+
"es6": true,
17+
"jest": true,
18+
"node": true,
19+
"browser": true
20+
},
21+
"plugins": ["@typescript-eslint", "react", "react-hooks"],
22+
"parserOptions": {
23+
"ecmaVersion": 12,
24+
"sourceType": "module",
25+
"requireConfigFile": false,
26+
"ecmaFeatures": {
27+
"jsx": true
28+
}
29+
},
30+
"rules": {
31+
"react/jsx-uses-react": "off",
32+
"react/react-in-jsx-scope": "off",
33+
"react/prop-types": "off",
34+
"react-hooks/rules-of-hooks": "error",
35+
"react-hooks/exhaustive-deps": "warn",
36+
"@typescript-eslint/explicit-module-boundary-types": "off",
37+
"react/jsx-no-bind": [
38+
"warn",
39+
{
40+
"ignoreRefs": true
41+
}
42+
],
43+
"space-before-function-paren": 0,
44+
"react/jsx-boolean-value": 0,
45+
"max-len": [2, { "code": 120, "ignoreComments": true }],
46+
"newline-per-chained-call": 0,
47+
"no-trailing-spaces": ["error"],
48+
"quotes": ["error", "single", { "avoidEscape": true }],
49+
"comma-dangle": ["error", "never"],
50+
"no-template-curly-in-string": "off",
51+
"semi": ["error", "always"],
52+
"object-curly-spacing": ["error", "always"],
53+
"quote-props": ["error", "consistent"],
54+
"no-var": ["error"],
55+
"indent": "off"
56+
}
57+
}

‎.github/workflows/node.js.yml

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
2+
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
3+
4+
name: Node.js CI
5+
6+
on:
7+
push:
8+
branches: [master, wip/react-18]
9+
pull_request:
10+
branches: [master]
11+
12+
jobs:
13+
build:
14+
runs-on: ubuntu-latest
15+
16+
strategy:
17+
matrix:
18+
node-version: [16.x]
19+
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
20+
21+
steps:
22+
- uses: actions/checkout@v3
23+
- name: Use Node.js ${{ matrix.node-version }}
24+
uses: actions/setup-node@v3
25+
with:
26+
node-version: ${{ matrix.node-version }}
27+
cache: 'yarn'
28+
- run: yarn install
29+
- run: yarn test
30+
- name: Semantic release
31+
uses: cycjimmy/semantic-release-action@v3
32+
env:
33+
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
34+
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

‎.gitignore

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,14 @@
1212
node_modules/
1313
dist/
1414
build/
15+
/out-tsc/**
16+
17+
# yarn
18+
.pnp.*
19+
.yarn/*
20+
!.yarn/patches
21+
!.yarn/plugins
22+
!.yarn/releases
23+
!.yarn/sdks
24+
!.yarn/versions
25+
/example/.yarn/*

‎.husky/commit-msg

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#!/bin/sh
2+
. "$(dirname "$0")/_/husky.sh"
3+
4+
yarn commitlint --edit $1

‎.husky/pre-commit

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#!/bin/sh
2+
. "$(dirname "$0")/_/husky.sh"
3+
4+
yarn pretest

‎.mocharc.jsonc

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
// Specify "require" for CommonJS
3+
"require": "ts-node/register",
4+
// Specify "loader" for native ESM
5+
"loader": "ts-node/esm",
6+
"extensions": ["ts", "tsx"],
7+
"spec": ["test/**/*.spec.*"],
8+
"watch-files": ["src"]
9+
}

‎.prettierrc.js

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
// prettier.config.js or .prettierrc.js
22
module.exports = {
33
singleQuote: true,
4-
trailingComma: "none",
4+
trailingComma: 'none',
55
tabWidth: 2,
66
printWidth: 80,
77
semi: true,
88
bracketSpacing: true,
9-
jsxBracketSameLine: false,
10-
endOfLine: "lf"
9+
endOfLine: 'lf'
1110
};

‎.releaserc.json

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"plugins": [
3+
"@semantic-release/commit-analyzer",
4+
"@semantic-release/release-notes-generator",
5+
"@semantic-release/changelog",
6+
"@semantic-release/npm",
7+
"@semantic-release/git"
8+
],
9+
"ci": true,
10+
"debug": true
11+
}

‎.stylelintrc.json

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
{
2-
"extends": "stylelint-config-standard",
3-
"ignoreFiles": [
4-
"src/decorators/*.js"
5-
]
2+
"extends": "stylelint-config-standard-scss",
3+
"ignoreFiles": ["src/decorators/*.js", "src/*.jsx", "**/*.js"],
4+
"rules": {
5+
"selector-class-pattern": null
6+
}
67
}

0 commit comments

Comments
 (0)