npm - @webspatial/builder - Versions diffs - 0.0.9 → 0.0.11 - Mend

@webspatial/builder 0.0.9 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/template/visionOSApp/web-spatial/libs/webView/manifest.swift DELETED Viewed

@@ -1,92 +0,0 @@
-import Foundation
-var pwaManager = PWAManager()
-struct PWAManager: Codable {
-    var isLocal: Bool = false
-    var start_url: String = "http://localhost:5173/"
-    var scope: String = ""
-    var id: String = "com.webspatial.pico"
-    var name: String = "WebSpatial"
-    var short_name: String = "name"
-    var description: String = ""
-    var display: PWADisplayMode = .minimal
-    var display_override: [PWADisplayMode] = []
-    var protocol_handlers: [PWAProtocol] = [PWAProtocol(protocolValue: "web+spatial", url: "./?cmd=%s")]
-    var mainScene: WindowContainerOptions = .init(
-        defaultSize: .init(
-            width: 1280,
-            height: 720
-        ),
-        resizability: "automatic"
-    )
-    var useMainScene: Bool = true
-    mutating func _init() {
-        let urlType = start_url.split(separator: "://").first
-        if !(urlType == "http" || urlType == "https") {
-            start_url = Bundle.main.url(forResource: start_url, withExtension: "", subdirectory: "")!.absoluteString
-            scope = "file://" + Bundle.main.bundlePath + "/" + scope
-            scope = scope.replacingOccurrences(of: " ", with: "%20")
-            isLocal = true
-        }
-        if display_override.count > 0 {
-            display = display_override[0]
-        }
-        for i in 0 ... protocol_handlers.count - 1 {
-            let item = protocol_handlers[i]
-            protocol_handlers[i].updateUrl(scope + item.url)
-        }
-    }
-    func checkInScope(url: String) -> Bool {
-        return url.starts(with: scope)
-    }
-    // web+spatial://test
-    func checkInDeeplink(url: String) -> String {
-        var linkUrl: String = url
-        for item in protocol_handlers {
-            if linkUrl.starts(with: item.protocolValue) {
-                let queryString: String = linkUrl.replacingOccurrences(of: item.protocolValue, with: "").addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)!
-                linkUrl = item.url.replacingOccurrences(of: "%s", with: item.protocolValue + queryString)
-            }
-        }
-        logger.debug(linkUrl)
-        return linkUrl
-    }
-    func getLocalResourceURL(url: String) -> String {
-        let path = String(url.split(separator: "file://").first!.split(separator: "?").first!)
-        let root = String(url.split(separator: "?").first!)
-        let params = String(url.split(separator: "file://" + root).first!)
-        var resource: String = Bundle.main.url(forResource: path, withExtension: "", subdirectory: "")?.absoluteString ?? ""
-        if resource == "" {
-            resource = Bundle.main.url(forResource: "static-web" + path, withExtension: "", subdirectory: "")?.absoluteString ?? ""
-        }
-        if resource == "" {
-            return url
-        }
-        resource += "?" + params
-        return resource
-    }
-}
-enum PWADisplayMode: Codable {
-    case minimal
-    case standalone
-}
-struct PWAProtocol: Codable {
-    var protocolValue: String = ""
-    var url: String = ""
-    mutating func updateUrl(_ str: String) {
-        url = str
-    }
-}

package/template/visionOSApp/web-spatial/static-web/index.html DELETED Viewed

@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<meta charset="UTF-8">
-<title>WebSpatial</title>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<body>
-    <div>Hello WebSpatial!</div>
-</body>
-</html>

package/template/visionOSApp/web-spatial/views/HideViewModifier.swift DELETED Viewed

@@ -1,17 +0,0 @@
-import SwiftUI
-struct HideViewModifier: ViewModifier {
-    let isHidden: Bool
-    @ViewBuilder func body(content: Content) -> some View {
-        content
-            .opacity(isHidden ? 0 : 1)
-            .disabled(isHidden)
-    }
-}
-// Extending on View to apply to all Views
-extension View {
-    func hidden(_ isHidden: Bool) -> some View {
-        modifier(HideViewModifier(isHidden: isHidden))
-    }
-}

package/template/visionOSApp/web-spatial/views/ImmersiveView.swift DELETED Viewed

