@xwadex/fesd-next 0.3.1 → 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

@@ -1,3 +1,4 @@
-import { usePrevious as usePrevState } from './hooks/usePrevState';
-import { Demo } from './components/Demo';
-export { usePrevState, Demo };
+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/types/common.js

@@ -0,0 +1 @@
+export {};

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,45 +1,40 @@
 {
   "name": "@xwadex/fesd-next",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": false,
   "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "publish:patch": "pnpm version patch",
-    "publish:push": "git add . && git commit -m 'Patch Package Version' && git push",
-    "publish:npm": "pnpm publish:patch && pnpm publish:push && pnpm publish --access=public"
+    "clean": "rm -rf dist",
+    "build": "npm run clean && tsc --project tsconfig.json && node copy-scss.js",
+    "prepare": "npm run build"
   },
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./components": {
-      "import": "./dist/components/index.js",
-      "require": "./dist/components/index.js",
-      "types": "./dist/types/components/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./dist/hooks/index.js",
-      "require": "./dist/hooks/index.js",
-      "types": "./dist/types/hooks/index.d.ts"
-    },
-    "./styles/*": "./dist/styles/*"
+  "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": {
-    "next": ">=15",
     "react": ">=18",
-    "react-dom": ">=18",
-    "framer-motion": ">=12.0.0",
-    "react-icons": ">=5.2.1",
-    "tua-body-scroll-lock": ">=1.5.1"
-  },
-  "devDependencies": {
-    "@types/body-scroll-lock": ">=3.1.2"
+    "react-dom": ">=18"
   }
 }

package/dist/components/Demo.js

@@ -1,23 +0,0 @@
-"use client";
-
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useEffect, useState } from 'react';
-import { usePathname } from 'next/navigation';
-export var Demo = function Demo(_ref) {
-  var title = _ref.title;
-  var pathname = usePathname();
-  var _useState = useState(title),
-    _useState2 = _slicedToArray(_useState, 1),
-    state = _useState2[0];
-  useEffect(function () {
-    console.log("pathname", pathname);
-  }, [pathname]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "test"
-  }, "Demo:", state, ", ", pathname);
-};

package/dist/components/index.js

@@ -1 +0,0 @@
-export { Demo } from "./Demo";

package/dist/hooks/index.js

@@ -1 +0,0 @@
-export { usePrevious } from "./usePrevState";

package/dist/hooks/usePrevState.js

@@ -1,10 +0,0 @@
-'use client';
-
-import { useEffect, useRef } from 'react';
-export var usePrevious = function usePrevious(value) {
-  var ref = useRef(null);
-  useEffect(function () {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-};

package/dist/styles/components/Demo.scss

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

package/dist/styles/components/index.scss

@@ -1 +0,0 @@
-@forward "Demo";

package/dist/styles/main.scss

@@ -1 +0,0 @@
-@forward "components";

package/dist/styles/uis/Demo.scss

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

package/dist/styles/uis/index.scss

@@ -1 +0,0 @@
-@forward "Demo";

package/dist/types/components/Demo.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface PropsType {
-    title: string;
-}
-export declare const Demo: React.FC<PropsType>;
-export {};

package/dist/types/components/index.d.ts

@@ -1 +0,0 @@
-export { Demo } from "./Demo";

package/dist/types/hooks/index.d.ts

@@ -1 +0,0 @@
-export { usePrevious } from "./usePrevState";

package/dist/types/hooks/usePrevState.d.ts

@@ -1,3 +0,0 @@
-type UsePrevious<T> = T | null;
-export declare const usePrevious: <T>(value: T) => UsePrevious<T>;
-export {};

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-import { usePrevious as usePrevState } from './hooks/usePrevState';
-import { Demo as Demo } from './components/Demo';
-export { usePrevState, Demo };