@jaeyeonee/capacitor-ios-webview 0.0.1

package/CustomWebview.podspec

@@ -0,0 +1,17 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name = 'CapacitorIosCustomWebView'
+  s.version = package['version']
+  s.summary = package['description']
+  s.license = package['license']
+  s.homepage = package['repository']['url']
+  s.author = package['author']
+  s.source = { :git => package['repository']['url'], :tag => s.version.to_s }
+  s.source_files = 'ios/Sources/**/*.{swift,h,m,c,cc,mm,cpp}'
+  s.ios.deployment_target = '15.0'
+  s.dependency 'Capacitor'
+  s.swift_version = '5.1'
+end

package/Package.swift

@@ -0,0 +1,28 @@
+// swift-tools-version: 5.9
+import PackageDescription
+
+let package = Package(
+    name: "CapacitorIosCustomWebView",
+    platforms: [.iOS(.v15)],
+    products: [
+        .library(
+            name: "CapacitorIosCustomWebView",
+            targets: ["CapacitorIosCustomWebView"])
+    ],
+    dependencies: [
+        .package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", from: "8.0.0")
+    ],
+    targets: [
+        .target(
+            name: "CapacitorIosCustomWebView",
+            dependencies: [
+                .product(name: "Capacitor", package: "capacitor-swift-pm"),
+                .product(name: "Cordova", package: "capacitor-swift-pm")
+            ],
+            path: "ios/Sources/CustomWebViewPlugin"),
+        .testTarget(
+            name: "CapacitorIosCustomWebViewTests",
+            dependencies: ["CapacitorIosCustomWebView"],
+            path: "ios/Tests/CustomWebViewPluginTests")
+    ]
+)

package/README.md

@@ -0,0 +1,45 @@
+# capacitor-iosCustomWebView
+
+capacitor iosCustomWebView
+
+## Install
+
+```bash
+npm install capacitor-iosCustomWebView
+npx cap sync
+```
+
+## API
+
+<docgen-index>
+
+* [`open(...)`](#open)
+* [`close()`](#close)
+
+</docgen-index>
+
+<docgen-api>
+<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->
+
+### open(...)
+
+```typescript
+open(options: { url: string; closeButtonText?: string; }) => Promise<void>
+```
+
+| Param         | Type                                                    |
+| ------------- | ------------------------------------------------------- |
+| **`options`** | <code>{ url: string; closeButtonText?: string; }</code> |
+
+--------------------
+
+
+### close()
+
+```typescript
+close() => Promise<void>
+```
+
+--------------------
+
+</docgen-api>

package/dist/docs.json

@@ -0,0 +1,41 @@
+{
+  "api": {
+    "name": "CustomWebViewPlugin",
+    "slug": "customwebviewplugin",
+    "docs": "",
+    "tags": [],
+    "methods": [
+      {
+        "name": "open",
+        "signature": "(options: { url: string; closeButtonText?: string; }) => Promise<void>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "{ url: string; closeButtonText?: string | undefined; }"
+          }
+        ],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [],
+        "slug": "open"
+      },
+      {
+        "name": "close",
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [],
+        "slug": "close"
+      }
+    ],
+    "properties": []
+  },
+  "interfaces": [],
+  "enums": [],
+  "typeAliases": [],
+  "pluginConfigs": []
+}

package/dist/esm/definitions.d.ts

@@ -0,0 +1,7 @@
+export interface CustomWebViewPlugin {
+    open(options: {
+        url: string;
+        closeButtonText?: string;
+    }): Promise<void>;
+    close(): Promise<void>;
+}

package/dist/esm/definitions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=definitions.js.map

