amotify 0.1.4 → 0.1.6

package/dist/@middleware/pageTransit.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pageTransit = void 0;
+const useStore_1 = require("./useStore");
+exports.pageTransit = {
+    open: (url) => {
+        window.open(url);
+    },
+    pushSync: (url) => {
+        window.location.href = url;
+    },
+    pushAsync: (url) => {
+        if (url.match(/https?:\/\//)) {
+            exports.pageTransit.pushSync(url);
+            return;
+        }
+        let navigate = useStore_1.useStore.get('navigate');
+        navigate(url);
+    },
+    push: (url, newTab) => {
+        if (newTab) {
+            exports.pageTransit.open(url);
+            return;
+        }
+        exports.pageTransit.pushAsync(url);
+    },
+    back: () => {
+        let navigate = useStore_1.useStore.get('navigate');
+        navigate(-1);
+    },
+};

package/dist/@middleware/useRecycle.d.ts

@@ -0,0 +1,2 @@
+import { global } from '../@declaration/_';
+export declare const useRecycle: global.useRecycleParams;

package/dist/@middleware/useRecycle.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRecycle = void 0;
+const _1 = require("./_");
+const useStore_1 = require("./useStore");
+const react_1 = __importDefault(require("react"));
+exports.useRecycle = {
+    set: (key) => {
+        var _a;
+        let [val_recycleID] = react_1.default.useState(_1.$.uuid.gen());
+        let [val_refresh, set_refresh] = react_1.default.useState(_1.$.uuid.gen());
+        useStore_1.useStore.set({
+            key: 'RecycleKey_' + val_recycleID,
+            value: () => {
+                set_refresh(_1.$.uuid.gen());
+            }
+        });
+        useStore_1.useStore.update({
+            key: 'RecycleKeys_' + key,
+            value: {
+                keys: [
+                    ...((_a = useStore_1.useStore.get('RecycleKeys_' + key)) === null || _a === void 0 ? void 0 : _a.keys) || [],
+                    val_recycleID
+                ]
+            }
+        });
+        return val_refresh;
+    },
+    do: (key) => {
+        var _a;
+        let Keys = ((_a = useStore_1.useStore.get('RecycleKeys_' + key)) === null || _a === void 0 ? void 0 : _a.keys) || [];
+        if (!Keys.length)
+            return;
+        for (let key of Keys) {
+            let receiver = useStore_1.useStore.get('RecycleKey_' + key);
+            if (receiver)
+                receiver();
+        }
+    }
+};

package/dist/@middleware/useStore.d.ts

@@ -0,0 +1,2 @@
+import { global } from '../@declaration/_';
+export declare const useStore: global.useStoreParams;

package/dist/@middleware/useStore.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStore = void 0;
+const Inmemory = {};
+exports.useStore = {
+    set: (params) => {
+        let { key, value, privateKey } = params;
+        let Prev = Inmemory[key] || {};
+        if (Prev && Prev.privateKey && Prev.privateKey != privateKey)
+            return false;
+        Inmemory[key] = {
+            privateKey,
+            value
+        };
+        return true;
+    },
+    update: (params) => {
+        var _a;
+        let { key, value, privateKey } = params;
+        let Prev = Inmemory[key] || {};
+        if (Prev && Prev.privateKey && Prev.privateKey != privateKey)
+            return false;
+        Inmemory[key] = Object.assign(Object.assign({}, Inmemory[key]), { value: Object.assign(Object.assign({}, (_a = Inmemory[key]) === null || _a === void 0 ? void 0 : _a.value), value) });
+        return true;
+    },
+    get: (key, privateKey) => {
+        let Data = Inmemory[key];
+        if (Data && Data.privateKey && Data.privateKey != privateKey)
+            return void 0;
+        return Data === null || Data === void 0 ? void 0 : Data.value;
+    },
+    delete: (key, privateKey) => {
+        let Data = Inmemory[key];
+        if (Data && Data.privateKey && Data.privateKey != privateKey)
+            return false;
+        delete Inmemory[key];
+        return true;
+    }
+};

package/dist/{src/config.d.ts → @middleware/userAgent.d.ts}

@@ -1,7 +1,4 @@
-import { Device, Browser, config } from '@declaration';
-export declare const script: HTMLOrSVGScriptElement | null;
-export declare const fileName: string | null | undefined;
-export declare const Version: string;
+import { Device, Browser } from '../@declaration/_';
 export declare const userAgent: string;
 export declare const deviceType: Device;
 export declare const browserType: Browser;
@@ -15,5 +12,3 @@ export declare const deviceIdentifier: () => {
     isBreakpoint: () => boolean;
     isPhonepoint: () => boolean;
 };
-export declare const SetThemeColorTag: () => void;
-export declare const defaultConfig: config.Methods;

package/dist/@middleware/userAgent.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deviceIdentifier = exports.browserType = exports.deviceType = exports.userAgent = void 0;
+exports.userAgent = window.navigator.userAgent.toLowerCase();
+exports.deviceType = exports.userAgent.indexOf("windows nt") !== -1 ? 'windows'
+    : exports.userAgent.indexOf("android") !== -1 ? 'android'
+        : exports.userAgent.indexOf("iphone") !== -1 ? 'iPhone'
+            : exports.userAgent.indexOf("ipad") > -1 || (exports.userAgent.indexOf("macintosh") > -1 && "ontouchend" in document) ? 'iPad'
+                : exports.userAgent.indexOf("mac os x") !== -1 ? 'macOSX'
+                    : 'undefined';
+exports.browserType = exports.userAgent.indexOf("msie") !== -1 || exports.userAgent.indexOf("trident") !== -1 ? 'ie'
+    : exports.userAgent.indexOf("edge") !== -1 ? 'edge'
+        : exports.userAgent.indexOf("chrome") !== -1 ? 'chrome'
+            : exports.userAgent.indexOf("safari") !== -1 ? 'safari'
+                : exports.userAgent.indexOf("firefox") !== -1 ? 'firefox'
+                    : exports.userAgent.indexOf("opera") !== -1 || exports.userAgent.indexOf("opr") !== -1 ? 'opera'
+                        : 'undefined';
+const deviceIdentifier = () => {
+    let info = {
+        deviceIs: exports.deviceType,
+        browserIs: exports.browserType,
+        isTouchDevice: window.ontouchstart !== undefined && 0 < navigator.maxTouchPoints,
+        isPhone: ['Android', 'iPhone'].includes(exports.deviceType),
+        isIOS: ['iPhone', 'iPad'].includes(exports.deviceType),
+        isSystemDarkmode: () => {
+            return window.matchMedia('(prefers-color-scheme: dark)').matches == true;
+        },
+        isBreakpoint: () => {
+            // if (getInstance().config.)
+            return window.innerWidth <= 834;
+        },
+        isPhonepoint: () => window.innerWidth <= 690
+    };
+    return info;
+};
+exports.deviceIdentifier = deviceIdentifier;

package/dist/atoms/Box/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TagProps, ReactElement } from '../../@declaration/_';
+import { React } from '../../@middleware/_';
+type BoxInput = TagProps.BasicElement & {
+    children?: ReactElement;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare const Box: React.FC<BoxInput>;
+export default Box;
+export { BoxInput };

package/dist/atoms/Box/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require("../../@middleware/_");
+const Box = (params) => {
+    let _a = (0, _1.GenerateClassName)(params), { freeCSS } = _a, Params = __rest(_a, ["freeCSS"]);
+    return _1.React.createElement("div", Object.assign({}, Params));
+};
+exports.default = Box;

package/dist/atoms/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Box } from './Box';
+export * from './Box';
+declare let test: string;
+export { test };

