@streamplace/components 0.7.34 → 0.8.0

package/dist/components/ui/tooltip.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../lib/theme/theme");
+const text_1 = require("../ui/text");
+exports.Tooltip = (0, react_1.forwardRef)(({ content, children, position = "top", style }, ref) => {
+    const { theme } = (0, theme_1.useTheme)();
+    const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+    const styles = createStyles(theme, position);
+    const handleHoverIn = () => {
+        setIsVisible(true);
+    };
+    const handleHoverOut = () => {
+        setIsVisible(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ref: ref, style: [styles.container, style], onPointerEnter: handleHoverIn, onPointerLeave: handleHoverOut, children: [children, isVisible && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.tooltip, children: (0, jsx_runtime_1.jsx)(text_1.Text, { style: styles.tooltipText, children: content }) }))] }));
+});
+exports.Tooltip.displayName = "Tooltip";
+function createStyles(theme, position) {
+    const positionStyles = {
+        top: {
+            tooltip: {
+                bottom: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                marginBottom: theme.spacing[1],
+            },
+            arrow: {
+                top: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                borderTopColor: theme.colors.card,
+            },
+        },
+        bottom: {
+            tooltip: {
+                top: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                marginTop: theme.spacing[1],
+            },
+            arrow: {
+                bottom: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                borderBottomColor: theme.colors.card,
+            },
+        },
+        left: {
+            tooltip: {
+                right: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                marginRight: theme.spacing[1],
+            },
+            arrow: {
+                left: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                borderLeftColor: theme.colors.card,
+            },
+        },
+        right: {
+            tooltip: {
+                left: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                marginLeft: theme.spacing[1],
+            },
+            arrow: {
+                right: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                borderRightColor: theme.colors.card,
+            },
+        },
+    };
+    const currentPosition = positionStyles[position];
+    return react_native_1.StyleSheet.create({
+        container: {
+            position: "relative",
+        },
+        tooltip: {
+            position: "absolute",
+            backgroundColor: theme.colors.card,
+            borderRadius: theme.borderRadius.md,
+            padding: theme.spacing[2],
+            maxWidth: 200,
+            ...theme.shadows.lg,
+            ...currentPosition.tooltip,
+            zIndex: 1000,
+        },
+        tooltipText: {
+            color: theme.colors.text,
+            fontSize: 12,
+            lineHeight: 16,
+            textAlign: "left",
+        },
+    });
+}

package/dist/index.js

@@ -36,3 +36,5 @@ exports.Dashboard = tslib_1.__importStar(require("./components/dashboard"));
 // Storage exports
 var storage_1 = require("./storage");
 Object.defineProperty(exports, "storage", { enumerable: true, get: function () { return tslib_1.__importDefault(storage_1).default; } });
+// Content metadata components
+tslib_1.__exportStar(require("./components/content-metadata"), exports);