@@ -1,24 +0,0 @@
-//
-//  ImmersiveView.swift
-//  web-spatial
-//
-//  Created by ByteDance on 5/8/24.
-//
-import RealityKit
-import RealityKitContent
-import SwiftUI
-struct ImmersiveView: View {
-    var body: some View {
-        RealityView { content in
-            if let scene = try? await Entity(named: "Immersive", in: realityKitContentBundle) {
-                content.add(scene)
-            }
-        }
-    }
-}
-#Preview(immersionStyle: .mixed) {
-    ImmersiveView()
-}

package/template/visionOSApp/web-spatial/views/LoadingView.swift DELETED Viewed

@@ -1,25 +0,0 @@
-//
-//  LoadingView.swift
-//  web-spatial
-//
-//  Created by ByteDance on 2025/1/24.
-//
-import SwiftUI
-import SwiftUICore
-struct LoadingView: View {
-    var body: some View {
-        ZStack {
-            VStack {
-                ProgressView()
-                    .progressViewStyle(CircularProgressViewStyle(tint: .white))
-                    .scaleEffect(2)
-                Text("Loading...")
-                    .foregroundColor(.white)
-                    .font(.headline)
-                    .padding(.top, 16)
-            }
-        }
-    }
-}

package/template/visionOSApp/web-spatial/views/MaterialWithBorderCornerModifier.swift DELETED Viewed

@@ -1,82 +0,0 @@
-//
-//  MaterialWithBorderCornerModifier.swift
-//  web-spatial
-//
-//  Created by ByteDance on 12/4/24.
-//
-import SwiftUI
-enum BackgroundMaterial: String, Codable {
-    case None = "none"
-    case Transparent = "transparent"
-    case GlassMaterial = "translucent"
-    case ThickMaterial = "thick"
-    case RegularMaterial = "regular"
-    case ThinMaterial = "thin"
-}
-struct CornerRadius: Codable {
-    var topLeading: CGFloat = 0
-    var bottomLeading: CGFloat = 0
-    var topTrailing: CGFloat = 0
-    var bottomTrailing: CGFloat = 0
-    func toJson() -> [String: Any] {
-        return [
-            "topLeading": topLeading,
-            "bottomLeading": bottomLeading,
-            "topTrailing": topTrailing,
-            "bottomTrailing": bottomTrailing,
-        ]
-    }
-}
-struct MaterialWithBorderCornerModifier: ViewModifier {
-    let backgroundMaterial: BackgroundMaterial
-    let cornerRadius: CornerRadius
-    init(_ backgroundMaterial: BackgroundMaterial, _ cornerRadius: CornerRadius) {
-        self.backgroundMaterial = backgroundMaterial
-        self.cornerRadius = cornerRadius
-    }
-    func body(content: Content) -> some View {
-        let radii = RectangleCornerRadii(topLeading: cornerRadius.topLeading, bottomLeading: cornerRadius.bottomLeading, bottomTrailing: cornerRadius.bottomTrailing, topTrailing: cornerRadius.topTrailing)
-        switch backgroundMaterial {
-        case .GlassMaterial:
-            content
-                .glassBackgroundEffect(
-                    in: .rect(cornerRadii: radii),
-                    displayMode: .always
-                )
-        case .RegularMaterial:
-            content
-                .background(Material.regularMaterial)
-                .clipShape(.rect(cornerRadii: radii))
-        case .ThinMaterial:
-            content
-                .background(Material.thinMaterial)
-                .clipShape(.rect(cornerRadii: radii))
-        case .ThickMaterial:
-            content
-                .background(Material.thickMaterial)
-                .clipShape(.rect(cornerRadii: radii))
-        default:
-            content
-                .clipShape(.rect(cornerRadii: radii))
-        }
-    }
-}
-extension View {
-    func materialWithBorderCorner(_ backgroundMaterial: BackgroundMaterial, _ cornerRadius: CornerRadius) -> some View {
-        return modifier(
-            MaterialWithBorderCornerModifier(backgroundMaterial, cornerRadius)
-        )
-    }
-}

package/template/visionOSApp/web-spatial/views/OpenDismissHandlerUI.swift DELETED Viewed

