@cos-design/scramble-text 3.5.1

package/LICENSE

@@ -0,0 +1,22 @@
+MIT LICENSE
+
+Copyright (c) 2021-present jiaxiantao
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});require('./index.css');var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime");var u={scrambleText:`cos-scrambleText-hN4Wm`,text:`cos-text-frsHs`,cursor:`cos-cursor-3zQOy`,blink:`cos-blink-OcKXu`},d=`ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&*`,f=({text:e=`DECRYPTED`,duration:t=2e3,charset:n=d})=>{let[r,i]=(0,c.useState)(``),a=(0,c.useRef)(0),o=(0,c.useRef)(0);return(0,c.useEffect)(()=>{let r=n.length>0?n:d,s=e;o.current=performance.now();let c=e=>{let n=e-o.current,l=Math.min(n/t,1),u=Math.floor(l*s.length);i(s.split(``).map((e,t)=>e===` `?` `:t<u?e:r[Math.floor(Math.random()*r.length)]).join(``)),l<1?a.current=requestAnimationFrame(c):i(s)};return a.current=requestAnimationFrame(c),()=>cancelAnimationFrame(a.current)},[e,t,n]),(0,l.jsx)(`div`,{className:u.scrambleText,children:(0,l.jsxs)(`p`,{className:u.text,children:[r,(0,l.jsx)(`span`,{className:u.cursor})]})})};exports.ScrambleText=f,exports.default=f;

package/dist/index.css

@@ -0,0 +1 @@
+.cos-scrambleText-hN4Wm{background:#0a0a0a;border-radius:12px;justify-content:center;align-items:center;min-height:200px;padding:40px;display:flex}.cos-text-frsHs{color:#22d3ee;letter-spacing:.08em;text-shadow:0 0 20px #22d3ee80;margin:0;font-family:Courier New,Courier,monospace;font-size:48px;font-weight:700}.cos-cursor-3zQOy{vertical-align:text-bottom;background:#22d3ee;width:3px;height:.9em;margin-left:4px;animation:.8s step-end infinite cos-blink-OcKXu;display:inline-block}@keyframes cos-blink-OcKXu{50%{opacity:0}}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './src/components/scrambleText/index';
+export { default as ScrambleText } from './src/components/scrambleText/index';
+export type * from './src/components/scrambleText/index';

package/dist/index.js

@@ -0,0 +1,31 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import './index.css';var a = {
+	scrambleText: "cos-scrambleText-hN4Wm",
+	text: "cos-text-frsHs",
+	cursor: "cos-cursor-3zQOy",
+	blink: "cos-blink-OcKXu"
+}, o = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&*", s = ({ text: s = "DECRYPTED", duration: c = 2e3, charset: l = o }) => {
+	let [u, d] = n(""), f = t(0), p = t(0);
+	return e(() => {
+		let e = l.length > 0 ? l : o, t = s;
+		p.current = performance.now();
+		let n = (r) => {
+			let i = r - p.current, a = Math.min(i / c, 1), o = Math.floor(a * t.length);
+			d(t.split("").map((t, n) => t === " " ? " " : n < o ? t : e[Math.floor(Math.random() * e.length)]).join("")), a < 1 ? f.current = requestAnimationFrame(n) : d(t);
+		};
+		return f.current = requestAnimationFrame(n), () => cancelAnimationFrame(f.current);
+	}, [
+		s,
+		c,
+		l
+	]), /* @__PURE__ */ r("div", {
+		className: a.scrambleText,
+		children: /* @__PURE__ */ i("p", {
+			className: a.text,
+			children: [u, /* @__PURE__ */ r("span", { className: a.cursor })]
+		})
+	});
+};
+//#endregion
+export { s as ScrambleText, s as default };

package/dist/packages/scrambleText/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from '../../../src/components/scrambleText';
+export { default as ScrambleText } from '../../../src/components/scrambleText';
+export type * from '../../../src/components/scrambleText';

package/dist/src/components/scrambleText/index.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface ScrambleTextProps {
+    /** 目标文字 */
+    text?: string;
+    /** 解密动画时长（毫秒） */
+    duration?: number;
+    /** 随机字符集 */
+    charset?: string;
+}
+declare const ScrambleText: React.FC<ScrambleTextProps>;
+export default ScrambleText;

package/dist/src/vite-env.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="vite/client" />
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.mp4' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.mp3' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.svg' {
+  import type { FC, SVGProps } from 'react';
+
+  export const ReactComponent: FC<SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@cos-design/scramble-text",
+  "version": "3.5.1",
+  "description": "ScrambleText component from cos-design",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.less"
+  ],
+  "keywords": [
+    "cos-design",
+    "react",
+    "scrambleText",
+    "ScrambleText"
+  ],
+  "homepage": "https://jiaxiantao.github.io/cos-design/",
+  "bugs": {
+    "url": "https://github.com/jiaxiantao/cos-design/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jiaxiantao/cos-design.git",
+    "directory": "packages/scrambleText"
+  },
+  "author": "jiaxiantao <jiaxiantao@souche.com>",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  }
+}