This commit is contained in:
陈森林 2024-07-15 16:49:04 +08:00
commit 83f15eb992
30 changed files with 14574 additions and 0 deletions

12
.editorconfig Normal file
View File

@ -0,0 +1,12 @@
# http://editorconfig.org
root = true
[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false

2
.env.development Normal file
View File

@ -0,0 +1,2 @@
# 配置文档参考 https://taro-docs.jd.com/docs/next/env-mode-config
# TARO_APP_ID="开发环境下的小程序appid"

1
.env.production Normal file
View File

@ -0,0 +1 @@
# TARO_APP_ID="生产环境下的小程序appid"

1
.env.test Normal file
View File

@ -0,0 +1 @@
# TARO_APP_ID="测试环境下的小程序appid"

7
.eslintrc Normal file
View File

@ -0,0 +1,7 @@
{
"extends": ["taro/react"],
"rules": {
"react/jsx-uses-react": "off",
"react/react-in-jsx-scope": "off"
}
}

7
.gitignore vendored Normal file
View File

@ -0,0 +1,7 @@
dist/
deploy_versions/
.temp/
.rn_temp/
node_modules/
.DS_Store
.swc

12
__tests__/index.test.js Normal file
View File

@ -0,0 +1,12 @@
import TestUtils from '@tarojs/test-utils-react'
describe('Testing', () => {
test('Test', async () => {
const testUtils = new TestUtils()
await testUtils.createApp()
await testUtils.PageLifecycle.onShow('pages/index/index')
expect(testUtils.html()).toMatchSnapshot()
})
})

10
babel.config.js Normal file
View File

@ -0,0 +1,10 @@
// babel-preset-taro 更多选项和默认值:
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
module.exports = {
presets: [
['taro', {
framework: 'react',
ts: true
}]
]
}

6
config/dev.ts Normal file
View File

@ -0,0 +1,6 @@
import type { UserConfigExport } from "@tarojs/cli";
export default {
mini: {},
h5: {}
} satisfies UserConfigExport

102
config/index.ts Normal file
View File

@ -0,0 +1,102 @@
import { defineConfig, type UserConfigExport } from '@tarojs/cli'
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
import devConfig from './dev'
import prodConfig from './prod'
// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
export default defineConfig(async (merge, { command, mode }) => {
const baseConfig: UserConfigExport = {
projectName: 'cleanMask',
date: '2024-7-14',
designWidth: 750,
deviceRatio: {
640: 2.34 / 2,
750: 1,
375: 2,
828: 1.81 / 2
},
sourceRoot: 'src',
outputRoot: 'dist',
plugins: [],
defineConstants: {
},
copy: {
patterns: [
],
options: {
}
},
framework: 'react',
compiler: 'webpack4',
mini: {
postcss: {
pxtransform: {
enable: true,
config: {
}
},
url: {
enable: true,
config: {
limit: 1024 // 设定转换尺寸上限
}
},
cssModules: {
enable: false, // 默认为 false如需使用 css modules 功能,则设为 true
config: {
namingPattern: 'module', // 转换模式,取值为 global/module
generateScopedName: '[name]__[local]___[hash:base64:5]'
}
}
},
webpackChain(chain) {
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
}
},
h5: {
publicPath: '/',
staticDirectory: 'static',
esnextModules: ['taro-ui'],
output: {
filename: 'js/[name].[hash:8].js',
chunkFilename: 'js/[name].[chunkhash:8].js'
},
miniCssExtractPluginOption: {
ignoreOrder: true,
filename: 'css/[name].[hash].css',
chunkFilename: 'css/[name].[chunkhash].css'
},
postcss: {
autoprefixer: {
enable: true,
config: {}
},
cssModules: {
enable: false, // 默认为 false如需使用 css modules 功能,则设为 true
config: {
namingPattern: 'module', // 转换模式,取值为 global/module
generateScopedName: '[name]__[local]___[hash:base64:5]'
}
}
},
webpackChain(chain) {
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
}
},
rn: {
appName: 'taroDemo',
postcss: {
cssModules: {
enable: false, // 默认为 false如需使用 css modules 功能,则设为 true
}
}
}
}
if (process.env.NODE_ENV === 'development') {
// 本地开发构建配置(不混淆压缩)
return merge({}, baseConfig, devConfig)
}
// 生产构建配置(默认开启压缩混淆等)
return merge({}, baseConfig, prodConfig)
})

32
config/prod.ts Normal file
View File

@ -0,0 +1,32 @@
import type { UserConfigExport } from "@tarojs/cli";
export default {
mini: {},
h5: {
/**
* WebpackChain
* @docs https://github.com/neutrinojs/webpack-chain
*/
// webpackChain (chain) {
// /**
// * 如果 h5 端编译后体积过大,可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
// * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
// */
// chain.plugin('analyzer')
// .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
// /**
// * 如果 h5 端首屏加载时间过长,可以使用 prerender-spa-plugin 插件预加载首页。
// * @docs https://github.com/chrisvfritz/prerender-spa-plugin
// */
// const path = require('path')
// const Prerender = require('prerender-spa-plugin')
// const staticDir = path.join(__dirname, '..', 'dist')
// chain
// .plugin('prerender')
// .use(new Prerender({
// staticDir,
// routes: [ '/pages/index/index' ],
// postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
// }))
// }
}
} satisfies UserConfigExport

6
jest.config.ts Normal file
View File

@ -0,0 +1,6 @@
const defineJestConfig = require('@tarojs/test-utils-react/dist/jest.js').default
module.exports = defineJestConfig({
testEnvironment: 'jsdom',
testMatch: ['<rootDir>/__tests__/**/*.(spec|test).[jt]s?(x)']
})

91
package.json Normal file
View File

@ -0,0 +1,91 @@
{
"name": "cleanMask",
"version": "1.0.0",
"private": true,
"description": " 去水印小程序",
"templateInfo": {
"name": "default",
"typescript": true,
"css": "Sass",
"framework": "React"
},
"scripts": {
"build:weapp": "taro build --type weapp",
"build:swan": "taro build --type swan",
"build:alipay": "taro build --type alipay",
"build:tt": "taro build --type tt",
"build:h5": "taro build --type h5",
"build:rn": "taro build --type rn",
"build:qq": "taro build --type qq",
"build:jd": "taro build --type jd",
"build:quickapp": "taro build --type quickapp",
"build:harmony-hybrid": "taro build --type harmony-hybrid",
"dev:weapp": "npm run build:weapp -- --watch",
"dev:swan": "npm run build:swan -- --watch",
"dev:alipay": "npm run build:alipay -- --watch",
"dev:tt": "npm run build:tt -- --watch",
"dev:h5": "npm run build:h5 -- --watch",
"dev:rn": "npm run build:rn -- --watch",
"dev:qq": "npm run build:qq -- --watch",
"dev:jd": "npm run build:jd -- --watch",
"dev:quickapp": "npm run build:quickapp -- --watch",
"dev:harmony-hybrid": "npm run build:harmony-hybrid -- --watch",
"test": "jest"
},
"browserslist": [
"last 3 versions",
"Android >= 4.1",
"ios >= 8"
],
"author": "",
"dependencies": {
"@babel/runtime": "^7.21.5",
"@tarojs/components": "3.6.34",
"@tarojs/helper": "3.6.34",
"@tarojs/plugin-framework-react": "3.6.34",
"@tarojs/plugin-platform-alipay": "3.6.34",
"@tarojs/plugin-platform-h5": "3.6.34",
"@tarojs/plugin-platform-harmony-hybrid": "3.6.34",
"@tarojs/plugin-platform-jd": "3.6.34",
"@tarojs/plugin-platform-qq": "3.6.34",
"@tarojs/plugin-platform-swan": "3.6.34",
"@tarojs/plugin-platform-tt": "3.6.34",
"@tarojs/plugin-platform-weapp": "3.6.34",
"@tarojs/react": "3.6.34",
"@tarojs/runtime": "3.6.34",
"@tarojs/shared": "3.6.34",
"@tarojs/taro": "3.6.34",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"taro-ui": "^3.3.0"
},
"devDependencies": {
"@babel/core": "^7.8.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
"@tarojs/cli": "3.6.34",
"@tarojs/mini-runner": "3.6.34",
"@tarojs/test-utils-react": "^0.1.1",
"@tarojs/webpack-runner": "3.6.34",
"@types/jest": "^29.3.1",
"@types/node": "^18.15.11",
"@types/react": "^18.0.0",
"@types/webpack-env": "^1.13.6",
"@typescript-eslint/eslint-plugin": "^6.2.0",
"@typescript-eslint/parser": "^6.2.0",
"babel-preset-taro": "3.6.34",
"eslint": "^8.12.0",
"eslint-config-taro": "3.6.34",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-react": "^7.8.2",
"eslint-plugin-react-hooks": "^4.2.0",
"jest": "^29.3.1",
"jest-environment-jsdom": "^29.5.0",
"postcss": "^8.4.18",
"react-refresh": "^0.11.0",
"stylelint": "^14.4.0",
"ts-node": "^10.9.1",
"tsconfig-paths-webpack-plugin": "^4.1.0",
"typescript": "^5.1.0",
"webpack": "4.46.0"
}
}

32
project.config.json Normal file
View File

@ -0,0 +1,32 @@
{
"miniprogramRoot": "dist/",
"projectname": "cleanMask",
"description": " 去水印小程序",
"appid": "wxa06df68f9b7530eb",
"setting": {
"urlCheck": true,
"es6": false,
"enhance": false,
"compileHotReLoad": false,
"postcss": false,
"minified": false,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"condition": false
},
"compileType": "miniprogram",
"libVersion": "3.5.0",
"srcMiniprogramRoot": "dist/",
"packOptions": {
"ignore": [],
"include": []
},
"condition": {},
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 2
}
}