@@ -1,52 +0,0 @@
-//
-//  OpenDismissHandlerUI.swift
-//  web-spatial
-//
-//  Created by ByteDance on 8/20/24.
-//
-import SwiftUI
-struct OpenDismissHandlerUI: View {
-    @Environment(\.openImmersiveSpace) private var openImmersiveSpace
-    @Environment(\.dismissImmersiveSpace) private var dismissImmersiveSpace
-    @Environment(\.openWindow) private var openWindow
-    @Environment(\.dismissWindow) private var dismissWindow
-    @Environment(SpatialWindowContainer.self) var windowContainerContent: SpatialWindowContainer
-    @Environment(\.scenePhase) private var scenePhase
-    var body: some View {
-        VStack {}
-            .onAppear()
-            .onReceive(windowContainerContent.toggleImmersiveSpace) { v in
-                if v {
-                    Task {
-                        await openImmersiveSpace(id: "ImmersiveSpace")
-                    }
-                } else {
-                    Task {
-                        await dismissImmersiveSpace()
-                    }
-                }
-            }
-            .onReceive(windowContainerContent.openWindowData) { wd in
-                let _ = openWindow(id: wd.windowStyle, value: wd)
-            }
-            .onReceive(windowContainerContent.closeWindowData) { wd in
-                dismissWindow(id: wd.windowStyle, value: wd)
-            }
-            .onReceive(windowContainerContent.setLoadingWindowData) { wd in
-                if wd.method == .show {
-                    openWindow(id: "loading")
-                } else if wd.method == .hide {
-                    dismissWindow(id: "loading")
-                }
-            }
-            .onChange(of: scenePhase) { oldValue, newValue in
-                logger.debug("OpenDismissHandlerUI: Value changed from \(oldValue) to \(newValue)")
-            }
-    }
-}

package/template/visionOSApp/web-spatial/views/PlainWindowContainerView.swift DELETED Viewed

@@ -1,84 +0,0 @@
-//
-//  PlainWindowContainerView.swift
-//  web-spatial
-//
-//  Created by ByteDance on 5/9/24.
-//
-import RealityKit
-import SwiftUI
-struct PlainWindowContainerView: View {
-    @EnvironmentObject private var sceneDelegate: SceneDelegate
-    @Environment(SpatialWindowContainer.self) private var windowContainerContent: SpatialWindowContainer
-    @State private var windowResizeInProgress = false
-    @State private var timer: Timer?
-    private func setSize(size: CGSize) {
-        sceneDelegate.window?.windowScene?.requestGeometryUpdate(.Vision(size: size))
-    }
-    var body: some View {
-        OpenDismissHandlerUI().environment(windowContainerContent).onDisappear {
-            windowContainerContent.destroy()
-        }
-        let rootEntity = windowContainerContent.getEntities().filter {
-            $0.value.getComponent(SpatialWindowComponent.self) != nil && $0.value.coordinateSpace == .ROOT
-        }.first?.value
-        GeometryReader { proxy3D in
-            ZStack {
-                if let e = rootEntity {
-                    let _ = e.forceUpdate ? 0 : 0
-                    let x = proxy3D.size.width / 2
-                    let y = proxy3D.size.height / 2
-                    let z = CGFloat(e.modelEntity.position.z)
-                    let width = proxy3D.size.width
-                    let height = proxy3D.size.height
-                    if windowResizeInProgress {
-                        VStack {}.frame(width: width, height: height).glassBackgroundEffect().padding3D(.front, -100_000)
-                            .position(x: x, y: y)
-                            .offset(z: z)
-                    } else {
-                        // Avoid showing webview until its loading completes
-                        let wc = e.getComponent(SpatialWindowComponent.self)
-                        let didFinishFirstLoad = wc != nil ? wc!.didFinishFirstLoad : false
-                        SpatialWebViewUI().environment(e)
-                            .frame(width: width, height: height).padding3D(.front, -100_000)
-                            .rotation3DEffect(Rotation3D(simd_quatf(ix: e.modelEntity.orientation.vector.x, iy: e.modelEntity.orientation.vector.y, iz: e.modelEntity.orientation.vector.z, r: e.modelEntity.orientation.vector.w)))
-                            .position(x: x, y: y)
-                            .offset(z: z)
-                            .opacity(didFinishFirstLoad ? 1.0 : 0.0)
-                            .animation(.linear(duration: 0.2), value: didFinishFirstLoad)
-                    }
-                }
-            }
-            .onReceive(windowContainerContent.setSize) { newSize in
-                setSize(size: newSize)
-            }
-            .onChange(of: proxy3D.size) {
-                // WkWebview has an issue where it doesn't resize while the swift window is resized
-                // Treid to call didMoveToWindow to force redraw to occur but that seemed to cause rendering artifacts so that solution was rejected
-                // Now we use a windowResizeInProgress state to hide the webview (by removoving from the view) and other content (using opacity).
-                // After resize is completed the webview is added back to the page which causes a redraw at the correct dimensions/position
-                if let wv = rootEntity?.getComponent(SpatialWindowComponent.self) {
-                    windowResizeInProgress = true
-                    if timer != nil {
-                        timer!.invalidate()
-                    }
-                    // If we don't detect resolution change after x seconds we treat the resize as complete
-                    timer = Timer.scheduledTimer(withTimeInterval: 0.2, repeats: false) { _ in
-                        windowResizeInProgress = false
-                    }
-                    // Trigger resize in the webview's body width and fire a window resize event to get the JS on the page to update state while dragging occurs
-                    wv.evaluateJS(js: "var tempWidth_ = document.body.style.width;document.body.style.width='" + String(Float(proxy3D.size.width)) + "px'; window.dispatchEvent(new Event('resize'));")
-                }
-            }
-        }
-    }
-}

