refactor: export things in tw plugin

Author: linonetwo

package.json

@@ -53,7 +53,7 @@
     "tiddlywiki": "5.3.0",
     "tslib": "2.6.1",
     "tw5-plugin-packer": "0.0.10",
-    "tw5-typed": "0.3.9",
+    "tw5-typed": "0.3.10",
     "typescript": "5.1.6",
     "typesync": "0.11.1",
     "zx": "7.2.3"

pnpm-lock.yaml

@@ -7,6 +7,5 @@ import { Widget } from 'tiddlywiki';
  * > it will read the current context value from the closest matching Provider above it in the tree
  * > https://reactjs.org/docs/context.html#reactcreatecontext
  * so even multiple context is created in different react widget, the value may not collide, I think...
- *
- *  */
+ */
 export const ParentWidgetContext = createContext<Widget | undefined>(undefined);

src/hooks/context.ts

@@ -1,4 +1,4 @@
+export * from './context';
 export * from './useFilter';
 export * from './useRenderTiddler';
 export * from './useWidget';
-export * from './context';

src/hooks/index.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState, useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Widget } from 'tiddlywiki';
 
 /** Filter result is basically a list of title. You can get tiddler detail using tw API like `$tw.wiki.getTiddler` */

src/hooks/useFilter.ts

@@ -1,3 +1,4 @@
+/* eslint-disable unicorn/no-null */
 import { RefObject, useContext, useEffect } from 'react';
 import { ParentWidgetContext } from './context';
 
@@ -40,5 +41,5 @@ export function useRenderTiddler(tiddlerTitle: string, containerReference: RefOb
       }
       domNode.textContent = '';
     };
-  }, [tiddlerTitle, containerReference]);
+  }, [tiddlerTitle, containerReference, parentWidget, options?.skip]);
 }

src/hooks/useRenderTiddler.ts

@@ -0,0 +1,4 @@
+creator: LinOnetwo
+title: $:/plugins/linonetwo/tw-react/index.js
+type: application/javascript
+module-type: library

src/index.js.meta

@@ -1,6 +1,5 @@
 /**
- * This file exports things that can be imported from npm
- * And won't be packaged into the plugin bundle.
+ * This file exports things that can be imported from $:/plugins/linonetwo/tw-react/index.js
  */
 export * from './hooks';
 export * from './widget-type';

src/index.ts

@@ -1,13 +1,13 @@
 declare module '$:/plugins/linonetwo/tw-react/widget.js' {
   import type { widget as Widget } from '$:/core/modules/widgets/widget.js';
   import type * as ReactType from 'react';
-  import type * as ReactDomType from 'react-dom';
+  // import type * as ReactDomType from 'react-dom';
   import type * as ReactDomClientType from 'react-dom/client';
 
   export abstract class widget<
     IProps extends ITWReactProps = ITWReactPropsDefault,
   > extends Widget implements IReactWidget<IProps> {
-    root?: ReturnType<ReactDomType['createRoot']> | undefined;
+    root?: ReturnType<ReactDomClientType['createRoot']> | undefined;
     containerElement?: HTMLDivElement | undefined;
     getProps?: () => IProps;
     /**
@@ -20,3 +20,7 @@ declare module '$:/plugins/linonetwo/tw-react/widget.js' {
       | null;
   }
 }
+
+declare module '$:/plugins/linonetwo/tw-react/index.js' {
+  export * from 'tw-react';
+}