View File

@ -0,0 +1,8 @@
{
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"projectname": "cleanMask",
"setting": {
"compileHotReLoad": true,
"urlCheck": false
}
}

9
project.tt.json Normal file
View File

@ -0,0 +1,9 @@
{
"miniprogramRoot": "./",
"projectname": "cleanMask",
"appid": "wxa06df68f9b7530eb",
"setting": {
"es6": false,
"minified": false
}
}

12
src/app.config.ts Normal file
View File

@ -0,0 +1,12 @@
export default defineAppConfig({
pages: [
'pages/index/index',
'pages/guide/index'
],
window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'WeChat',
navigationBarTextStyle: 'black'
}
})

0
src/app.scss Normal file
View File

16
src/app.ts Normal file
View File

@ -0,0 +1,16 @@
import { PropsWithChildren } from 'react'
import { useLaunch } from '@tarojs/taro'
import 'taro-ui/dist/style/index.scss'
import './app.scss'
function App({ children }: PropsWithChildren<any>) {
useLaunch(() => {
console.log('App launched.')
})
// children 是将要会渲染的页面
return children
}
export default App

17
src/index.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="format-detection" content="telephone=no,address=no">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
<title>cleanMask</title>
<script><%= htmlWebpackPlugin.options.script %></script>
</head>
<body>
<div id="app"></div>
</body>
</html>

