@webflow/webflow-cli 1.0.0

package/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: ["custom"],
+  ignorePatterns: ["dist"],
+};

package/.turbo/turbo-build.log

@@ -0,0 +1,13 @@
+npm WARN ignoring workspace config at /Users/federico/source/webflow-cli/apps/webflow-cli/.npmrc 
+
+> @webflow/webflow-cli@1.0.0 build
+> rm -fr ./dist; tsup; cp -R ../../packages/devlink/engine/dist ./dist/devlink-engine
+
+CLI Building entry: ./src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v6.7.0
+CLI Using tsup config: /Users/federico/source/webflow-cli/apps/webflow-cli/tsup.config.ts
+CLI Target: node14
+CJS Build start
+CJS dist/index.js 9.87 MB
+CJS ⚡️ Build success in 469ms

package/.turbo/turbo-lint.log

@@ -0,0 +1,5 @@
+npm WARN ignoring workspace config at /Users/federico/source/webflow-cli/apps/webflow-cli/.npmrc 
+
+> @webflow/webflow-cli@1.0.0 lint
+> eslint .
+

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @webflow/webflow-cli
+
+## 1.0.0
+
+### Major Changes
+
+- 4eba8a9: Initial beta release

package/dist/devlink-engine/_Builtin/BackgroundVideo.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+type BackgroundVideoWrapperProps = {
+    tag?: keyof HTMLElementTagNameMap;
+    className?: string;
+    sources?: string[];
+    posterImage?: "";
+    autoPlay?: boolean;
+    loop?: boolean;
+    children?: React.ReactElement<BackgroundVideoPlayPauseButtonProps>;
+};
+export declare const BackgroundVideoWrapper: ({ tag, className, autoPlay, loop, sources, posterImage, children, }: BackgroundVideoWrapperProps) => JSX.Element;
+type BackgroundVideoPlayPauseButtonProps = {
+    className?: string;
+    children: React.ReactElement<BackgroundVideoPlayPauseButtonPlayingProps | BackgroundVideoPlayPauseButtonPausedProps>[];
+};
+export declare const BackgroundVideoPlayPauseButton: ({ children, className, }: BackgroundVideoPlayPauseButtonProps) => JSX.Element;
+type BackgroundVideoPlayPauseButtonPlayingProps = {
+    children: React.ReactNode;
+};
+export declare const BackgroundVideoPlayPauseButtonPlaying: ({ children, }: BackgroundVideoPlayPauseButtonPlayingProps) => JSX.Element;
+type BackgroundVideoPlayPauseButtonPausedProps = {
+    children: React.ReactNode;
+};
+export declare const BackgroundVideoPlayPauseButtonPaused: ({ children, }: BackgroundVideoPlayPauseButtonPausedProps) => JSX.Element;
+export {};

package/dist/devlink-engine/_Builtin/BackgroundVideo.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { cj, debounce } from "../utils";
+const BgVideoContext = React.createContext({ isPlaying: true, togglePlay: () => { } });
+export const BackgroundVideoWrapper = ({ tag = "div", className = "", autoPlay = true, loop = true, sources = [], posterImage = "", children, }) => {
+    const [isPlaying, setIsPlaying] = React.useState(autoPlay);
+    const video = React.useRef(null);
+    const togglePlay = debounce(() => {
+        setIsPlaying(!isPlaying);
+        if (!video?.current)
+            return;
+        if (video.current.paused) {
+            video.current.play();
+        }
+        else {
+            video.current.pause();
+        }
+    });
+    return (React.createElement(BgVideoContext.Provider, { value: { isPlaying, togglePlay } },
+        React.createElement(tag, {
+            className: cj(className, "w-background-video", "w-background-video-atom"),
+        }, React.createElement("video", { ref: video, autoPlay: autoPlay, loop: loop, style: posterImage
+                ? { backgroundImage: `url("${posterImage}")` }
+                : undefined, muted: true, playsInline: true }, sources.map((url) => (React.createElement("source", { src: url, key: url }))))),
+        children));
+};
+export const BackgroundVideoPlayPauseButton = ({ children, className, }) => {
+    const { togglePlay } = React.useContext(BgVideoContext);
+    return (React.createElement("div", { "aria-live": "polite" },
+        React.createElement("button", { type: "button", className: cj(className, "w-backgroundvideo-backgroundvideoplaypausebutton", "w-background-video--control"), onClick: togglePlay }, children)));
+};
+export const BackgroundVideoPlayPauseButtonPlaying = ({ children, }) => {
+    const { isPlaying } = React.useContext(BgVideoContext);
+    return React.createElement("span", { hidden: !isPlaying }, children);
+};
+export const BackgroundVideoPlayPauseButtonPaused = ({ children, }) => {
+    const { isPlaying } = React.useContext(BgVideoContext);
+    return React.createElement("span", { hidden: isPlaying }, children);
+};