@tugitark/react-widget 1.0.1 → 1.1.0

package/index.d.ts

@@ -0,0 +1,3 @@
+import type { Props } from '@tugitark/declarative-widget';
+declare function Widget(p: Props): null;
+export default Widget;

package/index.js

@@ -1,7 +1,35 @@
 // Copyright (c) 2026, TugiTark.  All rights reserved.
 
-/// <reference types="Widget" />
+import { useState } from 'react';
+
+import render from '@tugitark/declarative-widget';
+
+function Widget(props) {
+	// Is this the first time this component has been rendered ever?
+	const [firstTime, setFirstTime] = useState(true);
+
+	function onNotification(hasNotification: boolean) {
+		if (props.jwtFn == null && props.user == null) {
+			if (firstTime) {
+				// Replicate FAQ internal behaviour at a per-component level.
+				props.onNotification?.(hasNotification);
+			}
+		} else {
+			props.onNotification?.(hasNotification);
+		}
+	}
+
+	function onReady() {
+		if (firstTime) {
+			setFirstTime(false);
+			props.onReady?.();
+		}
+	}
+
+	render({ ...props, onReady, onNotification });
+
+	return null;
+}
 
-import Widget from './Widget.tsx';
 export default Widget;
 

package/package.json

@@ -1,18 +1,20 @@
 {
 	"name": "@tugitark/react-widget",
-	"version": "1.0.1",
+	"version": "1.1.0",
 	"description": "Wraps the tugitark widget in a React component.",
 	"scripts": {
 		"release": "npm publish --access public"
 	},
 	"files": [
-		"Widget.tsx",
+		"index.d.ts",
 		"index.js",
 		"index.md"
 	],
 	"dependencies": {
-		"@tugitark/declarative-widget": "^1.0.0",
-		"react": ">=16.3.0"
+		"@tugitark/declarative-widget": "^1.0.2"
+	},
+	"peerDependencies": {
+		"react": ">=0.0.0"
 	},
 	"keywords": [
 		"Typescript",

package/Widget.tsx

@@ -1,38 +0,0 @@
-// Copyright (c) 2026, TugiTark.  All rights reserved.
-
-import * as React from 'react';
-import { useState } from 'react';
-
-import render, { Props } from '@tugitark/declarative-widget';
-
-function Widget(props: Props) {
-	// Is this the first time this component has been rendered ever?
-	const [firstTime, setFirstTime] = useState(true);
-
-	function onNotification(hasNotification: boolean) {
-		if (props.jwtFn == null && props.user == null) {
-			if (firstTime) {
-				// Replicate FAQ internal behaviour at a per-component level.
-				props.onNotification?.(hasNotification);
-			}
-		} else {
-			props.onNotification?.(hasNotification);
-		}
-	}
-
-	function onReady() {
-		if (firstTime) {
-			setFirstTime(false);
-			props.onReady?.();
-		}
-	}
-
-	render({ ...props, onReady, onNotification });
-
-	return (
-		<></>
-	);
-}
-
-export default Widget;
-