package/dist/lib/metadata-constants.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.C2PA_WARNING_LABELS = exports.LICENSE_URL_LABELS = exports.LICENSE_OPTIONS = exports.CONTENT_WARNINGS = void 0;
+const streamplace_1 = require("streamplace");
+// Content warnings derived from lexicon schema
+exports.CONTENT_WARNINGS = (() => {
+    // Find the content warnings schema
+    const contentWarningsSchema = streamplace_1.schemas.find((schema) => schema.id === "place.stream.metadata.contentWarnings");
+    if (!contentWarningsSchema?.defs) {
+        throw new Error("Could not find place.stream.metadata.contentWarnings schema");
+    }
+    const contentWarningConstants = [
+        { constant: "place.stream.metadata.contentWarnings#death", label: "Death" },
+        {
+            constant: "place.stream.metadata.contentWarnings#drugUse",
+            label: "Drug Use",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#fantasyViolence",
+            label: "Fantasy Violence",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#flashingLights",
+            label: "Flashing Lights",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#language",
+            label: "Language",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#nudity",
+            label: "Nudity",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#PII",
+            label: "Personally Identifiable Information",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#sexuality",
+            label: "Sexuality",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#suffering",
+            label: "Upsetting or Disturbing",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#violence",
+            label: "Violence",
+        },
+    ];
+    return contentWarningConstants.map(({ constant, label }) => {
+        // Extract the key from the constant by splitting on '#'
+        const key = constant.split("#")[1];
+        const def = contentWarningsSchema.defs[key];
+        const description = def?.description || `Description for ${label}`;
+        return {
+            value: constant,
+            label: label,
+            description: description,
+        };
+    });
+})();
+// License options derived from lexicon schema
+exports.LICENSE_OPTIONS = (() => {
+    // Find the content rights schema
+    const contentRightsSchema = streamplace_1.schemas.find((schema) => schema.id === "place.stream.metadata.contentRights");
+    if (!contentRightsSchema?.defs) {
+        throw new Error("Could not find place.stream.metadata.contentRights schema");
+    }
+    const licenseConstants = [
+        {
+            constant: "place.stream.metadata.contentRights#all-rights-reserved",
+            label: "All Rights Reserved",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc0_1__0",
+            label: "CC0 (Public Domain) 1.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by_4__0",
+            label: "CC BY 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-sa_4__0",
+            label: "CC BY-SA 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nc_4__0",
+            label: "CC BY-NC 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nc-sa_4__0",
+            label: "CC BY-NC-SA 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nd_4__0",
+            label: "CC BY-ND 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nc-nd_4__0",
+            label: "CC BY-NC-ND 4.0",
+        },
+    ];
+    const options = licenseConstants.map(({ constant, label }) => {
+        // Extract the key from the constant by splitting on '#'
+        const key = constant.split("#")[1];
+        const def = contentRightsSchema.defs[key];
+        const description = def?.description || `Description for ${label}`;
+        return {
+            value: constant,
+            label: label,
+            description: description,
+        };
+    });
+    // Add custom license option
+    options.push({
+        value: "custom",
+        label: "Custom License",
+        description: "Custom license. Define your own terms for how others can use, adapt, or share your content.",
+    });
+    return options;
+})();
+// License URL labels for C2PA manifests
+exports.LICENSE_URL_LABELS = {
+    "http://creativecommons.org/publicdomain/zero/1.0/": "CC0 - Public Domain 1.0",
+    "http://creativecommons.org/licenses/by/4.0/": "CC BY - Attribution 4.0",
+    "http://creativecommons.org/licenses/by-sa/4.0/": "CC BY-SA - Attribution ShareAlike 4.0",
+    "http://creativecommons.org/licenses/by-nc/4.0/": "CC BY-NC - Attribution NonCommercial 4.0",
+    "http://creativecommons.org/licenses/by-nc-sa/4.0/": "CC BY-NC-SA - Attribution NonCommercial ShareAlike 4.0",
+    "http://creativecommons.org/licenses/by-nd/4.0/": "CC BY-ND - Attribution NoDerivatives 4.0",
+    "http://creativecommons.org/licenses/by-nc-nd/4.0/": "CC BY-NC-ND - Attribution NonCommercial NoDerivatives 4.0",
+    "All rights reserved": "All Rights Reserved",
+};
+// C2PA warning labels for content warnings
+exports.C2PA_WARNING_LABELS = {
+    "cwarn:death": "Death",
+    "cwarn:drugUse": "Drug Use",
+    "cwarn:fantasyViolence": "Fantasy Violence",
+    "cwarn:flashingLights": "Flashing Lights",
+    "cwarn:language": "Language",
+    "cwarn:nudity": "Nudity",
+    "cwarn:PII": "Personally Identifiable Information",
+    "cwarn:sexuality": "Sexuality",
+    "cwarn:suffering": "Upsetting or Disturbing",
+    "cwarn:violence": "Violence",
+    // Also support lexicon constants for backward compatibility
+    "place.stream.metadata.contentWarnings#death": "Death",
+    "place.stream.metadata.contentWarnings#drugUse": "Drug Use",
+    "place.stream.metadata.contentWarnings#fantasyViolence": "Fantasy Violence",
+    "place.stream.metadata.contentWarnings#flashingLights": "Flashing Lights",
+    "place.stream.metadata.contentWarnings#language": "Language",
+    "place.stream.metadata.contentWarnings#nudity": "Nudity",
+    "place.stream.metadata.contentWarnings#PII": "Personally Identifiable Information",
+    "place.stream.metadata.contentWarnings#sexuality": "Sexuality",
+    "place.stream.metadata.contentWarnings#suffering": "Upsetting or Disturbing",
+    "place.stream.metadata.contentWarnings#violence": "Violence",
+};

package/dist/lib/theme/theme.js

