PaperKit Public API

import SwiftUI
import PaperKit

// MARK: - SwiftUI wrapper for PaperMarkupViewController
struct ComicCanvasView: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> ComicEditorViewController {
        ComicEditorViewController()
    }
    func updateUIViewController(_ uiViewController: ComicEditorViewController, context: Context) {}
}

// MARK: - Main editor
class ComicEditorViewController: UIViewController, PaperMarkupViewControllerDelegate {
    private let markupVC = PaperMarkupViewController()

    override func viewDidLoad() {
        super.viewDidLoad()
        addChild(markupVC)
        view.addSubview(markupVC.view)
        markupVC.view.frame = view.bounds
        markupVC.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        markupVC.didMove(toParent: self)
        markupVC.delegate = self
        setupComicPanels()
    }

    private func setupComicPanels() {
        var markup = markupVC.markup

        // Define three comic panel rects
        let panelFrames: [CGRect] = [
            CGRect(x: 20, y: 20, width: 340, height: 220),
            CGRect(x: 20, y: 260, width: 160, height: 200),
            CGRect(x: 200, y: 260, width: 160, height: 200)
        ]

        var adornments: [MarkupAdornment] = []

        for (index, frame) in panelFrames.enumerated() {
            // Create a rectangle shape for each panel
            var shape = RectangleMarkup()
            shape.frame = frame
            shape.strokeColor = UIColor.systemIndigo
            shape.fillColor = UIColor.systemIndigo.withAlphaComponent(0.08)
            // Lock panels so users cannot move, resize, or delete them
            shape.allowedInteractions = .readOnly

            markup.subelements.append(shape)

            // Add an adornment button anchored to the panel center
            let center = CGPoint(x: frame.midX, y: frame.midY)
            var adornment = MarkupAdornment(id: "panel-\(index)")
            adornment.canvasPosition = center
            adornment.imageConfiguration = UIImage.SymbolConfiguration(pointSize: 28)
            adornment.image = UIImage(systemName: "plus.circle.fill")
            adornments.append(adornment)
        }

        // Commit elements and adornments
        markupVC.markup = markup
        markupVC.adornments = adornments
    }

    // MARK: - PaperMarkupViewControllerDelegate
    func paperMarkupViewController(
        _ controller: PaperMarkupViewController,
        didTapAdornmentWithID id: String
    ) {
        // Identify which panel was tapped and respond
        print("User tapped adornment: \(id) — present image picker or drawing tool here")
    }
}

// MARK: - App entry point
struct ComicApp: App {
    var body: some Scene {
        WindowGroup {
            ComicCanvasView()
                .ignoresSafeArea()
        }
    }
}