package/dist/esm/definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export interface CustomWebViewPlugin {\n  open(options: { url: string, closeButtonText?: string }): Promise<void>;\n\n  close(): Promise<void>;\n}\n"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+import type { CustomWebViewPlugin } from './definitions';
+declare const CustomWebView: CustomWebViewPlugin;
+export * from './definitions';
+export { CustomWebView };

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import { registerPlugin } from '@capacitor/core';
+const CustomWebView = registerPlugin('CustomWebView', {
+    web: () => import('./web').then((m) => new m.CustomWebViewWeb()),
+});
+export * from './definitions';
+export { CustomWebView };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,aAAa,GAAG,cAAc,CAAsB,eAAe,EAAE;IACzE,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;CACjE,CAAC,CAAC;AAEH,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { registerPlugin } from '@capacitor/core';\n\nimport type { CustomWebViewPlugin } from './definitions';\n\nconst CustomWebView = registerPlugin<CustomWebViewPlugin>('CustomWebView', {\n  web: () => import('./web').then((m) => new m.CustomWebViewWeb()),\n});\n\nexport * from './definitions';\nexport { CustomWebView };\n"]}

package/dist/esm/web.d.ts

@@ -0,0 +1,8 @@
+import { WebPlugin } from '@capacitor/core';
+import type { CustomWebViewPlugin } from './definitions';
+export declare class CustomWebViewWeb extends WebPlugin implements CustomWebViewPlugin {
+    open(options: {
+        url: string;
+    }): Promise<void>;
+    close(): Promise<void>;
+}

package/dist/esm/web.js

@@ -0,0 +1,10 @@
+import { WebPlugin } from '@capacitor/core';
+export class CustomWebViewWeb extends WebPlugin {
+    async open(options) {
+        console.warn('[CustomWebView] open() is not supported on web', options);
+    }
+    async close() {
+        console.warn('[CustomWebView] close() is not supported on web');
+    }
+}
+//# sourceMappingURL=web.js.map

package/dist/esm/web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,MAAM,OAAO,gBAAiB,SAAQ,SAAS;IAC7C,KAAK,CAAC,IAAI,CAAC,OAAwB;QACjC,OAAO,CAAC,IAAI,CAAC,gDAAgD,EAAE,OAAO,CAAC,CAAC;IAC1E,CAAC;IAED,KAAK,CAAC,KAAK;QACT,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;IAClE,CAAC;CACF","sourcesContent":["import { WebPlugin } from '@capacitor/core';\nimport type { CustomWebViewPlugin } from './definitions';\n\nexport class CustomWebViewWeb extends WebPlugin implements CustomWebViewPlugin {\n  async open(options: { url: string }): Promise<void> {\n    console.warn('[CustomWebView] open() is not supported on web', options);\n  }\n\n  async close(): Promise<void> {\n    console.warn('[CustomWebView] close() is not supported on web');\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var core = require('@capacitor/core');
+
+const CustomWebView = core.registerPlugin('CustomWebView', {
+    web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.CustomWebViewWeb()),
+});
+
+class CustomWebViewWeb extends core.WebPlugin {
+    async open(options) {
+        console.warn('[CustomWebView] open() is not supported on web', options);
+    }
+    async close() {
+        console.warn('[CustomWebView] close() is not supported on web');
+    }
+}
+
+var web = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CustomWebViewWeb: CustomWebViewWeb
+});
+
+exports.CustomWebView = CustomWebView;
+//# sourceMappingURL=plugin.cjs.js.map

