preact-custom-elements types (#47779)

* preact-custom-elements types

* Tabs to Spaces

* test case for function call register from package preact-custom-element

* typing to export equals convention

* Tests adjusted to naming convention

* commonjs syntax for backwards compatibility

Co-authored-by: Kasper <kasper@sitepark.com>

types/preact-custom-element/index.d.ts

@@ -0,0 +1,15 @@
+// Type definitions for preact-custom-element 4.0
+// Project: https://github.com/preactjs/preact-custom-element#readme
+// Definitions by: Nicolai Kasper <https://github.com/paull39>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 3.9
+
+import { ComponentClass, FunctionComponent, FunctionalComponent } from 'preact';
+declare function register(
+    componentDefinition: FunctionComponent<any> | ComponentClass<any> | FunctionalComponent<any>,
+    tagName: string,
+    observedAttributes?: string[],
+    options?: { shadow: boolean },
+): void;
+
+export = register;

types/preact-custom-element/package.json

@@ -0,0 +1,6 @@
+{
+    "private": true,
+    "dependencies": {
+        "preact": "^10.0.0"
+    }
+}

types/preact-custom-element/preact-custom-element-tests.tsx

@@ -0,0 +1,8 @@
+import { h, render, Component, FunctionalComponent } from 'preact';
+import register = require('preact-custom-element');
+
+const Foo: FunctionalComponent<any> = props => {
+    return <div></div>;
+};
+
+register(Foo, 'my-foo');

types/preact-custom-element/tsconfig.json

@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "jsx": "react",
+        "jsxFactory": "h",
+        "experimentalDecorators": true,
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "preact-custom-element-tests.tsx"
+    ]
+}

types/preact-custom-element/tslint.json

@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}