@playcraft/devkit 1.0.2

package/core/webpack.common.js

@@ -0,0 +1,10 @@
+"use strict";const path=require("path");const fs=require("fs");const TsconfigPathsPlugin=require("tsconfig-paths-webpack-plugin");const{VueLoaderPlugin}=require("vue-loader");const{options}=require("./options");const tsConfigPath=path.resolve(options.tsConfig);const jsConfigPath=path.resolve(options.jsConfig);let jsTsConfigPath=null;if(fs.existsSync(tsConfigPath)){jsTsConfigPath=tsConfigPath}else if(fs.existsSync(jsConfigPath)){jsTsConfigPath=jsConfigPath}/** @type {string[]} List of file extensions that webpack will resolve */const allowedExtensions=[".vue",".ts",".tsx",".js",".json",".png",".glb",".fbx",".obj",".jpg",".webp",".mp3",".svg",".xml",".atlas",".fnt",".css",".gif",".mp4",".woff",".woff2",".ttf",".otf"];/** @type {import('webpack').Configuration} Base webpack configuration used by both development and build configs */const webpackConfig={entry:path.resolve("src/index"),resolve:{extensions:allowedExtensions,alias:{assets:path.resolve("assets"),vue:"vue/dist/vue.esm-bundler.js","@":path.resolve("src")},plugins:jsTsConfigPath?[new TsconfigPathsPlugin({configFile:jsTsConfigPath,extensions:allowedExtensions})]:[]},output:{filename:"build.js",path:path.resolve("dist")},module:{rules:[// Vue 单文件组件
+{test:/\.vue$/,loader:"vue-loader"},// {
+//   test: /\.tsx?$/,
+//   use: 'ts-loader',
+//   exclude: /node_modules/,
+// },
+{test:/\.ts?$/,exclude:/node_modules/,use:[{loader:"babel-loader",options:{// presets: ['@babel/preset-env'],
+plugins:options.compilation.allowTemplateLiterals===false?["@babel/plugin-transform-template-literals"]:[]}},{loader:"esbuild-loader",options:{loader:"ts",target:"es2015"}}]},{test:/\.css$/,use:["style-loader","css-loader"]},{test:/\.(js|mjs)$/,// exclude: /node_modules/,
+use:{loader:"babel-loader",options:{// presets: ['@babel/preset-env'],
+plugins:options.compilation.allowTemplateLiterals===false?["@babel/plugin-transform-template-literals"]:[]}}},{test:/\.(gltf)$/,loader:path.join(__dirname,"loaders/gltf-loader.js")},{test:/\.(gif|png|jpe?g|webp|mp3|mp4|m4a|ogg|wav|glb|fbx|obj)$/i,type:"asset/inline"},{test:/\.(svg|xml|json)$/i,type:"asset/source"},{test:/\.atlas$/,type:"asset/inline",generator:{dataUrl:content=>{return`data:text/atlas;base64,${content.toString("base64")}`}}},{test:/\.fnt$/i,type:"asset/inline",generator:{dataUrl:content=>{return`data:text/plain;base64,${content.toString("base64")}`}}},{test:/\.(woff|woff2|eot|ttf|otf)$/i,type:"asset/inline"}]},plugins:[new VueLoaderPlugin]};exports.allowedExtensions=allowedExtensions;exports.webpackCommonConfig=webpackConfig;

package/core/webpack.dev.js

@@ -0,0 +1,15 @@
+"use strict";const{merge}=require("webpack-merge");const webpack=require("webpack");const HtmlWebpackPlugin=require("html-webpack-plugin");const WebpackDevServer=require("webpack-dev-server");const{webpackCommonConfig}=require("./webpack.common.js");const path=require("path");const{DebuggerInjectionPlugin}=require("./plugins/DebuggerInjectionPlugin.js");const{options}=require("./options.js");const{mergeOptions}=require("./utils/mergeOptions.js");const{buildDefines}=require("./utils/buildDefines.js");const{logOptions}=require("./utils/logOptions.js");const{injectSDKPlugins}=require("./utils/injectSDKPlugins.js");/**
+ * Creates webpack configuration for development
+ * @param {Partial<import('./index').CLIOptions>} [customOptions] - Custom options to merge with default options
+ * @param {Record<string, any>} [customDefines] - Additional defines for webpack.DefinePlugin
+ * @param {import('webpack').Configuration} [webpackCustomConfig] - Custom webpack config to merge
+ * @returns {import('webpack').Configuration} Final webpack development configuration
+ */function makeWebpackDevConfig(customOptions,customDefines,webpackCustomConfig){const devOptions=mergeOptions(options,customOptions);logOptions(devOptions);customDefines=customDefines||{};webpackCustomConfig=webpackCustomConfig||{};const webpackConfig=merge(webpackCommonConfig,{mode:"development",devtool:"inline-source-map",devServer:{static:{directory:path.resolve("dist")},hot:true,// compress: true,
+port:devOptions["port"],allowedHosts:"all",open:devOptions["open"]},plugins:[new HtmlWebpackPlugin({template:path.resolve("src/index.html"),inlineSource:".(js|css|png|jpg|webp|svg|xml|atlas|mp3|gif|glb|fbx|obj)$",meta:{viewport:"width=device-width,initial-scale=1.0,viewport-fit=cover,maximum-scale=1.0,user-scalable=no"}}),new webpack.DefinePlugin({...buildDefines(),...devOptions.defines,__DEV__:JSON.stringify(devOptions["dev"]===undefined?true:devOptions["dev"]),...customDefines})]},webpackCustomConfig);if(devOptions["debugger"]){webpackConfig.plugins.push(new DebuggerInjectionPlugin(devOptions["debugger"]))}// 注入渠道 SDK 插件（与 build 保持一致）
+injectSDKPlugins(webpackConfig,{network:devOptions["network"],protocol:devOptions["protocol"],orientation:devOptions["orientation"]});return webpackConfig}/**
+ * Starts webpack development server
+ * @param {import('webpack').Configuration} [webpackConfig] - Webpack configuration to use, creates default if not provided
+ * @param {Partial<import('./index').CLIOptions>} [customOptions] - Custom options to merge with default options
+ * @param {Record<string, any>} [customDefines] - Additional defines for webpack.DefinePlugin
+ * @param {import('webpack').Configuration} [webpackCustomConfig] - Custom webpack config to merge
+ */function runDev(webpackConfig,customOptions,customDefines,webpackCustomConfig){if(!webpackConfig)webpackConfig=makeWebpackDevConfig(customOptions,customDefines,webpackCustomConfig);const compiler=webpack(webpackConfig);const server=new WebpackDevServer(webpackConfig.devServer,compiler);server.start()}exports.makeWebpackDevConfig=makeWebpackDevConfig;exports.runDev=runDev;

