feat: full Typescript revamp

.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.gitignore

@@ -1,2 +1,46 @@
-config.php
-test
+*
+!.gitignore
+
+!.husky/
+!.husky/*
+
+!assets/
+!assets/Stripe-wordmark-white.svg
+!assets/super-simple-stripe-button.css
+!assets/super-simple-stripe-button.js
+!assets/super-simple-stripe-button.js.map
+!assets/super-simple-stripe-button.min.js
+!assets/super-simple-stripe-button.min.js.map
+
+!src/
+!src/*.ts
+
+!tools/
+!tools/*.sh
+
+!vendor/
+!vendor/**/
+!vendor/**/*
+
+!.editorconfig
+!.php-cs-fixer.php
+!.prettierignore
+!eslint.config.mjs
+!justfile
+!prettier.config.js
+!tsconfig.json
+
+!composer.json
+!composer.lock
+
+!package.json
+!pnpm-lock.yaml
+
+!common.php
+!config.template.php
+!functions.php
+!handler.php
+!super-simple-stripe-button.php
+
+!LICENSE
+!README.md

.husky/pre-commit

@@ -0,0 +1,23 @@
+#!/usr/bin/env sh
+
+FILES=$(git diff --cached --name-only --diff-filter=ACMR | sed 's| |\\ |g')
+
+if [ "${FILES}" != "" ]; then
+    PHP_FILES=$(echo "${FILES}" | grep '\.php' | xargs)
+
+    if [ "${PHP_FILES}" != "" ]; then
+        FILES=$(echo "${PHP_FILES}" | grep -vw vendor | xargs) npm exec just format php
+    fi
+
+    FILES=$(echo "${FILES}" | xargs) npm exec just format all
+
+    git update-index --again
+
+    npm exec just setup commit
+
+    exit 0
+else
+    echo "No files committed!"
+
+    exit 255
+fi

.php-cs-fixer.php