package/dist/plugin.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.cjs.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CustomWebView = registerPlugin('CustomWebView', {\n    web: () => import('./web').then((m) => new m.CustomWebViewWeb()),\n});\nexport * from './definitions';\nexport { CustomWebView };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CustomWebViewWeb extends WebPlugin {\n    async open(options) {\n        console.warn('[CustomWebView] open() is not supported on web', options);\n    }\n    async close() {\n        console.warn('[CustomWebView] close() is not supported on web');\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":";;;;AACK,MAAC,aAAa,GAAGA,mBAAc,CAAC,eAAe,EAAE;AACtD,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;AACpE,CAAC;;ACFM,MAAM,gBAAgB,SAASC,cAAS,CAAC;AAChD,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE;AACxB,QAAQ,OAAO,CAAC,IAAI,CAAC,gDAAgD,EAAE,OAAO,CAAC;AAC/E,IAAI;AACJ,IAAI,MAAM,KAAK,GAAG;AAClB,QAAQ,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC;AACvE,IAAI;AACJ;;;;;;;;;"}

package/dist/plugin.js

@@ -0,0 +1,27 @@
+var capacitorCustomWebView = (function (exports, core) {
+    'use strict';
+
+    const CustomWebView = core.registerPlugin('CustomWebView', {
+        web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.CustomWebViewWeb()),
+    });
+
+    class CustomWebViewWeb extends core.WebPlugin {
+        async open(options) {
+            console.warn('[CustomWebView] open() is not supported on web', options);
+        }
+        async close() {
+            console.warn('[CustomWebView] close() is not supported on web');
+        }
+    }
+
+    var web = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        CustomWebViewWeb: CustomWebViewWeb
+    });
+
+    exports.CustomWebView = CustomWebView;
+
+    return exports;
+
+})({}, capacitorExports);
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CustomWebView = registerPlugin('CustomWebView', {\n    web: () => import('./web').then((m) => new m.CustomWebViewWeb()),\n});\nexport * from './definitions';\nexport { CustomWebView };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CustomWebViewWeb extends WebPlugin {\n    async open(options) {\n        console.warn('[CustomWebView] open() is not supported on web', options);\n    }\n    async close() {\n        console.warn('[CustomWebView] close() is not supported on web');\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":";;;AACK,UAAC,aAAa,GAAGA,mBAAc,CAAC,eAAe,EAAE;IACtD,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACpE,CAAC;;ICFM,MAAM,gBAAgB,SAASC,cAAS,CAAC;IAChD,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE;IACxB,QAAQ,OAAO,CAAC,IAAI,CAAC,gDAAgD,EAAE,OAAO,CAAC;IAC/E,IAAI;IACJ,IAAI,MAAM,KAAK,GAAG;IAClB,QAAQ,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC;IACvE,IAAI;IACJ;;;;;;;;;;;;;;;"}

package/ios/Sources/CustomWebViewPlugin/CustomWebView.swift

@@ -0,0 +1,162 @@
+import UIKit
+import WebKit
+
+final class CustomWebViewController: UIViewController, UIGestureRecognizerDelegate, WKNavigationDelegate {
+
+    private let url: URL
+    private let closeButtonText: String
+    private let webView = WKWebView()
+    private var backButton: UIButton!
+
+    init(url: URL, closeButtonText: String? = nil) {
+        self.url = url
+        self.closeButtonText = closeButtonText ?? "Close"
+        super.init(nibName: nil, bundle: nil)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError()
+    }
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        view.backgroundColor = .white
+
+        setupHeader()
+        setupWebView()
+        load()
+    }
+
+    private func setupHeader() {
+        let header = UIView()
+        header.backgroundColor = .white
+        header.translatesAutoresizingMaskIntoConstraints = false
+        view.addSubview(header)
+
+        let back = UIButton(type: .system)
+        back.setImage(UIImage(systemName: "chevron.left"), for: .normal)
+        back.addTarget(self, action: #selector(backTapped), for: .touchUpInside)
+        back.translatesAutoresizingMaskIntoConstraints = false
+        header.addSubview(back)
+        self.backButton = back
+
+        let close = UIButton(type: .system)
+        close.setTitle(closeButtonText, for: .normal)
+        close.addTarget(self, action: #selector(closeTapped), for: .touchUpInside)
+        close.translatesAutoresizingMaskIntoConstraints = false
+        header.addSubview(close)
+
+        NSLayoutConstraint.activate([
+            header.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
+            header.leadingAnchor.constraint(equalTo: view.leadingAnchor),
+            header.trailingAnchor.constraint(equalTo: view.trailingAnchor),
+            header.heightAnchor.constraint(equalToConstant: 48),
+
+            back.leadingAnchor.constraint(equalTo: header.leadingAnchor, constant: 8),
+            back.centerYAnchor.constraint(equalTo: header.centerYAnchor),
+            back.widthAnchor.constraint(equalToConstant: 44),
+            back.heightAnchor.constraint(equalToConstant: 44),
+
+            close.leadingAnchor.constraint(equalTo: back.trailingAnchor, constant: 4),
+            close.centerYAnchor.constraint(equalTo: header.centerYAnchor)
+        ])
+    }
+
+
+    private func setupWebView() {
+        webView.translatesAutoresizingMaskIntoConstraints = false
+        webView.allowsBackForwardNavigationGestures = true
+        webView.navigationDelegate = self
+        view.addSubview(webView)
+
+        NSLayoutConstraint.activate([
+            webView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 48),
+            webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
+            webView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
+            webView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
+        ])
+    }
+
+    private func load() {
+        webView.load(URLRequest(url: url))
+    }
+
+    @objc private func closeTapped() {
+        dismiss(animated: true)
+    }
+
+    
+    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
+    }
+
+    private var toastView: UIView?
+
+    private func showToast(_ message: String) {
+        toastView?.removeFromSuperview()
+
+        let label = UILabel()
+        label.text = message
+        label.textColor = .white
+        label.font = UIFont.preferredFont(forTextStyle: .callout)
+        label.textAlignment = .center
+        label.numberOfLines = 0
+
+        let container = UIView()
+        container.backgroundColor = UIColor.black.withAlphaComponent(0.7)
+        container.layer.cornerRadius = 10
+        container.clipsToBounds = true
+        container.alpha = 0
+
+        label.translatesAutoresizingMaskIntoConstraints = false
+        container.translatesAutoresizingMaskIntoConstraints = false
+
+        container.addSubview(label)
+        view.addSubview(container)
+        toastView = container
+
+        NSLayoutConstraint.activate([
+            label.topAnchor.constraint(equalTo: container.topAnchor, constant: 10),
+            label.bottomAnchor.constraint(equalTo: container.bottomAnchor, constant: -10),
+            label.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: 14),
+            label.trailingAnchor.constraint(equalTo: container.trailingAnchor, constant: -14),
+
+            container.centerXAnchor.constraint(equalTo: view.centerXAnchor),
+            container.bottomAnchor.constraint(
+                equalTo: view.safeAreaLayoutGuide.bottomAnchor,
+                constant: -20
+            ),
+            container.widthAnchor.constraint(lessThanOrEqualToConstant: 320)
+        ])
+
+        UIView.animate(withDuration: 0.25) {
+            container.alpha = 1
+        }
+
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1.8) {
+            UIView.animate(withDuration: 0.25, animations: {
+                container.alpha = 0
+            }) { _ in
+                container.removeFromSuperview()
+            }
+        }
+    }
+    
+    private var lastBackPressedAt: Date?
+    
+    @objc private func backTapped() {
+        if webView.canGoBack {
+        webView.goBack()
+        return
+        }
+        
+        let now = Date()
+        
+        if let last = lastBackPressedAt,
+           now.timeIntervalSince(last) < 2 {
+            dismiss(animated: true)
+        } else {
+            lastBackPressedAt = now
+            showToast("한 번 더 누르면 웹뷰가 종료됩니다.")
+        }
+    }
+}