@@ -166,12 +166,14 @@ function generateThemeColorsFromPalette(palette, isDark) {
         mutedForeground: isDark ? palette[400] : palette[500],
         accent: isDark ? palette[800] : palette[100],
         accentForeground: isDark ? palette[50] : palette[900],
-        destructive: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemRed : tokens_1.colors.destructive[500],
+        destructive: tokens_1.colors.destructive[700],
         destructiveForeground: tokens_1.colors.white,
-        success: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemGreen : tokens_1.colors.success[500],
+        success: tokens_1.colors.success[700],
         successForeground: tokens_1.colors.white,
-        warning: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemOrange : tokens_1.colors.warning[500],
+        warning: tokens_1.colors.warning[700],
         warningForeground: tokens_1.colors.white,
+        info: tokens_1.colors.blue[700],
+        infoForeground: isDark ? palette[50] : palette[900],
         border: isDark ? palette[500] + "30" : palette[200] + "30",
         input: isDark ? palette[800] : palette[200],
         ring: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemBlue : tokens_1.colors.primary[500],

package/dist/lib/theme/tokens.js

@@ -580,52 +580,61 @@ exports.typography = {
         },
     },
     // Universal typography scale
+    // Atkinson's center is weird so the marginBottom is there to correct it?
     universal: {
         xs: {
             fontSize: 12,
             lineHeight: 16,
+            marginBottom: -0.7,
             fontWeight: "400",
             fontFamily: "AtkinsonHyperlegibleNext-Regular",
         },
         sm: {
             fontSize: 14,
             lineHeight: 20,
+            marginBottom: -1,
             fontWeight: "400",
             fontFamily: "AtkinsonHyperlegibleNext-Regular",
         },
         base: {
             fontSize: 16,
             lineHeight: 24,
+            marginBottom: -1.2,
             fontWeight: "400",
             fontFamily: "AtkinsonHyperlegibleNext-Regular",
         },
         lg: {
             fontSize: 18,
             lineHeight: 28,
+            marginBottom: -1.5,
             fontWeight: "400",
             fontFamily: "AtkinsonHyperlegibleNext-Regular",
         },
         xl: {
             fontSize: 20,
             lineHeight: 28,
+            marginBottom: -1.75,
             fontWeight: "500",
             fontFamily: "AtkinsonHyperlegibleNext-Medium",
         },
         "2xl": {
             fontSize: 24,
             lineHeight: 32,
+            marginBottom: -2,
             fontWeight: "600",
             fontFamily: "AtkinsonHyperlegibleNext-SemiBold",
         },
         "3xl": {
             fontSize: 30,
             lineHeight: 36,
+            marginBottom: -2.5,
             fontWeight: "700",
             fontFamily: "AtkinsonHyperlegibleNext-Bold",
         },
         "4xl": {
             fontSize: 36,
             lineHeight: 40,
+            marginBottom: -3,
             fontWeight: "700",
             fontFamily: "AtkinsonHyperlegibleNext-ExtraBold",
         },

package/dist/streamplace-provider/index.js

@@ -1,21 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StreamplaceProvider = StreamplaceProvider;
+exports.ChatProfileCreator = ChatProfileCreator;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const streamplace_store_1 = require("../streamplace-store/streamplace-store");
+const streamplace_store_1 = require("../streamplace-store");
+const streamplace_store_2 = require("../streamplace-store/streamplace-store");
 const context_1 = require("./context");
 const poller_1 = tslib_1.__importDefault(require("./poller"));
 function StreamplaceProvider({ children, url, oauthSession, }) {
-    console.log("session in provider is", oauthSession);
     // todo: handle url changes?
-    const store = (0, react_1.useRef)((0, streamplace_store_1.makeStreamplaceStore)({ url })).current;
+    const store = (0, react_1.useRef)((0, streamplace_store_2.makeStreamplaceStore)({ url })).current;
     (0, react_1.useEffect)(() => {
         store.setState({ url });
     }, [url]);
     (0, react_1.useEffect)(() => {
         store.setState({ oauthSession });
     }, [oauthSession]);
-    return ((0, jsx_runtime_1.jsx)(context_1.StreamplaceContext.Provider, { value: { store: store }, children: (0, jsx_runtime_1.jsx)(poller_1.default, { children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(context_1.StreamplaceContext.Provider, { value: { store: store }, children: (0, jsx_runtime_1.jsx)(ChatProfileCreator, { oauthSession: oauthSession, children: (0, jsx_runtime_1.jsx)(poller_1.default, { children: children }) }) }));
+}
+function ChatProfileCreator({ oauthSession, children, }) {
+    const getChatProfile = (0, streamplace_store_1.useGetChatProfile)();
+    (0, react_1.useEffect)(() => {
+        if (oauthSession) {
+            getChatProfile();
+        }
+    }, [oauthSession]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }

package/dist/streamplace-store/content-metadata-actions.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetContentMetadata = exports.useSaveContentMetadata = void 0;
+const streamplace_store_1 = require("./streamplace-store");
+const xrpc_1 = require("./xrpc");
+const useSaveContentMetadata = () => {
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    const did = (0, streamplace_store_1.useDID)();
+    const setContentMetadata = (0, streamplace_store_1.useSetContentMetadata)();
+    return async (params) => {
+        if (!pdsAgent || !did) {
+            throw new Error("No PDS agent or DID available");
+        }
+        const metadataRecord = {
+            $type: "place.stream.metadata.configuration",
+            createdAt: new Date().toISOString(),
+            ...(params.contentWarnings &&
+                params.contentWarnings.length > 0 && {
+                contentWarnings: { warnings: params.contentWarnings },
+            }),
+            ...(params.distributionPolicy &&
+                params.distributionPolicy.deleteAfter && {
+                distributionPolicy: params.distributionPolicy,
+            }),
+            ...(params.contentRights &&
+                Object.keys(params.contentRights).length > 0 && {
+                contentRights: params.contentRights,
+            }),
+        };
+        const rkey = params.rkey || "self";
+        try {
+            // Try to update existing record first
+            const result = await pdsAgent.com.atproto.repo.putRecord({
+                repo: did,
+                collection: "place.stream.metadata.configuration",
+                rkey,
+                record: metadataRecord,
+            });
+            const contentMetadata = {
+                record: metadataRecord,
+                uri: result.data.uri,
+                cid: result.data.cid || "",
+                rkey,
+            };
+            setContentMetadata(contentMetadata);
+            return contentMetadata;
+        }
+        catch (error) {
+            // If record doesn't exist, create it
+            if (error instanceof Error &&
+                (error.message?.includes("not found") ||
+                    error.message?.includes("RecordNotFound") ||
+                    error.message?.includes("mst: not found") ||
+                    error?.status === 404)) {
+                const createResult = await pdsAgent.com.atproto.repo.createRecord({
+                    repo: did,
+                    collection: "place.stream.metadata.configuration",
+                    rkey,
+                    record: metadataRecord,
+                });
+                const contentMetadata = {
+                    record: metadataRecord,
+                    uri: createResult.data.uri,
+                    cid: createResult.data.cid || "",
+                    rkey,
+                };
+                setContentMetadata(contentMetadata);
+                return contentMetadata;
+            }
+            throw error;
+        }
+    };
+};
+exports.useSaveContentMetadata = useSaveContentMetadata;
+// Simple get function
+const useGetContentMetadata = () => {
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    const did = (0, streamplace_store_1.useDID)();
+    const setContentMetadata = (0, streamplace_store_1.useSetContentMetadata)();
+    return async (params) => {
+        if (!pdsAgent) {
+            throw new Error("No PDS agent available");
+        }
+        const targetDid = params?.userDid || did;
+        if (!targetDid) {
+            throw new Error("No DID provided or user not authenticated");
+        }
+        try {
+            const result = await pdsAgent.com.atproto.repo.getRecord({
+                repo: targetDid,
+                collection: "place.stream.metadata.configuration",
+                rkey: params?.rkey || "self",
+            });
+            if (!result.success) {
+                throw new Error("Failed to get content metadata record");
+            }
+            const contentMetadata = {
+                record: result.data.value,
+                uri: result.data.uri,
+                cid: result.data.cid || "",
+            };
+            setContentMetadata(contentMetadata);
+            return contentMetadata;
+        }
+        catch (error) {
+            // Handle record not found - this is normal for new users
+            if (error instanceof Error &&
+                (error.message?.includes("not found") ||
+                    error.message?.includes("RecordNotFound") ||
+                    error.message?.includes("mst: not found") ||
+                    error?.status === 404)) {
+                return null;
+            }
+            throw error;
+        }
+    };
+};
+exports.useGetContentMetadata = useGetContentMetadata;