View File

@ -0,0 +1,3 @@
export default definePageConfig({
navigationBarTitleText: '首页'
})

View File

16
src/pages/guide/index.tsx Normal file
View File

@ -0,0 +1,16 @@
import { View, Text } from '@tarojs/components'
import { useLoad } from '@tarojs/taro'
import './index.scss'
export default function Index() {
useLoad(() => {
console.log('Page loaded.')
})
return (
<View className='index'>
<Text>Hello world yezian</Text>
</View>
)
}

View File

@ -0,0 +1,3 @@
export default definePageConfig({
navigationBarTitleText: ' 最优解去水印'
})

View File

@ -0,0 +1,33 @@
.container {
padding: 20px;
.outsideLink {
padding: 8px 4px;
background-color: #fafafa;
border: 1px #c6c6c6 solid;
}
.btns {
margin: 16px 0 0 0 ;
display: flex;
justify-content: space-between;
.at-button {
margin: 0;
}
}
.results {
margin-top: 40px;
.resultContainer {
width: 100%;
height: 200Px;
background-color: black;
.video {
width: 100%;
height: 100%;
}
.image {
width: 100%;
height: 100%;
}
}
}
}

89
src/pages/index/index.tsx Normal file
View File

@ -0,0 +1,89 @@
import { View, Image, Video, Text } from '@tarojs/components'
import { AtButton, AtTextarea, AtTabs, AtTabsPane } from 'taro-ui'
import { useLoad, getClipboardData, downloadFile } from '@tarojs/taro'
import { useState } from 'react'
import request from '../../request/index'
import './index.scss'
export default function Index() {
useLoad(() => {
console.log('Page loaded.')
})
const [val, setVal] = useState('')
const [tab, setTab] = useState(0)
const [result, setResult] = useState<{ video_urls?: string[], cover_url?: string, music_url?: string }>({})
const tabList = [{ title: '视频' }, { title: '图片' }, { title: '文案' },]
const onTextChange = (text) => {
setVal(text)
}
// https://www.douyin.com/aweme/v1/play/?video_id=v0300fg10000cq8gapvog65n0sekhcd0&line=0&file_id=1814743a48a44ca3a07bfc026df1364f&sign=7a7033f1d9e283a264c8a776543cc14c&is_play_url=1&source=PackSourceEnum_AWEME_DETAIL
const onCopy = () => {
getClipboardData({
success: v => {
setVal(v.data)
}
})
}
const onSubmit = () => {
request({ url: '/get_dy_urls', data: { share_url: val } }).then(v => {
console.log(v.data)
setResult(v.data)
})
}
const onTabChange = (cur) => {
setTab(cur)
}
const onDownloadVideo = () => {
downloadFile({
url: 'https://v3-web.douyinvod.com/5835eae665c94981838e281e13498219/669502f5/video/tos/cn/tos-cn-ve-15/oEiKUDOzSABIAszQi3xICeQBDzRfEO1HABagIB/?a=6383&ch=26&cr=3&dr=0&lr=all&cd=0%7C0%7C0%7C3&cv=1&br=943&bt=943&cs=0&ds=4&ft=LjhJEL998xHtu4kmD0P5XEhX.xiXv_dexVJENvPW0bPD-Ipz&mime_type=video_mp4&qs=0&rc=aTk0ZzVmZTM2Zjc7ZDc3O0BpM2ZudnE5cnNqdDMzNGkzM0AxMGMzLWM0Xl4xXjEwNC4uYSNhZWItMmRzXjVgLS1kLTBzcw%3D%3D&btag=c0000e00010000&cquery=100B_100x_100z_100o_100w&dy_q=1721030826&feature_id=46a7bb47b4fd1280f3d3825bf2b29388&l=20240715160706D6A470FBE72B5F00FF8C',
success: (res) => {
console.log(res)
}
})
}
return (
<View className='container'>
<AtTextarea count={false} placeholder="请输入视频的页面网址/分享内容" value={val} onChange={onTextChange}></AtTextarea>
<View className="btns">
<AtButton full={false} onClick={onCopy}></AtButton>
<AtButton full={false} type="primary" onClick={onSubmit}></AtButton>
</View>
<View className="results">
{<AtTabs tabList={tabList} current={tab} onClick={onTabChange}>
<AtTabsPane current={tab} index={0}>
<View className="resultContainer">
<Video
className="video"
object-fit="contain"
controls={true}
src='https://www.douyin.com/aweme/v1/play/?video_id=v0300fg10000cq8gapvog65n0sekhcd0&line=0&file_id=1814743a48a44ca3a07bfc026df1364f&sign=7a7033f1d9e283a264c8a776543cc14c&is_play_url=1&source=PackSourceEnum_AWEME_DETAIL'
initialTime={0}
autoplay={false}
loop={false}
muted={false}
/>
</View>
<AtButton onClick={onDownloadVideo}></AtButton>
</AtTabsPane>
<AtTabsPane current={tab} index={1}>
<View className="resultContainer">
<Image className="image" mode="aspectFit" src={result.cover_url!} />
</View>
</AtTabsPane>
<AtTabsPane current={tab} index={2}>
<View className="resultContainer">
<Text></Text>
</View>
</AtTabsPane>
</AtTabs>}
</View>
</View>
)
}