package/ios/Sources/CustomWebViewPlugin/CustomWebViewPlugin.swift

@@ -0,0 +1,43 @@
+import Foundation
+import Capacitor
+
+@objc(CustomWebViewPlugin)
+public class CustomWebViewPlugin: CAPPlugin, CAPBridgedPlugin {
+
+    public let identifier = "CustomWebViewPlugin"
+    public let jsName = "CustomWebView"
+
+    public let pluginMethods: [CAPPluginMethod] = [
+        CAPPluginMethod(name: "open", returnType: CAPPluginReturnPromise),
+        CAPPluginMethod(name: "close", returnType: CAPPluginReturnNone)
+    ]
+
+    private var webVC: CustomWebViewController?
+
+    @objc func open(_ call: CAPPluginCall) {
+        let urlString = call.getString("url") ?? ""
+        let closeButtonText = call.getString("closeButtonText") ?? ""
+        guard let url = URL(string: urlString) else {
+            call.reject("Invalid URL")
+            return
+        }
+        
+
+        DispatchQueue.main.async {
+            let vc = CustomWebViewController(url: url, closeButtonText: closeButtonText)
+            vc.modalPresentationStyle = .fullScreen
+            self.bridge?.viewController?.present(vc, animated: true)
+            self.webVC = vc
+        }
+
+        call.resolve()
+    }
+
+    @objc func close(_ call: CAPPluginCall) {
+        DispatchQueue.main.async {
+            self.webVC?.dismiss(animated: true)
+            self.webVC = nil
+        }
+        call.resolve()
+    }
+}