@@ -0,0 +1,171 @@
+<?php
+
+$finder = \PhpCsFixer\Finder::create()
+    ->in(__DIR__)
+    ->exclude(__DIR__ . '/vendor');
+
+return (new PhpCsFixer\Config())
+    ->setParallelConfig(
+        PhpCsFixer\Runner\Parallel\ParallelConfigFactory::detect()
+    )
+    ->setRules([
+        '@PSR12' => true,
+        'array_indentation' => true,
+        'array_syntax' => ['syntax' => 'short'],
+        'combine_consecutive_unsets' => true,
+        'class_attributes_separation' => ['elements' => ['method' => 'one']],
+        'multiline_whitespace_before_semicolons' => false,
+        'single_quote' => true,
+
+        'binary_operator_spaces' => [
+            'operators' => [
+                // '=>' => 'align',
+                // '=' => 'align'
+            ],
+        ],
+        // 'blank_line_after_opening_tag' => true,
+        // 'blank_line_before_statement' => true,
+        'braces' => [
+            'allow_single_line_closure' => true,
+        ],
+        'braces_position' => [
+            'classes_opening_brace' => 'same_line',
+            'control_structures_opening_brace' => 'same_line',
+            'functions_opening_brace' => 'same_line',
+        ],
+        // 'cast_spaces' => true,
+        // 'class_definition' => array('singleLine' => true),
+        'concat_space' => ['spacing' => 'one'],
+        'declare_equal_normalize' => true,
+        'function_typehint_space' => true,
+        'single_line_comment_style' => ['comment_types' => ['hash']],
+        'include' => true,
+        'lowercase_cast' => true,
+        // 'native_function_casing' => true,
+        'new_with_braces' => false,
+        'no_blank_lines_after_class_opening' => true,
+        'no_blank_lines_after_phpdoc' => true,
+        // "no_blank_lines_before_namespace" => true,
+        'no_empty_comment' => true,
+        'no_empty_phpdoc' => true,
+        // 'no_empty_statement' => true,
+        'no_extra_blank_lines' => [
+            'tokens' => [
+                'curly_brace_block',
+                'extra',
+                // 'parenthesis_brace_block',
+                // 'square_brace_block',
+                'throw',
+                'use',
+            ],
+        ],
+        // 'no_leading_import_slash' => true,
+        // 'no_leading_namespace_whitespace' => true,
+        // 'no_mixed_echo_print' => array('use' => 'echo'),
+        'no_multiline_whitespace_around_double_arrow' => true,
+        // 'no_short_bool_cast' => true,
+        // 'no_singleline_whitespace_before_semicolons' => true,
+        'no_spaces_around_offset' => true,
+        // 'no_trailing_comma_in_list_call' => true,
+        // 'no_trailing_comma_in_singleline_array' => true,
+        // 'no_unneeded_control_parentheses' => true,
+        // 'no_unused_imports' => true,
+        'no_whitespace_before_comma_in_array' => true,
+        'no_whitespace_in_blank_line' => true,
+        // 'normalize_index_brace' => true,
+        'object_operator_without_whitespace' => true,
+        'php_unit_fqcn_annotation' => true,
+        'phpdoc_align' => true,
+        'phpdoc_annotation_without_dot' => true,
+        'phpdoc_indent' => true,
+        // 'phpdoc_no_access' => true,
+        // 'phpdoc_no_alias_tag' => true,
+        // 'phpdoc_no_empty_return' => true,
+        // 'phpdoc_no_package' => true,
+        // 'phpdoc_no_useless_inheritdoc' => true,
+        // 'phpdoc_return_self_reference' => true,
+        // 'phpdoc_scalar' => true,
+        'phpdoc_separation' => true,
+        'phpdoc_single_line_var_spacing' => true,
+        'phpdoc_summary' => true,
+        // 'phpdoc_to_comment' => true,
+        'phpdoc_trim' => true,
+        'phpdoc_types' => true,
+        // 'phpdoc_var_without_name' => true,
+        // 'increment_style' => true,
+        // 'return_type_declaration' => true,
+        // 'self_accessor' => true,
+        // 'short_scalar_cast' => true,
+        // 'single_blank_line_before_namespace' => true,
+        'single_class_element_per_statement' => true,
+        'space_after_semicolon' => true,
+        // 'standardize_not_equals' => true,
+        'ternary_operator_spaces' => true,
+        // 'trailing_comma_in_multiline' => ['elements' => ['arrays']],
+        'trim_array_spaces' => true,
+        'unary_operator_spaces' => true,
+        'whitespace_after_comma_in_array' => true,
+        'space_after_semicolon' => true,
+        'single_blank_line_at_eof' => true,
+        'ordered_class_elements' => [
+            'order' => [
+                'constant_public',
+                'constant_protected',
+                'constant_private',
+                'constant',
+
+                'use_trait',
+
+                'property_public_static',
+                'property_protected_static',
+                'property_private_static',
+                'property_static',
+
+                'property_public',
+                'property_protected',
+                'property_private',
+
+                'property',
+
+                'construct',
+                'destruct',
+
+                'method:connect',
+                'method:disconnect',
+
+                'method_public_abstract_static',
+                'method_protected_abstract_static',
+                'method_private_abstract_static',
+
+                'method_public_static',
+                'method_protected_static',
+                'method_private_static',
+                'method_static',
+
+                'method_public_abstract',
+                'method_protected_abstract',
+                'method_private_abstract',
+                'method_abstract',
+
+                'method_public',
+
+                'method_protected',
+
+                'method_private',
+
+                'method',
+
+                'magic',
+                'phpunit',
+
+                'case',
+
+                'private',
+            ],
+            'sort_algorithm' => 'alpha',
+        ],
+        'ordered_imports' => true,
+    ])
+    ->setIndent('    ')
+    ->setLineEnding("\n")
+    ->setFinder($finder);

.prettierignore

@@ -0,0 +1,9 @@
+# Ignore artifacts:
+build
+coverage
+vendor
+composer.lock
+pnpm-lock.yaml
+justfile
+assets/
+.editorconfig

assets/super-simple-stripe-button.css

@@ -1,10 +1,11 @@
 button.s3b-button {
-  color: #fff !important;
-  background: #6772e5 !important;
-  border-radius: 3px;
+    color: white;
+    background: #6772e5;
+    border-radius: 8px;
 }
 
 img.s3b-logo {
-  height: 1.5em;
-  width: auto;
+    height: 1.7em;
+    width: auto;
+    vertical-align: middle;
 }