18
src/request/index.ts Normal file
View File

@ -0,0 +1,18 @@
import {request} from '@tarojs/taro'
const host = "http://120.26.14.251:9999"
const http = (p) => {
const {url, data, ...rest} = p
const finalUrl = `${host}${url}`
return request({
url: finalUrl,
data,
method: "POST",
header: {
'Content-Type': 'application/json'
},
...rest,
})
}
export default http

30
tsconfig.json Normal file
View File

@ -0,0 +1,30 @@
{
"compilerOptions": {
"target": "es2017",
"module": "commonjs",
"removeComments": false,
"preserveConstEnums": true,
"moduleResolution": "node",
"experimentalDecorators": true,
"noImplicitAny": false,
"allowSyntheticDefaultImports": true,
"outDir": "lib",
"noUnusedLocals": true,
"noUnusedParameters": true,
"strictNullChecks": true,
"sourceMap": true,
"rootDir": ".",
"jsx": "react-jsx",
"allowJs": true,
"resolveJsonModule": true,
"typeRoots": [
"node_modules/@types"
],
"paths": {
// TS5090 leading './'
"@/*": ["./src/*"]
}
},
"include": ["./src", "./types", "./config"],
"compileOnSave": false
}

29
types/global.d.ts vendored Normal file
View File

@ -0,0 +1,29 @@
/// <reference types="@tarojs/taro" />
declare module '*.png';
declare module '*.gif';
declare module '*.jpg';
declare module '*.jpeg';
declare module '*.svg';
declare module '*.css';
declare module '*.less';
declare module '*.scss';
declare module '*.sass';
declare module '*.styl';
declare namespace NodeJS {
interface ProcessEnv {
/** NODE 内置环境变量, 会影响到最终构建生成产物 */
NODE_ENV: 'development' | 'production',
/** 当前构建的平台 */
TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
/**
* appid
* @description env `TARO_APP_ID`便 appid dist/project.config.json
* @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
*/
TARO_APP_ID: string
}
}

13970
yarn.lock Normal file

File diff suppressed because it is too large Load Diff