package/ios/Tests/CustomWebViewPluginTests/CustomWebViewTests.swift

@@ -0,0 +1,15 @@
+import XCTest
+@testable import CustomWebViewPlugin
+
+class CustomWebViewTests: XCTestCase {
+    func testEcho() {
+        // This is an example of a functional test case for a plugin.
+        // Use XCTAssert and related functions to verify your tests produce the correct results.
+
+        let implementation = CustomWebView()
+        let value = "Hello, World!"
+        let result = implementation.echo(value)
+
+        XCTAssertEqual(value, result)
+    }
+}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@jaeyeonee/capacitor-ios-webview",
+  "version": "0.0.1",
+  "description": "capacitor-iosCustomWebView",
+  "main": "dist/plugin.cjs.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "unpkg": "dist/plugin.js",
+  "files": [
+    "android/src/main/",
+    "android/build.gradle",
+    "dist/",
+    "ios/Sources",
+    "ios/Tests",
+    "Package.swift",
+    "CustomWebview.podspec"
+  ],
+  "author": "jaeyeonee",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JaeyeoneeJ/capacitor-iosCustomWebView.git"
+  },
+  "bugs": {
+    "url": "https://github.com/JaeyeoneeJ/capacitor-iosCustomWebView/issues"
+  },
+  "keywords": [
+    "capacitor",
+    "plugin",
+    "native"
+  ],
+  "scripts": {
+    "verify": "npm run verify:ios && npm run verify:web",
+    "verify:ios": "xcodebuild -scheme CustomWebview -destination generic/platform=iOS",
+    "verify:web": "npm run build",
+    "lint": "npm run eslint && npm run prettier -- --check && npm run swiftlint -- lint",
+    "fmt": "npm run eslint -- --fix && npm run prettier -- --write && npm run swiftlint -- --fix --format",
+    "eslint": "eslint . --ext ts",
+    "prettier": "prettier \"**/*.{css,html,ts,js,java}\" --plugin=prettier-plugin-java",
+    "swiftlint": "node-swiftlint",
+    "docgen": "docgen --api CustomWebViewPlugin --output-readme README.md --output-json dist/docs.json",
+    "build": "npm run clean && npm run docgen && tsc && rollup -c rollup.config.mjs",
+    "clean": "rimraf ./dist",
+    "watch": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "@capacitor/core": "^8.0.0",
+    "@capacitor/docgen": "^0.3.1",
+    "@capacitor/ios": "^8.0.0",
+    "@ionic/eslint-config": "^0.4.0",
+    "@ionic/prettier-config": "^4.0.0",
+    "@ionic/swiftlint-config": "^2.0.0",
+    "eslint": "^8.57.1",
+    "prettier": "^3.6.2",
+    "prettier-plugin-java": "^2.7.7",
+    "rimraf": "^6.1.0",
+    "rollup": "^4.53.2",
+    "swiftlint": "^2.0.0",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "@capacitor/core": ">=8.0.0"
+  },
+  "prettier": "@ionic/prettier-config",
+  "swiftlint": "@ionic/swiftlint-config",
+  "eslintConfig": {
+    "extends": "@ionic/eslint-config/recommended"
+  },
+  "capacitor": {
+    "ios": {
+      "src": "ios"
+    }
+  }
+}