package/template/visionOSApp/web-spatial/views/SpatialModel3DView.swift DELETED Viewed

@@ -1,193 +0,0 @@
-//
-//  SpatialModel3DView.swift
-//  web-spatial
-//
-//  Created by ByteDance on 1/21/25.
-//
-import RealityKit
-import SwiftUI
-class SpatialModel3DViewGestureData {
-    // for dragging state
-    var isDragging = false
-}
-struct SpatialModel3DView: View {
-    @Environment(SpatialEntity.self) var e: SpatialEntity
-    var parentYOffset = Float(0.0)
-    @State private var gestureData = SpatialModel3DViewGestureData()
-    var drag: some Gesture {
-        DragGesture()
-            .onChanged(onDragging)
-            .onEnded(onDraggingEnded)
-    }
-    var tapGesture: some Gesture {
-        TapGesture(count: 1)
-            .onEnded(onTapEnded)
-    }
-    var doubleTapGesture: some Gesture {
-        TapGesture(count: 2)
-            .onEnded(onDoubleTapEnded)
-    }
-    var longPressGesture: some Gesture {
-        LongPressGesture(minimumDuration: 1.0)
-            .onEnded(onLonePressEnded)
-    }
-    @ViewBuilder
-    var body: some View {
-        if e.coordinateSpace == .DOM {
-            if let childModel3DComponent = e.getComponent(SpatialModel3DComponent.self),
-               let url = URL(string: childModel3DComponent.modelURL)
-            {
-                let x = CGFloat(e.modelEntity.position.x)
-                let y = CGFloat(e.modelEntity.position.y - (childModel3DComponent.scrollWithParent ? parentYOffset : 0))
-                let z = CGFloat(e.modelEntity.position.z)
-                let width = CGFloat(childModel3DComponent.resolutionX)
-                let height = CGFloat(childModel3DComponent.resolutionY)
-                let anchor = childModel3DComponent.rotationAnchor
-                let opacity = childModel3DComponent.opacity
-                let resizable = childModel3DComponent.resizable
-                let aspectRatio: CGFloat? = childModel3DComponent.aspectRatio == nil ? nil : CGFloat(childModel3DComponent.aspectRatio!)
-                let contentMode = childModel3DComponent.contentMode
-                let enableTapEvent = childModel3DComponent.enableTapEvent
-                let enableDoubleTapEvent = childModel3DComponent.enableDoubleTapEvent
-                let enableDragEvent = childModel3DComponent.enableDragEvent
-                let enableLongPressEvent = childModel3DComponent.enableLongPressEvent
-                // Matrix = MTranslate X MRotate X MScale
-                Model3D(url: url) { newPhase in
-                    switch newPhase {
-                    case .empty:
-                        ProgressView()
-                    case let .success(resolvedModel3D):
-                        resolvedModel3D
-                            .resizable(resizable)
-                            .aspectRatio(
-                                aspectRatio,
-                                contentMode: contentMode
-                            )
-                            .onAppear {
-                                self.onLoadSuccess()
-                            }
-                    case let .failure(error):
-                        //                            use UIView.onAppear to notify error phase.
-                        Text("").onAppear {
-                            self.onLoadFailure(error.localizedDescription)
-                        }
-                    @unknown default:
-                        EmptyView()
-                    }
-                }
-                .frame(width: width, height: height)
-                //                    .background(Color.blue)
-                .scaleEffect(
-                    x: CGFloat(e.modelEntity.scale.x),
-                    y: CGFloat(e.modelEntity.scale.y),
-                    z: CGFloat(e.modelEntity.scale.z),
-                    anchor: anchor
-                )
-                .rotation3DEffect(
-                    Rotation3D(simd_quatf(
-                        ix: e.modelEntity.orientation.vector.x,
-                        iy: e.modelEntity.orientation.vector.y,
-                        iz: e.modelEntity.orientation.vector.z,
-                        r: e.modelEntity.orientation.vector.w
-                    )),
-                    anchor: anchor
-                )
-                .position(x: x, y: y)
-                .offset(z: z)
-                .frame(maxDepth: 0, alignment: .back)
-                .opacity(opacity)
-                .gesture(enableDragEvent ? drag : nil)
-                .gesture(enableDoubleTapEvent ?doubleTapGesture : nil)
-                .gesture(enableTapEvent ? tapGesture : nil)
-                .gesture(enableLongPressEvent ? longPressGesture : nil)
-                .hidden(!e.visible)
-            } else {
-                Text("").onAppear {
-                    self.onLoadFailure("invalid URL")
-                }
-            }
-        } else {
-            EmptyView()
-        }
-    }
-    private func onLoadSuccess() {
-        if let model3DComponent = e.getComponent(SpatialModel3DComponent.self) {
-            let data = "{eventType: 'phase', value: 'success'}"
-            model3DComponent.wv?.fireComponentEvent(componentId: model3DComponent.id, data: data)
-        }
-    }
-    private func onLoadFailure(_ error: String) {
-        if let model3DComponent = e.getComponent(SpatialModel3DComponent.self) {
-            let data = "{eventType: 'phase', value: 'failure', error: '\(error)'} "
-            model3DComponent.wv?.fireComponentEvent(componentId: model3DComponent.id, data: data)
-        }
-    }
-    private func onDragging(dragValue: DragGesture.Value) {
-        var eventType = "drag"
-        if !gestureData.isDragging {
-            gestureData.isDragging = true
-            eventType = "dragstart"
-        }
-        fireDragEvent(eventType, dragValue)
-    }
-    private func onDraggingEnded(dragValue: DragGesture.Value) {
-        gestureData.isDragging = false
-        let eventType = "dragend"
-        fireDragEvent(eventType, dragValue)
-    }
-    private func onTapEnded(_: TapGesture.Value) {
-        print("onTapEnded")
-        if let model3DComponent = e.getComponent(SpatialModel3DComponent.self) {
-            let eventType = "tap"
-            let data = "{eventType: '\(eventType)' } "
-            model3DComponent.wv?.fireComponentEvent(componentId: model3DComponent.id, data: data)
-        }
-    }
-    private func onDoubleTapEnded(_: TapGesture.Value) {
-        print("onDoubleTapEnded")
-        if let model3DComponent = e.getComponent(SpatialModel3DComponent.self) {
-            let eventType = "doubletap"
-            let data = "{eventType: '\(eventType)' } "
-            model3DComponent.wv?.fireComponentEvent(componentId: model3DComponent.id, data: data)
-        }
-    }
-    private func onLonePressEnded(_: LongPressGesture.Value) {
-        print("onLonePressEnded")
-        if let model3DComponent = e.getComponent(SpatialModel3DComponent.self) {
-            let eventType = "longpress"
-            let data = "{eventType: '\(eventType)' } "
-            model3DComponent.wv?.fireComponentEvent(componentId: model3DComponent.id, data: data)
-        }
-    }
-    private func fireDragEvent(_ eventType: String, _ value: DragGesture.Value) {
-        if let model3DComponent = e.getComponent(SpatialModel3DComponent.self) {
-            let startLocation3D = value.startLocation3D
-            let translation3D = value.translation3D
-            let data = "{eventType: '\(eventType)', value: { translation3D : { x: \(translation3D.x), y: \(translation3D.y), z: \(translation3D.z) }, startLocation3D: { x: \(startLocation3D.x), y: \(startLocation3D.y), z: \(startLocation3D.z)} } } "
-            model3DComponent.wv?.fireComponentEvent(componentId: model3DComponent.id, data: data)
-        }
-    }
-}