package/defines.d.ts

@@ -0,0 +1,54 @@
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.svg';
+declare module '*.webp';
+declare module '*.xml';
+declare module '*.atlas';
+declare module '*.glb';
+declare module '*.gltf';
+declare module '*.fbx';
+declare module '*.obj';
+declare module '*.mp3';
+declare module '*.mp4';
+declare module '*.otf';
+declare module '*.ttf';
+declare module '*.woff';
+declare module '*.woff2';
+ 
+declare const AD_NETWORK:
+  | 'preview'
+  | 'applovin'
+  | 'unity'
+  | 'google'
+  | 'ironsource'
+  | 'facebook'
+  | 'moloco'
+  | 'mintegral'
+  | 'vungle'
+  | 'adcolony'
+  | 'tapjoy'
+  | 'snapchat'
+  | 'tiktok'
+  | 'appreciate'
+  | 'chartboost'
+  | 'pangle'
+  | 'mytarget'
+  | 'liftoff'
+  | 'smadex'
+  | 'adikteev'
+  | 'bigabid'
+  | 'inmobi'
+  | 'bigoads';
+
+declare const AD_PROTOCOL: 'mraid' | 'dapi' | 'nucleo' | 'none';
+
+declare const GOOGLE_PLAY_URL: string;
+declare const APP_STORE_URL: string;
+declare const APP: string;
+declare const NAME: string;
+declare const VERSION: string;
+declare const LANGUAGE: 'auto' | 'en' | 'es' | 'zh' | 'hi' | 'ar' | 'fr' | 'de' | 'ja' | 'pt';
+declare const ORIENTATION: 'both' | 'portrait' | 'landscape' | 'square';
+declare const BUILD_HASH: string;
+
+declare const __DEV__: boolean;

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@playcraft/devkit",
+  "version": "1.0.2",
+  "description": "HTML5 Playable Ads 构建工具，支持多广告渠道打包",
+  "main": "core/index.js",
+  "module": "core/index.js",
+  "types": "core/index.d.ts",
+  "bin": {
+    "playable-scripts": "cli/bin/playable-scripts.js"
+  },
+  "files": [
+    "cli",
+    "core",
+    "LICENSE",
+    "defines.d.ts"
+  ],
+  "scripts": {
+    "deploy": "npm publish --registry https://www.npmjs.com/registry"
+  },
+  "author": "Tencent ADS Team",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@vue/compiler-sfc": "^3.4.0",
+    "babel-loader": "^9.2.1",
+    "copy-webpack-plugin": "^13.0.0",
+    "cos-nodejs-sdk-v5": "^2.14.4",
+    "cross-spawn": "^7.0.3",
+    "css-loader": "^7.1.2",
+    "esbuild-loader": "^4.2.2",
+    "fflate": "^0.8.2",
+    "html-inline-script-webpack-plugin": "^3.2.1",
+    "html-webpack-plugin": "^5.6.0",
+    "mini-css-extract-plugin": "^2.7.6",
+    "prettyjson": "^1.2.5",
+    "style-loader": "^4.0.0",
+    "tencentcloud-sdk-nodejs-cdn": "^4.1.161",
+    "terser-webpack-plugin": "^5.3.10",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "vue": "^3.4.0",
+    "vue-loader": "^17.4.2",
+    "webpack": "^5.91.0",
+    "webpack-dev-server": "^5.1.0",
+    "webpack-merge": "^5.10.0",
+    "webpack-obfuscator": "^3.6.0",
+    "yazl": "^2.5.1"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "keywords": [
+    "playable",
+    "scripts",
+    "builder",
+    "playable-ads",
+    "html5-ads",
+    "ad-network",
+    "ad-builder",
+    "compression",
+    "fflate",
+    "optimization",
+    "tencent",
+    "bigoads",
+    "mraid",
+    "vungle",
+    "applovin",
+    "google-ads",
+    "meta-ads",
+    "unity-ads",
+    "ironsource",
+    "webpack",
+    "cli-tool",
+    "build-tool"
+  ],
+  "publishConfig": {
+    "registry": "https://www.npmjs.com/registry"
+  }
+}