@xwadex/fesd-next 0.3.0 → 0.3.2

package/README.md

@@ -0,0 +1,26 @@
+# your-ui-package
+
+React UI 元件套件。
+
+## 安裝
+
+```bash
+npm install your-ui-package
+```
+
+## 使用
+
+```tsx
+import { MyComponent } from 'your-ui-package';
+
+export default function App() {
+  return <MyComponent />;
+}
+```
+
+## 內容
+
+- `MyComponent`：簡單的 React 元件
+- `useHooks`：自訂 hook
+- `someUtil`：工具函式
+- 共用型別

package/dist/components/myComponents/MyComponent.d.ts

@@ -0,0 +1 @@
+export declare const MyComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/myComponents/MyComponent.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './MyComponent.module.scss';
+export const MyComponent = () => (_jsx("div", { className: styles.container, children: "Hello World" }));

package/dist/components/myComponents/MyComponent.module.scss

@@ -0,0 +1,3 @@
+.container {
+  color: red;
+}

package/dist/hooks/useHooks.d.ts

@@ -0,0 +1 @@
+export declare const useHooks: () => string;

package/dist/hooks/useHooks.js

@@ -0,0 +1,3 @@
+export const useHooks = () => {
+    return 'This is a hook placeholder';
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components/myComponents/MyComponent';
+export * from './hooks/useHooks';
+export * from './utils/someUtil';
+export * from './types/common';

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './components/myComponents/MyComponent';
+export * from './hooks/useHooks';
+export * from './utils/someUtil';
+export * from './types/common';

package/dist/types/common.d.ts

@@ -0,0 +1,4 @@
+export type CommonType = {
+    id: string;
+    name: string;
+};

package/dist/utils/someUtil.d.ts

@@ -0,0 +1 @@
+export declare const someUtil: () => string;

package/dist/utils/someUtil.js

@@ -0,0 +1,3 @@
+export const someUtil = () => {
+    return 'Utility function';
+};

package/package.json

@@ -1,26 +1,40 @@
 {
   "name": "@xwadex/fesd-next",
-  "version": "0.3.0",
-  "main": "index.js",
-  "module": "index.js",
-  "types": "index.d.ts",
-  "files": [
-    "./"
-  ],
+  "version": "0.3.2",
+  "private": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js"
-    },
-    "./types": "./types/index.d.ts",
-    "./styles/*": "./styles/*"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run clean && tsc --project tsconfig.json && node copy-scss.js",
+    "prepare": "npm run build"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "next": "15.3.3"
+  },
+  "devDependencies": {
+    "typescript": "^5",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "15.3.3",
+    "@eslint/eslintrc": "^3",
+    "sass": "^1.75.0"
   },
   "peerDependencies": {
-    "react": "19.0",
-    "react-dom": "19.0",
-    "next": "15.2.2",
-    "@types/react": "^19.0.6",
-    "@types/react-dom": "^19.0.1",
-    "sass": "^1.83.0"
+    "react": ">=18",
+    "react-dom": ">=18"
   }
 }

package/clients/MyClientComponent.d.ts

@@ -1,3 +0,0 @@
-import type { PropsType } from "../types";
-declare const MyClientComponent: React.FC<PropsType>;
-export default MyClientComponent;

package/clients/MyClientComponent.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import styles from "../styles/clients/MyClientComponent.module.scss";
-const MyClientComponent = ({ name }) => {
-    const [state, setstate] = useState(0);
-    useEffect(() => {
-        console.log('hello!');
-    }, []);
-    return _jsxs("div", { className: styles.root, children: ["This is the component, name :", _jsxs("span", { children: [name !== null && name !== void 0 ? name : "empty", "13249849994984898"] }), _jsx("span", { children: state }), _jsx("button", { onClick: () => setstate(prev => prev + 1), children: "+" })] });
-};
-MyClientComponent.displayName = "MyClientComponent";
-export default MyClientComponent;

package/clients/MyClientComponent2.d.ts

@@ -1,3 +0,0 @@
-import type { PropsType } from "../types";
-declare const MyClientComponent2: React.FC<PropsType>;
-export default MyClientComponent2;

package/clients/MyClientComponent2.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-const MyClientComponent2 = ({ name }) => {
-    const [state, setstate] = useState(0);
-    useEffect(() => {
-        console.log('hello!');
-    }, []);
-    return _jsxs("div", { children: ["This is the component, name :", _jsx("span", { children: name !== null && name !== void 0 ? name : "empty" }), _jsx("span", { children: state }), _jsx("button", { onClick: () => setstate(prev => prev + 1), children: "+" })] });
-};
-MyClientComponent2.displayName = "MyClientComponent2";
-export default MyClientComponent2;

package/clients/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MyClientComponent } from "./MyClientComponent";
-export { default as MyClientComponent2 } from "./MyClientComponent2";

package/clients/index.js

@@ -1,2 +0,0 @@
-export { default as MyClientComponent } from "./MyClientComponent";
-export { default as MyClientComponent2 } from "./MyClientComponent2";

package/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./servers";
-export * from "./clients";

package/index.js

@@ -1,2 +0,0 @@
-export * from "./servers";
-export * from "./clients";

package/servers/MyComponent.d.ts

@@ -1 +0,0 @@
-export declare function MyComponent(): import("react/jsx-runtime").JSX.Element;

package/servers/MyComponent.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function MyComponent() {
-    return _jsx("div", { children: "This is the component" });
-}

package/servers/index.d.ts

@@ -1 +0,0 @@
-export * from "./MyComponent";

package/servers/index.js

@@ -1 +0,0 @@
-export * from "./MyComponent";

package/styles/clients/MyClientComponent.module.scss

@@ -1,3 +0,0 @@
-.root {
-  color: #ff0000;
-}

package/styles/clients/MyClientComponent.scss

@@ -1,3 +0,0 @@
-.root {
-  color: #ff0000;
-}

package/types/index.d.ts

@@ -1,6 +0,0 @@
-export interface PropsType {
-    name?: string;
-    classstyles?: {
-        [key: string]: string;
-    };
-}