Initial commit

tosspayments · Mar 30, 2020 · 9b6f86e · 9b6f86e
commit 9b6f86e
Show file tree

Hide file tree

Showing 17 changed files with 10,236 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+dist
+types
diff --git a/.npmignore b/.npmignore
@@ -0,0 +1 @@
+src
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}
diff --git a/example/.babelrc b/example/.babelrc
@@ -0,0 +1,12 @@
+{
+  "plugins": [
+    "syntax-dynamic-import",
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "regenerator": true
+      }
+    ]
+  ],
+  "presets": [["@babel/preset-env"]]
+}
diff --git a/example/README.md b/example/README.md
@@ -0,0 +1,15 @@
+# 🚀 Welcome to your new awesome project!
+
+This project has been created using **webpack scaffold**, you can now run
+
+```
+npm run build
+```
+
+or
+
+```
+yarn build
+```
+
+to bundle your application
diff --git a/example/package.json b/example/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "tosspayments-example",
+  "version": "1.0.0",
+  "description": "My webpack project",
+  "main": "index.js",
+  "author": "Toss Payments",
+  "license": "MIT",
+  "private": true,
+  "devDependencies": {
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-transform-runtime": "^7.9.0",
+    "@babel/preset-env": "^7.9.0",
+    "@webpack-cli/init": "0.2.2",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "html-webpack-plugin": "^4.0.3",
+    "terser-webpack-plugin": "^2.3.5",
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.10.3",
+    "workbox-webpack-plugin": "^5.1.2"
+  },
+  "scripts": {
+    "dev": "NODE_ENV=development webpack-dev-server",
+    "build": "NODE_ENV=production webpack"
+  }
+}
diff --git a/example/src/index.html b/example/src/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>TossPayments 예제</title>
+</head>
+
+<body>
+  <button onclick="startCommonPayment()">인증 결제 (Common)</button>
+  <button onclick="startDirectPayment()">비인증 결제 (Direct)</button>
+</body>
+
+</html>
diff --git a/example/src/index.js b/example/src/index.js
@@ -0,0 +1,35 @@
+import TossPayments from '../../dist/tosspayments.esm';
+
+const tossPayments = TossPayments('test_ck_OEP59LybZ8Bdv6A1JxkV6GYo7pRe');
+
+window.startCommonPayment = async () => {
+  const { result } = await tossPayments.requestPayment({
+    amount: 1000,
+    productName: '토스 티셔츠',
+    userName: '토스',
+  });
+
+  if (result === 'SUCCESS') {
+    alert('결제에 성공했습니다!');
+  } else if (result === 'CANCELED') {
+    alert('결제를 취소하였습니다.');
+  } else if (result === 'FAIL') {
+    alert('결제에 실패했습니다.');
+  }
+};
+
+window.startDirectPayment = async () => {
+  const { result } = await tossPayments.requestDirectPayment({
+    amount: 1000,
+    productName: '토스 티셔츠',
+    userName: '토스',
+  });
+
+  if (result === 'SUCCESS') {
+    alert('결제에 성공했습니다!');
+  } else if (result === 'CANCELED') {
+    alert('결제를 취소하였습니다.');
+  } else if (result === 'FAIL') {
+    alert('결제에 실패했습니다.');
+  }
+};
diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -0,0 +1,68 @@
+const path = require('path');
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+/*
+ * SplitChunksPlugin is enabled by default and replaced
+ * deprecated CommonsChunkPlugin. It automatically identifies modules which
+ * should be splitted of chunk by heuristics using module duplication count and
+ * module category (i. e. node_modules). And splits the chunks…
+ *
+ * It is safe to remove "splitChunks" from the generated configuration
+ * and was added as an educational example.
+ *
+ * https://webpack.js.org/plugins/split-chunks-plugin/
+ *
+ */
+
+/*
+ * We've enabled TerserPlugin for you! This minifies your app
+ * in order to load faster and run less javascript.
+ *
+ * https://github.com/webpack-contrib/terser-webpack-plugin
+ *
+ */
+
+const TerserPlugin = require('terser-webpack-plugin');
+
+module.exports = {
+  mode: process.env.NODE_ENV,
+  plugins: [new webpack.ProgressPlugin(), new HtmlWebpackPlugin({ template: './src/index.html' })],
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].[hash].js',
+    publicPath: '/',
+  },
+  devServer: {
+    contentBase: path.join(__dirname, 'public'),
+    port: 3000,
+    hot: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /.(js|jsx)$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+      },
+    ],
+  },
+
+  optimization: {
+    minimizer: [new TerserPlugin()],
+
+    splitChunks: {
+      cacheGroups: {
+        vendors: {
+          priority: -10,
+          test: /[\\/]node_modules[\\/]/,
+        },
+      },
+
+      chunks: 'async',
+      minChunks: 1,
+      minSize: 30000,
+      name: true,
+    },
+  },
+};