Merge pull request #28 from sudoaugustin/alpha

fix: portal

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-yarn test && yarn build && cd tests-ssr && yarn build
+yarn build && yarn test && cd tests-ssr

package.json

@@ -34,7 +34,7 @@
     "build:dts": "tsc -p tsconfig.build.json --outDir ./dts",
     "build:esm": "esbuild ./src/*.tsx ./src/**/*.ts --format=esm --outdir=./esm",
     "build:cjs": "esbuild ./src/*.tsx ./src/**/*.ts --format=cjs --outdir=./cjs",
-    "publish:local": "yarn build && yarn unpublish:local && yarn link && yarn link --cwd node_modules/react && yarn link --cwd node_modules/react-dom && cd tests-ssr && yarn link:renex",
+    "publish:local": "yarn build && yarn link && yarn link --cwd node_modules/react && yarn link --cwd node_modules/react-dom && cd tests-ssr && yarn link:renex",
     "unpublish:local": "cd tests-ssr && yarn unlink:renex && cd ../ && yarn unlink && yarn unlink --cwd node_modules/react && yarn unlink --cwd node_modules/react-dom"
   },
   "bugs": {

src/Portal.tsx

@@ -8,5 +8,7 @@ type Props = CProps & { root?: string; children: ReactNode };
 
 export default function Portal({ root = 'body', ...rest }: Props) {
   const isBrowser = useIsBrowser();
-  return isBrowser ? createPortal(element(rest), document.querySelector(root) as HTMLElement) : null;
+  const portalEle = document.querySelector(root);
+
+  return isBrowser && portalEle ? createPortal(element(rest), portalEle) : null;
 }

src/StyleSheet.tsx

@@ -0,0 +1,23 @@
+import { CProps } from '../types';
+import { CSSProperties } from 'react';
+
+type Key = keyof CSSProperties | (string & {});
+
+type CSS = { [K in Key]?: string };
+
+type Props = CProps & {
+  children: CSS;
+};
+
+const CSS = (
+  <StyleSheet>
+    {{
+      color: '',
+      '@media': '',
+    }}
+  </StyleSheet>
+);
+
+export default function StyleSheet(props: Props) {
+  return <div>Helloworld</div>;
+}

types/index.d.ts

@@ -1,5 +1,8 @@
 import { HTMLProps, ReactHTML } from 'react';
 
-type StateConsumer<TState, TChild> = (state: TState, setState: (newState: TState | ((oldState: TState) => TState)) => void) => TChild;
+export type StateConsumer<TState, TChild> = (
+  state: TState,
+  setState: (newState: TState | ((oldState: TState) => TState)) => void,
+) => TChild;
 
-type CProps = { as?: keyof ReactHTML } & Omit<HTMLProps<HTMLElement>, 'ref' | 'children'>;
+export type CProps = { as?: keyof ReactHTML } & Omit<HTMLProps<HTMLElement>, 'ref' | 'children'>;