package/dist/atoms/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.test = exports.Box = void 0;
+var Box_1 = require("./Box");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return __importDefault(Box_1).default; } });
+__exportStar(require("./Box"), exports);
+let test = 'test';
+exports.test = test;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './atoms/index';

package/dist/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms/index"), exports);

package/package.json

@@ -1,22 +1,35 @@
 {
   "name": "amotify",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "UI FW for React",
-  "main": "dist/amotify.min.js",
-  "types": "dist/src/amotify.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./atoms": {
+      "types": "./dist/atoms/index.d.ts",
+      "import": "./dist/atoms/index.js"
+    },
+    "./atoms/Box": {
+      "types": "./dist/atoms/Box/index.d.ts",
+      "import": "./dist/atoms//Box/index.js"
+    }
+  },
   "scripts": {
     "clean": "rimraf dist",
-    
     "start": "run-p clean start:*",
     "build": "run-p clean pro:*",
-
-    "pro:webpack": "webpack --mode production",
-    "start:webpack": "webpack --mode development --watch",
-
+    "_pro:webpack": "webpack --mode production",
+    "_start:webpack": "webpack --mode development --watch",
     "_start:component": "npx ts-node bundler.ts",
-    "_start:component_watch": "nodemon --watch src --ext tsx --ext scss --exec \"npx ts-node bundler.ts\"",
+    "_start:component_watch": "nodemon --watch @src --ext tsx,scss --exec \"npx ts-node bundler.ts\"",
+    "start:compile": "npx tsc --declaration --skipLibCheck --declarationDir './dist'",
+    "start:compile_watch": "nodemon --watch @src --ext tsx,scss --exec \"npx tsc\"",
     "_start:declaration": "npx tsc --declaration --emitDeclarationOnly --skipLibCheck --declarationDir './dist'",
-    "_start:declaration_watch": "nodemon --watch src --ext tsx --exec \"npx tsc --emitDeclarationOnly\""
+    "_start:declaration_watch": "nodemon --watch @src --ext tsx --exec \"npx tsc --emitDeclarationOnly\""
   },
   "repository": {
     "type": "git",
@@ -34,40 +47,15 @@
   },
   "homepage": "https://github.com/IkkoKoyama/amotify#readme",
   "dependencies": {
-    "@fortawesome/fontawesome-common-types": "^6.5.1",
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.0",
-    "css-loader": "^6.8.1",
-    "esbuild-sass-plugin": "^3.2.0",
-    "glob": "^10.3.12",
-    "mingoo.jsmin": "^0.0.3",
-    "postcss-modules": "^6.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^6.23.0",
-    "ts-node": "^10.9.2"
-  },
-  "devDependencies": {
-    "esbuild": "^0.20.2",
-    "nodemon": "^3.1.0",
-    "npm-run-all": "^4.1.5",
-    "prop-types": "^15.8.1",
-    "ts-loader": "^9.5.1",
-    "typescript": "^5.4.5",
-
     "@babel/cli": "^7.23.0",
     "@babel/preset-env": "^7.23.3",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@fortawesome/fontawesome-common-types": "^6.5.1",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-brands-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mingoo/jsmin": "^0.0.1",
     "@types/express": "^4.17.21",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
@@ -76,16 +64,25 @@
     "browser-sync-webpack-plugin": "^2.3.0",
     "css-loader": "^6.8.1",
     "dotenv": "^16.3.1",
+    "esbuild": "^0.20.2",
+    "esbuild-sass-plugin": "^3.2.0",
     "esbuild-scss-modules-plugin": "^1.1.1",
     "express": "^4.18.2",
-    "mingoo.jsmin": "^0.0.2",
+    "glob": "^10.3.12",
     "mini-css-extract-plugin": "^2.7.6",
+    "nodemon": "^3.1.0",
+    "npm-run-all": "^4.1.5",
+    "postcss-modules": "^6.0.0",
+    "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.23.0",
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2",
     "terser-webpack-plugin": "^5.3.9",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.4.5",
     "webpack": "^5.89.0",
     "webpack-bundle-analyzer": "^4.10.1",
     "webpack-cli": "^5.1.4",

package/tsconfig.json

@@ -10,25 +10,10 @@
     "baseUrl": "./",
     "paths": {
       "@declaration": [
-        "src/@declaration/_"
+        "@src/@declaration/_"
       ],
-      "@global": [
-        "src/@global"
-      ],
-      "@atoms": [
-        "src/@atoms"
-      ],
-      "@mols": [
-        "src/@molecules"
-      ],
-      "@orgs": [
-        "src/@organisms"
-      ],
-      "@temps": [
-        "src/@templates"
-      ],
-      "@fn": [
-        "src/@functions"
+      "@config": [
+        "@src/@middleware/_"
       ],
     },
     "strict": true,
@@ -52,6 +37,65 @@
     "dist"
   ],
   "include": [
-    "src/**/*"
+    "@src/**/*"
   ]
-}
+}
+
+
+// {
+//   "compilerOptions": {
+//     "lib": [
+//       "dom",
+//       "dom.iterable"
+//     ],
+//     "jsx": "react",
+//     "target": "ES2016",
+//     "module": "commonjs",
+//     "baseUrl": "./",
+//     "paths": {
+//       "@declaration": [
+//         "@src/_"
+//       ],
+//       "@global": [
+//         "@src/@global"
+//       ],
+//       "@atoms": [
+//         "@src/@atoms"
+//       ],
+//       "@mols": [
+//         "@src/@molecules"
+//       ],
+//       "@orgs": [
+//         "@src/@organisms"
+//       ],
+//       "@temps": [
+//         "@src/@templates"
+//       ],
+//       "@fn": [
+//         "@src/@functions"
+//       ],
+//     },
+//     "strict": true,
+//     "skipLibCheck": true,
+//     "forceConsistentCasingInFileNames": true,
+//     "downlevelIteration": true,
+//     "allowJs": true,
+//     "declaration": true,
+//     "sourceMap": false,
+//     "outDir": "./dist",
+//     "noImplicitAny": true,
+//     "noImplicitThis": true,
+//     "noImplicitReturns": true,
+//     "strictNullChecks": true,
+//     "esModuleInterop": true,
+//     "noEmitOnError": false,
+//     "noEmit": false
+//   },
+//   "exclude": [
+//     "node_modules",
+//     "dist"
+//   ],
+//   "include": [
+//     "@src/**/*"
+//   ]
+// }