- {message}
-
-
- );
-
-return Alert(props);
diff --git a/instances/events-committee.near/widget/devhub/components/atom/Icon.jsx b/instances/events-committee.near/widget/devhub/components/atom/Icon.jsx
deleted file mode 100644
index b9e425dfa..000000000
--- a/instances/events-committee.near/widget/devhub/components/atom/Icon.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-const svgIconsByVariant = {
- floppy_drive: (elementProps) => (
-
- ),
-};
-
-const iconsByType = {
- bootstrap_icon: ({ className, variant, ...otherProps }) => (
-
- ),
-
- svg_icon: ({ variant, ...elementProps }) =>
- svgIconsByVariant[variant](elementProps),
-};
-
-const Icon = ({ type, ...otherProps }) =>
- typeof iconsByType[type] === "function"
- ? iconsByType[type](otherProps)
- : null;
-
-return Icon(props);
diff --git a/instances/events-committee.near/widget/devhub/components/atom/Tag.jsx b/instances/events-committee.near/widget/devhub/components/atom/Tag.jsx
deleted file mode 100644
index d4a8d3216..000000000
--- a/instances/events-committee.near/widget/devhub/components/atom/Tag.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-const black = props.black;
-
-const Span = styled.span`
- color: ${black ? "#818181" : "#00ec97"};
- font-size: 16px;
- font-style: normal;
- font-weight: 700;
- line-height: 20px; /* 125% */
-`;
-
-const Tag = ({ tag }) => {tag};
-
-return Tag(props);
diff --git a/instances/events-committee.near/widget/devhub/components/atom/Toggle.jsx b/instances/events-committee.near/widget/devhub/components/atom/Toggle.jsx
deleted file mode 100644
index f91f10cf0..000000000
--- a/instances/events-committee.near/widget/devhub/components/atom/Toggle.jsx
+++ /dev/null
@@ -1,77 +0,0 @@
-const ToggleRoot = styled.div`
- justify-content: space-between;
- width: fit-content;
- max-width: 100%;
-`;
-
-const ToggleSwitchRoot = styled("Switch.Root")`
- all: unset;
- display: block;
- width: 42px;
- height: 25px;
- background-color: #d1d1d1;
- border-radius: 9999px;
- position: relative;
- box-shadow: 0 2px 10px var(--blackA7);
-
- &[data-state="checked"] {
- background-color: #00d084;
- }
-
- &[data-disabled=""] {
- opacity: 0.7;
- }
-`;
-
-const ToggleSwitchThumb = styled("Switch.Thumb")`
- all: unset;
- display: block;
- width: 21px;
- height: 21px;
- border-radius: 9999px;
- transition: transform 100ms;
- transform: translateX(2px);
- will-change: transform;
-
- &[data-state="checked"] {
- transform: translateX(19px);
- }
-`;
-
-const ToggleLabel = styled.label`
- white-space: nowrap;
-`;
-
-const Toggle = ({
- className,
- direction,
- disabled,
- inputProps,
- key,
- label,
- onChange,
- value: checked,
- ...rest
-}) => (
-
- #{item.blockHeight}: {JSON.stringify(item)}
-
- ));
-const cachedRenderItem = (item, i) => {
- const key = JSON.stringify(item);
-
- if (!(key in state.cachedItems)) {
- state.cachedItems[key] = renderItem(item, i);
- State.update();
- }
- return state.cachedItems[key];
-};
-
-const initialRenderLimit = props.initialRenderLimit ?? 10;
-const addDisplayCount = props.nextLimit ?? initialRenderLimit;
-const reverse = !!props.reverse;
-
-const computeFetchFrom = (items, limit, desc) => {
- if (!items || items.length < limit) {
- return false;
- }
- const blockHeight = items[items.length - 1].blockHeight;
- return desc ? blockHeight - 1 : blockHeight + 1;
-};
-
-const mergeItems = (iIndex, oldItems, newItems, desc) => {
- const index = indices[iIndex];
- const items = [
- ...new Set(
- [
- ...newItems.map((item) => ({
- ...item,
- action: index.action,
- key: index.key,
- index: iIndex,
- })),
- ...oldItems,
- ].map((i) => JSON.stringify(i))
- ),
- ].map((i) => JSON.parse(i));
- items.sort((a, b) => a.blockHeight - b.blockHeight);
- if (desc) {
- items.reverse();
- }
- return items;
-};
-
-const jIndices = JSON.stringify(indices);
-if (jIndices !== state.jIndices) {
- State.update({
- jIndices,
- feeds: indices.map(() => ({})),
- items: [],
- displayCount: initialRenderLimit,
- cachedItems: {},
- });
-}
-
-let stateChanged = false;
-for (let iIndex = 0; iIndex < indices.length; ++iIndex) {
- const index = indices[iIndex];
- const feed = state.feeds[iIndex];
- let feedChanged = false;
- index.options = index.options || {};
- index.options.limit = Math.min(
- Math.max(initialRenderLimit + addDisplayCount * 2, index.options.limit),
- 100
- );
- const desc = index.options.order === "desc";
-
- const initialItems = Social.index(
- index.action,
- index.key,
- index.options,
- index.cacheOptions
- );
- if (initialItems === null) {
- continue;
- }
-
- const jInitialItems = JSON.stringify(initialItems);
- const nextFetchFrom = computeFetchFrom(
- initialItems,
- index.options.limit,
- desc
- );
- if (feed.jInitialItems !== jInitialItems) {
- feed.jInitialItems = jInitialItems;
- feedChanged = true;
- if (nextFetchFrom !== feed.initialNextFetchFrom) {
- feed.fetchFrom = false;
- feed.items = mergeItems(iIndex, [], initialItems, desc);
- feed.initialNextFetchFrom = nextFetchFrom;
- feed.nextFetchFrom = nextFetchFrom;
- } else {
- feed.items = mergeItems(iIndex, feed.items, initialItems, desc);
- }
- }
-
- feed.usedCount = 0;
-
- if (feedChanged) {
- state.feeds[iIndex] = feed;
- stateChanged = true;
- }
-}
-
-// Construct merged feed and compute usage per feed.
-
-const filteredItems = [];
-while (filteredItems.length < state.displayCount) {
- let bestItem = null;
- for (let iIndex = 0; iIndex < indices.length; ++iIndex) {
- const index = indices[iIndex];
- const feed = state.feeds[iIndex];
- const desc = index.options.order === "desc";
- if (!feed.items) {
- continue;
- }
- const item = feed.items[feed.usedCount];
- if (!item) {
- continue;
- }
- if (
- bestItem === null ||
- (desc
- ? item.blockHeight > bestItem.blockHeight
- : item.blockHeight < bestItem.blockHeight)
- ) {
- bestItem = item;
- }
- }
- if (!bestItem) {
- break;
- }
- state.feeds[bestItem.index].usedCount++;
- if (filter) {
- if (filter.ignore) {
- if (bestItem.accountId in filter.ignore) {
- continue;
- }
- }
- if (filter.require) {
- if (!(bestItem.accountId in filter.require)) {
- continue;
- }
- }
- }
- filteredItems.push(bestItem);
-}
-
-// Fetch new items for feeds that don't have enough items.
-for (let iIndex = 0; iIndex < indices.length; ++iIndex) {
- const index = indices[iIndex];
- const feed = state.feeds[iIndex];
- const desc = index.options.order === "desc";
- let feedChanged = false;
-
- if (
- (feed.items.length || 0) - feed.usedCount < addDisplayCount * 2 &&
- !feed.fetchFrom &&
- feed.nextFetchFrom &&
- feed.nextFetchFrom !== feed.fetchFrom
- ) {
- feed.fetchFrom = feed.nextFetchFrom;
- feedChanged = true;
- }
-
- if (feed.fetchFrom) {
- const limit = addDisplayCount;
- const newItems = Social.index(
- index.action,
- index.key,
- Object.assign({}, index.options, {
- from: feed.fetchFrom,
- subscribe: undefined,
- limit,
- })
- );
- if (newItems !== null) {
- feed.items = mergeItems(iIndex, feed.items, newItems, desc);
- feed.fetchFrom = false;
- feed.nextFetchFrom = computeFetchFrom(newItems, limit, desc);
- feedChanged = true;
- }
- }
-
- if (feedChanged) {
- state.feeds[iIndex] = feed;
- stateChanged = true;
- }
-}
-
-if (stateChanged) {
- State.update();
-}
-
-const makeMoreItems = () => {
- State.update({
- displayCount: state.displayCount + addDisplayCount,
- });
-};
-
-const loader = (
-
-
- Loading ...
-
-);
-
-const fetchMore =
- props.manual &&
- (state.feeds.some((f) => !!f.fetchFrom) &&
- filteredItems.length < state.displayCount
- ? loader
- : state.displayCount < filteredItems.length && (
-
- ));
-
-const items = filteredItems ? filteredItems.slice(0, state.displayCount) : [];
-if (reverse) {
- items.reverse();
-}
-
-const renderedItems = items.map(cachedRenderItem);
-
-return props.manual ? (
- <>
- {reverse && fetchMore}
- {renderedItems}
- {!reverse && fetchMore}
-
-) : (
-
-
- );
-};
-
-const repostSvg = (
-
-);
-
-const extractParentPost = (item) => {
- if (!item || item.type !== "social" || !item.path || !item.blockHeight) {
- return undefined;
- }
- const accountId = item.path.split("/")[0];
- return `${accountId}/post/main` === item.path
- ? { accountId, blockHeight: item.blockHeight }
- : undefined;
-};
-
-const renderRepost = (a) => {
- if (a.value.type !== "repost") {
- return false;
- }
- const post = extractParentPost(a.value.item);
- if (!post) {
- return false;
- }
- const item = JSON.stringify(makePostItem(post));
- if (item in renderedPosts) {
- return false;
- }
- renderedPosts[item] = true;
-
- return (
-
-
- );
-};
-
-const renderItem = (item) =>
- item.action === "post" ? renderPost(item) : renderRepost(item);
-return (
-
- {repostSvg}{" "}
-
- Reposted by{" "}
-
- Loading modules...
; -} - -const communities = getFeaturedCommunities(); - -if (!communities) { - returnLoading communities...
; -} - -const [startIndex, setStartIndex] = useState(0); -const [endIndex, setEndIndex] = useState(2); - -const DescriptionHeader = styled.h2` - color: #f4f4f4; - font-size: 1.75rem; - font-style: normal; - font-weight: 700; - line-height: 120%; /* 43.2px */ - - @media screen and (max-width: 786px) { - font-size: 1.5rem; - } -`; - -const Description = styled.p` - color: #f4f4f4; - text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); - font-size: 1.25rem; - font-style: normal; - font-weight: 400; - line-height: 120%; /* 28.8px */ - - @media screen and (max-width: 786px) { - font-size: 1rem; - } -`; - -const imageSource = - "https://ipfs.near.social/ipfs/bafkreic7wxhocbnxoo63uh6n2ur3otykbzouymobt3ebgd2b4dmdiu3764"; - -const CardBody = styled.div` - border-radius: 1rem; - border: 1px solid #00ec97; - background: #3f4040; - - display: flex; - max-width: 31.5%; - height: 12rem; - padding: 1.5rem; - flex-direction: column; - justify-content: center; - align-items: flex-start; - gap: 0.5rem; - flex-shrink: 0; - align-self: stretch; - - h3 { - color: #00ec97; - font-size: 1.5rem; - font-style: normal; - font-weight: 700; - line-height: 100%; /* 40px */ - } - - p { - color: #818181; - font-size: 1.125rem; - font-style: normal; - font-weight: 400; - line-height: 120%; /* 28.8px */ - } - - a { - color: #00ec97; - font-size: 1.25rem; - font-style: normal; - font-weight: 700; - line-height: 120%; /* 28.8px */ - - &:hover { - text-decoration: none; - } - } - - @media screen and (max-width: 768px) { - max-width: 80%; - } -`; - -const Card = ({ title, description, href }) => { - return ( -{title}
-{description}
- Learn more → -{title}
-{description}
- Learn more → -
- {it.links.map((link) => (
-
-
-
- {link.count}
- {" "}
-
- {link.title}
-
-
- ))}
- - Resources - - ), - description: "Learn the fundamentals of NEAR and build with confidence", - cta: { - href: "https://docs.near.org", - title: "Read ↗", - }, - }, - { - heading: <>Office Hours, - description: ( - <> - Need some help? -
DevRel contributors are available to answer your technical - questions - - ), - cta: { - href: "/devhub.near/widget/app?page=community&handle=devrel&tab=office-hours-support", - title: "Join ↗", - }, - }, - { - heading: <>Get Funding, - description: - "Explore funding opportunities from DevHub to fuel your vision", - cta: { - href: "/devhub.near/widget/app?page=community&handle=developer-dao&tab=funding", - title: "Learn more ↗", - }, - }, -]; - -const Circle = styled.div` - display: flex; - width: 18.75rem; - height: 18.75rem; - padding: 2.25rem; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 1rem; - flex-shrink: 0; - - border-radius: 22.5rem; - border: 1px solid #00ec97; - background: #f4f4f4; - - h3 { - color: #101820; - text-align: center; - font-size: 1.75rem; - font-style: normal; - font-weight: 700; - line-height: 100%; /* 36px */ - } - - p { - color: #101820; - text-align: center; - font-size: 1.125rem; - font-style: normal; - font-weight: 400; - line-height: 120%; /* 28.8px */ - letter-spacing: -0.72px; - } - - a { - color: #555555; - font-size: 1.125rem; - font-style: normal; - font-weight: 700; - line-height: 120%; /* 28.8px */ - } -`; - -const Container = styled.div` - padding: 3rem; - padding-top: 0; - margin-top: 1.5rem; - - @media screen and (max-width: 786px) { - padding: 1.5rem; - padding-top: 0; - } -`; - -const ItemsContainer = styled.div` - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - width: 100%; - - flex-wrap: wrap; - gap: 3rem; - - @media screen and (max-width: 768px) { - flex-direction: column; - gap: 1rem; - } -`; - -const Content = ( -
{it.heading}
-{it.description}
- {it.cta.title} -
- {faces.slice(0, 10).map((accountId, i) => (
-
-
-
- ))}
- {faces.length > 10 ? "..." : ""}
-
-
- }
- >
-
- and {numLikes} other{numLikes === 1 ? "" : "s"}
-
- -
badgeIdor
tokenIdto the - DevGovBadgeDetails component - - ); -} - -let badgeMetadata = - props.badgeMetadata ?? - Near.view(nearDevGovBadgesContractId, "get_badge", { - badge_id: badgeId, - }).badge_metadata; - -if (!badgeMetadata) { - return <>Loading...; -} - -return ( - <> -
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/components/molecule/BadgesList.jsx b/instances/events-committee.near/widget/devhub/components/molecule/BadgesList.jsx
deleted file mode 100644
index 296ed7bb4..000000000
--- a/instances/events-committee.near/widget/devhub/components/molecule/BadgesList.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url") || (() => {});
-
-const nearDevGovBadgesContractId = "neardevgov.near";
-
-let badges = props.badges;
-const mode = props.mode || "normal";
-
-if (!badges) {
- const accountId = props.accountId || context.accountId;
- const ownedBadges = Near.view(
- nearDevGovBadgesContractId,
- "nft_tokens_for_owner",
- {
- account_id: accountId,
- }
- );
- if (!ownedBadges) {
- return <>{mode === "compact" ? "" : "Loading..."};
- }
- badges = ownedBadges;
-}
-
-let style;
-if (mode === "normal") {
- style = { width: "3em", height: "3em" };
-} else if (mode === "compact") {
- style = { width: "1.5em", height: "1.5em" };
-}
-if (props.style) {
- style = props.style;
-}
-
-const renderedBadgesList = badges.map(({ token_id: tokenId, metadata }) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - {badgeMetadata.title} -
-
-
-
- Awarded to
- {badgeMetadata.copies}
- developers
-
-
-
- -
- {renderedBadgesList.map((renderedBadge) => (
-
- {renderedBadge} - ))} -
- {props.href ? (
-
-
-
- ) : (
-
- )}
-
-);
diff --git a/instances/events-committee.near/widget/devhub/components/molecule/PostControls.jsx b/instances/events-committee.near/widget/devhub/components/molecule/PostControls.jsx
deleted file mode 100644
index 78b06b062..000000000
--- a/instances/events-committee.near/widget/devhub/components/molecule/PostControls.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-const { className, title, icon, href, onClick } = props;
-
-const Button = styled.button`
- display: flex;
- align-items: center;
- gap: 8px;
-
- border-radius: 4px;
- background: #03ba16;
-
- color: #f4f4f4;
- font-size: 16px;
- font-style: normal;
- font-weight: 700;
- line-height: 20px; /* 125% */
-
- padding: 0.5rem 1rem;
-
- &:hover {
- background: #555555;
- text-decoration: none !important;
- }
-
- outline: none;
- border: none;
-`;
-
-return (
-
- {props.href ? (
-
-
-
- ) : (
-
- )}
-
-);
diff --git a/instances/events-committee.near/widget/devhub/components/organism/Configurator.jsx b/instances/events-committee.near/widget/devhub/components/organism/Configurator.jsx
deleted file mode 100644
index c88bf8e18..000000000
--- a/instances/events-committee.near/widget/devhub/components/organism/Configurator.jsx
+++ /dev/null
@@ -1,316 +0,0 @@
-const Struct = VM.require("${REPL_EVENTS}/widget/core.lib.struct");
-
-if (!Struct) {
- return Loading modules...
; -} - -const useForm = ({ initialValues, onUpdate, stateKey }) => { - const initialFormState = { - hasUnsubmittedChanges: false, - values: initialValues ?? {}, - }; - - const formState = state[stateKey] ?? null; - - const formReset = () => - State.update((lastKnownComponentState) => ({ - ...lastKnownComponentState, - [stateKey]: initialFormState, - hasUnsubmittedChanges: false, - })); - - const formUpdate = - ({ path, via: customFieldUpdate, ...params }) => - (fieldInput) => { - const transformFn = (node) => { - if (typeof customFieldUpdate === "function") { - return customFieldUpdate({ - input: fieldInput?.target?.value ?? fieldInput, - lastKnownValue: node, - params, - }); - } else { - return Struct.defaultFieldUpdate({ - input: fieldInput?.target?.value ?? fieldInput, - lastKnownValue: node, - params, - }); - } - }; - const updatedValues = Struct.deepFieldUpdate( - formState?.values ?? {}, - path, - (node) => transformFn(node) - ); - State.update((lastKnownComponentState) => ({ - ...lastKnownComponentState, - [stateKey]: { - hasUnsubmittedChanges: !Struct.isEqual( - updatedValues, - initialFormState.values - ), - values: updatedValues, - }, - })); - - if (typeof onUpdate === "function") { - onUpdate(updatedValues); - } - }; - - return { - hasUnsubmittedChanges: formState?.hasUnsubmittedChanges ?? false, - values: { - ...(initialValues ?? {}), - ...(formState?.values ?? {}), - }, - reset: formReset, - stateKey, - update: formUpdate, - }; -}; - -const ValueView = styled.div` - & > p { - margin: 0; - } -`; - -const fieldParamsByType = { - array: { - name: "components.molecule.Input", - inputProps: { type: "text" }, - }, - - boolean: { - name: "components.atom.Toggle", - }, - - string: { - name: "components.molecule.Input", - inputProps: { type: "text" }, - }, -}; - -const defaultFieldsRender = ({ schema, form, isEditable }) => ( - <> - {Object.entries(schema).map( - ( - [key, { format, inputProps, noop, label, order, style, ...fieldProps }], - idx - ) => { - const fieldKey = `${idx}-${key}`, - fieldValue = form.values[key]; - - const fieldType = Array.isArray(fieldValue) - ? "array" - : typeof (fieldValue ?? ""); - - const isDisabled = noop ?? inputProps.disabled ?? false; - - const viewClassName = [ - (fieldValue?.length ?? 0) > 0 ? "" : "text-muted", - "m-0", - ].join(" "); - - return ( - <> -
-
-
-
- {format !== "markdown" ? (
-
- {(fieldType === "array" && format === "comma-separated"
- ? fieldValue
- .filter((string) => string.length > 0)
- .join(", ")
- : fieldValue
- )?.toString?.() || "none"}
-
- ) : (fieldValue?.length ?? 0) > 0 ? (
-
-
-
-
- );
-};
-
-return Configurator(props);
diff --git a/instances/events-committee.near/widget/devhub/components/organism/Feed.jsx b/instances/events-committee.near/widget/devhub/components/organism/Feed.jsx
deleted file mode 100644
index a238bbf0c..000000000
--- a/instances/events-committee.near/widget/devhub/components/organism/Feed.jsx
+++ /dev/null
@@ -1,130 +0,0 @@
-const { Feed } = VM.require("${REPL_DEVS}/widget/Feed");
-Feed = Feed || (() => <>);
-const setPostExists = props.setPostExists ?? (() => {});
-const showFlagAccountFeature = props.showFlagAccountFeature ?? false;
-
-const filteredAccountIds = props.filteredAccountIds ?? [];
-
-const GRAPHQL_ENDPOINT =
- props.GRAPHQL_ENDPOINT ?? "https://near-queryapi.api.pagoda.co";
-
-let lastPostSocialApi = Social.index("post", "main", {
- limit: 1,
- order: props.sort ? props.sort : "desc",
-});
-
-if (lastPostSocialApi == null) {
- return "Loading...";
-}
-
-State.init({
- // If QueryAPI Feed is lagging behind Social API, fallback to old widget.
- shouldFallback: false,
-});
-
-function fetchGraphQL(operationsDoc, operationName, variables) {
- return asyncFetch(`${GRAPHQL_ENDPOINT}/v1/graphql`, {
- method: "POST",
- headers: { "x-hasura-role": "dataplatform_near" },
- body: JSON.stringify({
- query: operationsDoc,
- variables: variables,
- operationName: operationName,
- }),
- });
-}
-
-const lastPostQuery = `
-query IndexerQuery {
- dataplatform_near_social_feed_posts( limit: 1, order_by: { block_height: desc }) {
- block_height
- }
-}
-`;
-
-fetchGraphQL(lastPostQuery, "IndexerQuery", {})
- .then((feedIndexerResponse) => {
- if (
- feedIndexerResponse &&
- feedIndexerResponse.body.data.dataplatform_near_social_feed_posts.length >
- 0
- ) {
- const nearSocialBlockHeight = lastPostSocialApi[0].blockHeight;
- const feedIndexerBlockHeight =
- feedIndexerResponse.body.data.dataplatform_near_social_feed_posts[0]
- .block_height;
-
- const lag = nearSocialBlockHeight - feedIndexerBlockHeight;
- let shouldFallback = lag > 2 || !feedIndexerBlockHeight;
- if (shouldFallback === true) {
- console.log(
- "Falling back to Social index feed. Block difference is: ",
- nearSocialBlockHeight - feedIndexerBlockHeight
- );
- State.update({ shouldFallback });
- }
- } else {
- console.log(
- "Falling back to Social index feed. No QueryApi data received."
- );
- State.update({ shouldFallback: true });
- }
- })
- .catch((error) => {
- console.log(
- "Error while fetching QueryApi feed (falling back to index feed): ",
- error
- );
- State.update({ shouldFallback: true });
- });
-
-return (
-
- {fieldsRender({
- form,
- isEditable: isActive,
- schema,
- })}
-
- {isActive && !hideSubmitBtn && (
-
- {actionsAdditional ? (
-
- )}
- {actionsAdditional}
- ) : null}
-
-
- {state.shouldFallback ? (
- {
- setPostExists(true);
-
- return (
-
-);
diff --git a/instances/events-committee.near/widget/devhub/components/organism/Feed/NearQueryApi.jsx b/instances/events-committee.near/widget/devhub/components/organism/Feed/NearQueryApi.jsx
deleted file mode 100644
index 0781048ac..000000000
--- a/instances/events-committee.near/widget/devhub/components/organism/Feed/NearQueryApi.jsx
+++ /dev/null
@@ -1,275 +0,0 @@
-const LIMIT = 10;
-const filteredAccountIds = props.filteredAccountIds;
-const setPostExists = props.setPostExists ?? (() => {});
-const GRAPHQL_ENDPOINT =
- props.GRAPHQL_ENDPOINT ?? "https://near-queryapi.api.pagoda.co";
-
-const sort = props.sort || "desc";
-
-// get the full list of posts that the current user has flagged so
-// they can be hidden
-const selfFlaggedPosts = context.accountId
- ? Social.index("flag", "main", {
- accountId: context.accountId,
- }) ?? []
- : [];
-
-// V2 self moderation data, structure is like:
-// { moderate: {
-// "account1.near": "report",
-// "account2.near": {
-// ".post.main": { // slashes are not allowed in keys
-// "100000123": "spam", // post ids are account/blockHeight
-// }
-// },
-// }
-// }
-const selfModeration = context.accountId
- ? Social.getr(`${context.accountId}/moderate`, "optimistic") ?? []
- : [];
-const postsModerationKey = ".post.main";
-const commentsModerationKey = ".post.comment";
-const matchesModeration = (moderated, socialDBObjectType, item) => {
- if (!moderated) return false;
- const accountFound = moderated[item.account_id];
- if (typeof accountFound === "undefined") {
- return false;
- }
- if (typeof accountFound === "string" || accountFound[""]) {
- return true;
- }
- const moderatedItemsOfType = accountFound[socialDBObjectType];
- return (
- moderatedItemsOfType &&
- typeof moderatedItemsOfType[item.block_height] !== "undefined"
- );
-};
-
-const shouldFilter = (item, socialDBObjectType) => {
- return (
- selfFlaggedPosts.find((flagged) => {
- return (
- flagged?.value?.blockHeight === item.block_height &&
- flagged?.value?.path.includes(item.account_id)
- );
- }) || matchesModeration(selfModeration, socialDBObjectType, item)
- );
-};
-function fetchGraphQL(operationsDoc, operationName, variables) {
- return asyncFetch(`${GRAPHQL_ENDPOINT}/v1/graphql`, {
- method: "POST",
- headers: { "x-hasura-role": "dataplatform_near" },
- body: JSON.stringify({
- query: operationsDoc,
- variables: variables,
- operationName: operationName,
- }),
- });
-}
-
-const createQuery = (type, isUpdate) => {
- let querySortOption = "";
- switch (sort) {
- case "recentcommentdesc":
- querySortOption = `{ last_comment_timestamp: desc_nulls_last },`;
- break;
- default:
- querySortOption = "";
- }
-
- let queryFilter = "";
- let timeOperation = "_lte";
- if (isUpdate) {
- timeOperation = "_gt";
- }
-
- const queryTime = initialQueryTime ? initialQueryTime : Date.now() * 1000000;
-
- if (filteredAccountIds) {
- queryFilter = `where: {
- _and: [
- {account_id: {_in: "${filteredAccountIds}"}},
- {block_timestamp: {${timeOperation}: ${queryTime}}}
- ]
- }, `;
- } else {
- queryFilter = `where: {
- _and: [
- {block_timestamp: {${timeOperation}: ${queryTime}}}
- ]
- }, `;
- }
-
- return `
-query FeedQuery($offset: Int, $limit: Int) {
- dataplatform_near_social_feed_moderated_posts(${queryFilter} order_by: [${querySortOption} { block_height: desc }], offset: $offset, limit: $limit) {
- account_id
- block_height
- block_timestamp
- content
- receipt_id
- accounts_liked
- last_comment_timestamp
- comments(order_by: {block_height: asc}) {
- account_id
- block_height
- block_timestamp
- content
- }
- verifications {
- human_provider
- human_valid_until
- human_verification_level
- }
-
- }
- dataplatform_near_social_feed_moderated_posts_aggregate(${queryFilter} order_by: {id: asc}) {
- aggregate {
- count
- }
- }
-}
-`;
-};
-
-const loadMorePosts = (isUpdate) => {
- const queryName = "FeedQuery";
-
- if (!isUpdate) {
- setIsLoading(true);
- }
- const offset = isUpdate ? 0 : postsData.posts.length;
- const limit = isUpdate ? 100 : LIMIT;
- const query = createQuery("", isUpdate);
- fetchGraphQL(query, queryName, {
- offset: offset,
- limit: limit,
- }).then((result) => {
- if (result.status === 200 && result.body) {
- if (result.body.errors) {
- console.log("error:", result.body.errors);
- return;
- }
- let data = result.body.data;
- if (data) {
- const newPosts = data.dataplatform_near_social_feed_moderated_posts;
- const postsCountLeft =
- data.dataplatform_near_social_feed_moderated_posts_aggregate.aggregate
- .count;
- if (newPosts.length > 0) {
- let filteredPosts = newPosts.filter(
- (i) => !shouldFilter(i, postsModerationKey)
- );
- filteredPosts = filteredPosts.map((post) => {
- const prevComments = post.comments;
- const filteredComments = prevComments.filter(
- (comment) => !shouldFilter(comment, commentsModerationKey)
- );
- post.comments = filteredComments;
- return post;
- });
-
- if (isUpdate) {
- setNewUnseenPosts(filteredPosts);
- } else {
- setPostsData({
- posts: [...postsData.posts, ...filteredPosts],
- postsCountLeft,
- });
- setIsLoading(false);
- }
- }
- }
- }
- if (!isUpdate && initialQueryTime === null) {
- const newTime =
- postsData.posts && postsData.posts[0]
- ? postsData.posts[0].block_timestamp
- : Date.now() * 1000000;
- setInitialQueryTime(newTime + 1000);
- }
- });
-};
-
-const startFeedUpdates = () => {
- if (initialQueryTime === null) return;
-
- clearInterval(feedInterval);
- const newFeedInterval = setInterval(() => {
- loadMorePosts(true);
- }, 5000);
- setFeedInterval(newFeedInterval);
-};
-
-const stopFeedUpdates = () => {
- clearInterval(feedInterval);
-};
-
-const [initialized, setInitialized] = useState(false);
-const [initialQueryTime, setInitialQueryTime] = useState(null);
-const [feedInterval, setFeedInterval] = useState(null);
-const [newUnseenPosts, setNewUnseenPosts] = useState([]);
-const [postsData, setPostsData] = useState({ posts: [], postsCountLeft: 0 });
-const [isLoading, setIsLoading] = useState(false);
-
-useEffect(() => {
- loadMorePosts(false);
-}, []);
-
-useEffect(() => {
- if (postsData.posts.length > 0) {
- setPostExists(true);
- }
-}, [postsData]);
-
-useEffect(() => {
- if (initialQueryTime === null) {
- clearInterval(feedInterval);
- } else {
- startFeedUpdates();
- }
-}, [initialQueryTime]);
-
-useEffect(() => {
- if (newUnseenPosts && newUnseenPosts.length > 0) {
- stopFeedUpdates();
- const initialQueryTime = newUnseenPosts[0].block_timestamp + 1000; // timestamp is getting rounded by 3 digits
- const newTotalCount = postsData.postsCountLeft + newUnseenPosts.length;
- setPostsData({
- posts: [...newUnseenPosts, ...postsData.posts],
- postsCountLeft: newTotalCount,
- });
- if (props.onNewUnseenPosts) {
- props.onNewUnseenPosts(newUnseenPosts);
- }
- setNewUnseenPosts([]);
- setInitialQueryTime(initialQueryTime);
- }
-}, [newUnseenPosts]);
-
-const hasMore =
- postsData.postsCountLeft !== postsData.posts.length &&
- postsData.posts.length > 0;
-
-if (!initialized && sort) {
- setInitialized(true);
-}
-
-return (
- <>
- - opportunities, and insights from the ecosystem in your inbox. -
{title}
-{subtitle}
- {formattedDate} -Loading...
;
-}
-
-const Container = styled.div`
- display: flex;
- flex-direction: column;
- width: 100%;
- padding: 20px;
-`;
-
-const Item = styled.div`
- padding: 10px;
- margin: 5px;
- display: flex;
- align-items: center;
- flex-direction: row;
- gap: 10px;
-`;
-
-const EditableField = styled.input`
- flex: 1;
-`;
-
-const initialData = data;
-
-return (
-
- {(props.renderItem && props.renderItem(postId)) ||
-);
-
-const cachedRenderItem = (postId) => {
- if (!(postId in cachedItems)) {
- cachedItems[postId] = renderItem(postId);
- setCachedItems({ ...cachedItems });
- }
- return cachedItems[postId];
-};
-
-return (
- Post {postId}
}
- No posts
- )} -
-
-
- )}
- {category && {category}}
- {title}
-{subtitle}
- {formattedDate} -{description}
-
- {!hideTitle && Latest Blog Posts }
- {children} ,
- }}
- />
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/blog/editor/content.jsx b/instances/events-committee.near/widget/devhub/entity/addon/blog/editor/content.jsx
deleted file mode 100644
index 09ff9af30..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/blog/editor/content.jsx
+++ /dev/null
@@ -1,263 +0,0 @@
-const { Card } =
- VM.require("${REPL_EVENTS}/widget/devhub.entity.addon.blog.Card") ||
- (() => <>);
-const { Page } =
- VM.require("${REPL_EVENTS}/widget/devhub.entity.addon.blog.Page") ||
- (() => <>);
-
-const categories = [
- {
- label: "Guide",
- value: "guide",
- },
- {
- label: "News",
- value: "news",
- },
- {
- label: "Reference",
- value: "reference",
- },
-];
-
-const selectOptions = useMemo(
- () =>
- categories.map((it) => ({
- label: it.label,
- value: it.value,
- })),
- [categories]
-);
-
-const Banner = styled.div`
- border-radius: var(--bs-border-radius-xl) !important;
- height: 100%;
-
- & > div :not(.btn) {
- position: absolute;
- display: none;
- margin: 0 !important;
- width: 0 !important;
- height: 0 !important;
- }
-
- .btn {
- padding: 0.5rem 0.75rem !important;
- min-height: 32;
- line-height: 1;
-
- border: none;
- border-radius: 50px;
- --bs-btn-color: #ffffff;
- --bs-btn-bg: #087990;
- --bs-btn-border-color: #087990;
- --bs-btn-hover-color: #ffffff;
- --bs-btn-hover-bg: #055160;
- --bs-btn-hover-border-color: #055160;
- --bs-btn-focus-shadow-rgb: 49, 132, 253;
- --bs-btn-active-color: #ffffff;
- --bs-btn-active-bg: #055160;
- --bs-btn-active-border-color: #055160;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- opacity: 0.8;
-
- &:hover {
- opacity: 1;
- }
- }
-`;
-
-const { data, handle, onSubmit } = props;
-
-const initialData = data;
-
-const [content, setContent] = useState(initialData.content || "");
-const [title, setTitle] = useState(initialData.title || "");
-const [subtitle, setSubtitle] = useState(initialData.subtitle || "");
-const [description, setDescription] = useState(initialData.description || "");
-const [author, setAuthor] = useState(initialData.author || "");
-const [previewMode, setPreviewMode] = useState("card"); // "card" or "page"
-const [date, setDate] = useState(initialData.date || new Date());
-const [category, setCategory] = useState("guide");
-
-const Container = styled.div`
- width: 100%;
- margin: 0 auto;
- padding: 20px;
- text-align: left;
-`;
-
-const hasDataChanged = () => {
- return (
- content !== initialData.content ||
- title !== initialData.title ||
- author !== initialData.author ||
- subtitle !== initialData.subtitle ||
- description !== initialData.description ||
- date !== initialData.date ||
- category !== initialData.category
- );
-};
-
-const handlePublish = () => {
- onSubmit &&
- onSubmit(
- {
- id: data.id || undefined,
- title,
- subtitle,
- description,
- date,
- content,
- author,
- category,
- community: handle,
- },
- data.id !== undefined
- );
-};
-
-function Preview() {
- switch (previewMode) {
- case "card": {
- return (
- -
-
- - - -
- - - -
-
-
-
-
-
-
-
-
- setPreviewMode(e.target.value),
- options: [
- { label: "Card", value: "card" },
- { label: "Page", value: "page" },
- ],
-
- title: "Preview mode selection",
- }}
- />
-
-
-
-
-
- );
-};
-const SubtitleInput = ({ subtitle, setSubtitle }) => {
- return (
- Title
-
- setTitle(e.target.value),
- value: title,
- placeholder: "Title",
- inputProps: { name: "title" },
- }}
- />
-
-
-
- );
-};
-
-const CategorySelect = ({ options, category, setCategory }) => {
- return (
- Subtitle
-
- setSubtitle(e.target.value),
- value: subtitle,
- placeholder: "Subtitle",
- inputProps: { name: "subtitle" },
- }}
- />
-
-
-
- );
-};
-
-const DescriptionInput = ({ description, setDescription }) => {
- return (
- Category
-
- setCategory(e.target.value),
- placeholder: "Select a category",
- }}
- />
-
-
-
- );
-};
-
-const AuthorInput = ({ author, setAuthor }) => {
- return (
- Description
-
- setDescription(e.target.value),
- value: description,
- placeholder: "Description",
- inputProps: { name: "description" },
- }}
- />
-
-
-
- );
-};
-
-const DateInput = ({ date, setDate }) => {
- return (
- Author
-
- setAuthor(e.target.value),
- value: author,
- placeholder: "Author",
- inputProps: { name: "author" },
- }}
- />
-
-
-
- );
-};
-
-const ContentEditor = ({ content, setContent }) => {
- return (
- Date
- setDate(e.target.value)} - /> -
-
- );
-};
-
-return (
- Content
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/blog/editor/provider.jsx b/instances/events-committee.near/widget/devhub/entity/addon/blog/editor/provider.jsx
deleted file mode 100644
index 9f6aa5a07..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/blog/editor/provider.jsx
+++ /dev/null
@@ -1,140 +0,0 @@
-const { getPost } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-) || { getPost: () => {} };
-
-const { Layout, handle } = props;
-
-const QUERYAPI_ENDPOINT = `https://near-queryapi.api.pagoda.co/v1/graphql/`;
-
-const fetchGraphQL = (operationsDoc, operationName, variables) => {
- return fetch(QUERYAPI_ENDPOINT, {
- method: "POST",
- headers: { "x-hasura-role": `bo_near` },
- body: JSON.stringify({
- query: operationsDoc,
- variables: variables,
- operationName: operationName,
- }),
- });
-};
-
-const queryName =
- props.queryName ?? `bo_near_devhub_v38_posts_with_latest_snapshot`;
-
-const query = `query DevhubPostsQuery($limit: Int = 100, $offset: Int = 0, $where: ${queryName}_bool_exp = {}) {
- ${queryName}(
- limit: $limit
- offset: $offset
- order_by: {block_height: desc}
- where: $where
- ) {
- post_id
- }
- }
-`;
-
-const includeLabels = ["blog", handle];
-
-const buildWhereClause = () => {
- let where = {};
- if (props.author) {
- where = { author_id: { _eq: props.author }, ...where };
- }
- if (props.term) {
- where = { description: { _ilike: `%${props.term}%` }, ...where };
- }
- if (includeLabels && Array.isArray(includeLabels)) {
- const labelConditions = includeLabels.map((label) => ({
- labels: { _contains: label },
- }));
-
- where = { _and: [...labelConditions, where] };
- }
- if (props.excludeLabels && Array.isArray(props.excludeLabels)) {
- const labelConditions = props.excludeLabels.map((label) => ({
- labels: { _nin: label },
- }));
-
- where = { _and: [...labelConditions, where] };
- }
- if (!props.recency) {
- where = { parent_id: { _is_null: true }, ...where };
- }
- return where;
-};
-
-const variables = { limit: DISPLAY_COUNT, offset, where: buildWhereClause() };
-
-const posts = fetch(QUERYAPI_ENDPOINT, {
- method: "POST",
- headers: { "x-hasura-role": `bo_near` },
- body: JSON.stringify({
- query: query,
- variables: variables,
- operationName: "DevhubPostsQuery",
- }),
-});
-
-const handleOnChange = (v) => {
- console.log("onChange", v);
-};
-
-const handleGetData = (v) => {
- const postId = parseInt(v);
- return Near.asyncView("${REPL_DEVHUB_LEGACY}", "get_post", {
- post_id: postId,
- }).then((post) => {
- const description = JSON.parse(post.snapshot.description || "null") || {};
- return {
- id: postId,
- ...description,
- };
- });
-};
-
-const handleOnSubmit = (v, isEdit) => {
- if (isEdit) {
- Near.call({
- contractName: "${REPL_DEVHUB_LEGACY}",
- methodName: "edit_post",
- args: {
- id: parseInt(v.id),
- labels: ["blog", handle],
- body: {
- post_type: "Comment",
- description: JSON.stringify(v),
- comment_version: "V2",
- },
- },
- gas: Big(10).pow(14),
- });
- } else {
- Near.call({
- contractName: "${REPL_DEVHUB_LEGACY}",
- methodName: "add_post",
- args: {
- labels: ["blog", handle],
- body: {
- post_type: "Comment",
- description: JSON.stringify(v),
- comment_version: "V2",
- },
- },
- gas: Big(10).pow(14),
- });
- }
-};
-
-const handleOnCancel = (v) => {
- console.log("onCancel", v);
-};
-
-return (
-
-
-
-
- Blog posts
-Loading ...
;
-}
-
-const Template = template || (() => <>);
-
-return ;
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/Card.jsx b/instances/events-committee.near/widget/devhub/entity/addon/blogv2/Card.jsx
deleted file mode 100644
index 93e31ac6a..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/Card.jsx
+++ /dev/null
@@ -1,77 +0,0 @@
-function Card({ data }) {
- const { category, title, description, publishedAt: date, id } = data;
-
- const Container = styled.div`
- min-height: 12.5rem;
- height: 100%;
- display: flex;
- padding: 1rem;
- flex-direction: column;
- align-items: flex-start;
- gap: 1rem;
- flex-shrink: 0;
-
- border-radius: 1rem;
- border: 1px solid rgba(129, 129, 129, 0.3);
- background: #fffefe;
-
- h5 {
- margin: 0;
- color: #151515;
- font-size: 1.5rem;
- font-style: normal;
- font-weight: 700;
- line-height: 110%; /* 39.6px */
- }
-
- ${category &&
- `
- span.category {
- color: ${
- category.toLowerCase() === "news"
- ? "#F40303"
- : category.toLowerCase() === "guide"
- ? "#004BE1"
- : category.toLowerCase() === "reference" && "#FF7A00"
- };
- font-size: 1rem;
- font-style: normal;
- font-weight: 700;
- line-height: 20px; /* 125% */
- text-transform: uppercase;
- }
- `}
-
- span.date {
- color: #818181;
- font-size: 16px;
- font-style: normal;
- font-weight: 400;
- line-height: 20px; /* 125% */
- margin-top: auto;
- }
-
- p {
- margin: 0;
- color: #151515;
- font-size: 1rem;
- font-style: normal;
- font-weight: 400;
- line-height: 120%; /* 28.8px */
- }
- `;
-
- const options = { year: "numeric", month: "short", day: "numeric" };
- const formattedDate = new Date(date).toLocaleString("en-US", options);
-
- return (
- {title}
-{description}
- {formattedDate} -Loading...
;
-}
-
-const Container = styled.div`
- display: flex;
- flex-direction: column;
- width: 100%;
-
- @media screen and (max-width: 768px) {
- padding: 20px 5px;
- }
-`;
-
-const css = fetch("https://floatui.com/tailwind.css").body;
-if (!css) return "";
-const Tailwind = styled.div`
- ${css}
-
- .bg-devhub-green {
- background-color: rgb(4, 164, 110);
- }
-
- .bg-devhub-green-light {
- background-color: rgba(212, 236, 227, 0.2);
- }
-
- .text-devhub-green {
- color: rgb(4, 164, 110);
- }
-
- .text-devhub-gray {
- color: #6c757d;
- }
-
- .hover\:bg-devhub-green-transparent:hover {
- background-color: rgba(4, 164, 110, 0.8) !important;
- }
-
- .w-40 {
- width: 10rem;
- }
-
- .hover-bg-slate-300:hover {
- background-color: rgb(244, 244, 244);
- }
-`;
-
-if (permissions.can_configure !== true) {
- return (
-
-
- );
-}
-
-return (
- - You don't have permission to configure this blog. -
-
-
-
- )}
- {category && {category}}
- {title}
-{subtitle}
-
- {author &&
- {author}
}
- {formattedDate}
- {description}
-Loading modules...
; -} - -const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url") || (() => {}); - -const { - data, - handle, - hideTitle, - communityAddonId, - setAddonView, - transactionHashes, - permissions, -} = props; - -const Grid = styled.div` - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 1rem; - - @media screen and (max-width: 768px) { - display: flex; - flex-direction: column; - gap: 1rem; - } -`; - -const Heading = styled.h3` - color: #151515; - font-size: 2rem; - font-style: normal; - font-weight: 700; - line-height: 120%; /* 48px */ - margin-bottom: 2rem; - - @media screen and (max-width: 768px) { - font-size: 1.5rem; - } -`; - -const CardContainer = styled.div` - transition: all 300ms; - border-radius: 1rem; - height: 100%; - - &:hover { - box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), - 0 4px 6px -4px rgb(0 0 0 / 0.1); - } -`; - -if (!handle) { - returnMissing handle
;
-}
-
-const [blogPostQueryString, setBlogPostQueryString] = useState("");
-const [blogPostFilterCategory, setBlogPostFilterCategory] = useState("");
-
-const blogPostQueryStringLowerCase = blogPostQueryString
- ? blogPostQueryString.toLowerCase().trim()
- : "";
-
-let blogData = Social.get([`${handle}.community.devhub.near/blog/**`], "final");
-
-const categories = {
- none: {
- label: "None",
- value: "",
- },
-};
-
-function flattenBlogObject(blogsObject) {
- if (!blogsObject) return [];
- return (
- Object.keys(blogsObject)
- .map((key) => {
- return {
- ...blogsObject[key].metadata,
- id: key,
- content: blogsObject[key][""],
- };
- })
- // Show only published blogs
- .filter((blog) => blog.status === "PUBLISH")
- .map((flattenedBlog) => {
- if (!categories[flattenedBlog.category]) {
- console.log("flattenedBlog.category", flattenedBlog.category);
- categories[flattenedBlog.category] = {
- label: flattenedBlog.category,
- value: flattenedBlog.category,
- };
- }
- return flattenedBlog;
- })
- // Every instance of the blog tab has its own blogs
- .filter((blog) => blog.communityAddonId === communityAddonId)
- .filter(
- (flattenedBlog) =>
- !blogPostQueryStringLowerCase ||
- flattenedBlog.content
- ?.toLowerCase()
- .includes(blogPostQueryStringLowerCase) ||
- flattenedBlog.title
- ?.toLowerCase()
- .includes(blogPostQueryStringLowerCase) ||
- flattenedBlog.subtitle
- ?.toLowerCase()
- .includes(blogPostQueryStringLowerCase)
- )
- .filter(
- (flattenedBlog) =>
- !blogPostFilterCategory ||
- flattenedBlog.category === blogPostFilterCategory
- )
- );
-}
-
-if (transactionHashes) {
- // Fetch new blog data
- const subscribeToBlogForNextFifteenSec = (tries) => {
- console.log("Trying to fetch new blog data");
- let newBlogData = Social.get(
- [`${handle}.community.devhub.near/blog/**`],
- "final"
- );
- if (tries >= 5) {
- // If we have tried 5 times, just use the data we have for example onBlogUpdate
- blogData = newBlogData;
- return;
- }
- // Check the number of blogs in this instance with a different status
- if (
- flattenBlogObject(newBlogData).length !==
- flattenBlogObject(blogData).length
- ) {
- blogData = newBlogData;
- } else {
- setTimeout(() => {
- subscribeToBlogForNextFifteenSec(tries + 1);
- }, 3000);
- }
- };
- // After a second subscribe to the blog data
- setTimeout(() => {
- subscribeToBlogForNextFifteenSec(0);
- }, 1000);
-}
-
-const processedData = flattenBlogObject(blogData)
- // Sort by published date
- .sort((blog1, blog2) => {
- return new Date(blog2.publishedAt) - new Date(blog1.publishedAt);
- });
-
-function BlogCardWithLink(flattenedBlog) {
- return (
-
- {BlogCard(flattenedBlog)}
-
- );
-}
-
-function NoBlogCard() {
- return (
- setAddonView("configure")} className="min-vh-100">
-
- );
-}
-
-function BlogCard(flattenedBlog) {
- return (
-
- {BlogCard({
- category: "",
- title: "No blogs yet",
- description: "Click here to add your first blog!",
- publishedAt: new Date().toISOString(),
- id: "new",
- })}
-
-
- {
- setBlogPostQueryString(e.target.value);
- },
- inputProps: {
- prefix: ,
- },
- }}
- />
-
- ),
- []
-);
-
-const categoryInput = useMemo(() => {
- const options = Object.values(categories);
-
- return (
-
- {
- setBlogPostFilterCategory(selectedCategory.value);
- },
- }}
- />
-
- );
-}, [categories]);
-
-if (!processedData || processedData.length === 0) {
- return (
-
-
- {"This blog isn't configured yet."}
-
-
- );
-}
-
-return (
-
- {"This blog isn't configured yet."}
-
- {permissions.can_configure
- ? "Go to settings to configure your blog or create your first post."
- : ""}
-
-
- {!hideTitle && Latest Blog Posts }
-
- {processedData &&
- processedData.map((flattenedBlog) => BlogCardWithLink(flattenedBlog))}
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/BlogOverview.jsx b/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/BlogOverview.jsx
deleted file mode 100644
index 54dcfecc8..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/BlogOverview.jsx
+++ /dev/null
@@ -1,106 +0,0 @@
-// Pagination not necessary since it won't be too many blogs per community
-// a few hundred widgets per account are also not a problem
-const { data, editPostId, handleItemClick, selectedItem } = props;
-
-const options = { year: "numeric", month: "short", day: "numeric" };
-const formattedDate = (date) => new Date(date).toLocaleString("en-US", options);
-
-const blogData = [
- {
- id: "new",
- title: "New Blog Post",
- status: "DRAFT",
- createdAt: new Date().toISOString().slice(0, 10),
- updatedAt: new Date().toISOString().slice(0, 10),
- publishedAt: "yyyy-MM-dd",
- content: "",
- author: "",
- description: "",
- subtitle: "",
- },
- ...data,
-];
-
-return (
-
- {data.searchEnabled ? searchInput : ""}
- {data.categoriesEnabled ? categoryInput : ""}
-
- | - Name - | - {props.hideColumns ? null : ( - <> -- Status - | -- Created - | -- Updated - | -- Visible Publish Date - | - - )} -
|---|---|---|---|---|
|
-
- {it.title}
-
- |
-
- {props.hideColumns ? null : (
- <>
- - - {it.status == "PUBLISH" ? "Published" : "Draft"} - - | -{formattedDate(it.createdAt)} | -{formattedDate(it.updatedAt)} | -{formattedDate(it.publishedAt)} | - - )} -
-
- onSubmitSettings(),
- testId: "save-settings-button",
- }}
- />
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/CategoryDropdown.jsx b/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/CategoryDropdown.jsx
deleted file mode 100644
index 4bf650820..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/CategoryDropdown.jsx
+++ /dev/null
@@ -1,153 +0,0 @@
-const { selectedValue, onChange, disabled } = props;
-
-onChange = onChange || (() => {});
-
-const options = [
- {
- title: "Guide",
- description: "",
- value: "guide",
- },
- {
- title: "News",
- description: "",
- value: "news",
- },
- {
- title: "Reference",
- description: "",
- value: "reference",
- },
-];
-
-const [isOpen, setIsOpen] = useState(false);
-const [selectedOptionValue, setSelectedValue] = useState(selectedValue);
-
-const toggleDropdown = () => {
- setIsOpen(!isOpen);
-};
-
-useEffect(() => {
- if (selectedValue && selectedValue !== selectedOptionValue) {
- setSelectedValue(selectedValue);
- }
-}, [selectedValue]);
-
-useEffect(() => {
- if (selectedValue !== selectedOptionValue) {
- onChange(selectedOptionValue);
- }
-}, [selectedOptionValue]);
-
-const handleOptionClick = (option) => {
- setSelectedValue(option.value);
- setIsOpen(false);
-};
-
-const Container = styled.div`
- .drop-btn {
- width: 100%;
- text-align: left;
- padding-inline: 10px;
- }
-
- .dropdown-toggle:after {
- position: absolute;
- top: 46%;
- right: 2%;
- }
-
- .dropdown-menu {
- width: 100%;
- }
-
- .dropdown-item.active,
- .dropdown-item:active {
- background-color: #f0f0f0 !important;
- color: black;
- }
-
- .disabled {
- background-color: #f8f8f8 !important;
- cursor: not-allowed !important;
- border-radius: 5px;
- opacity: inherit !important;
- }
-
- .disabled.dropdown-toggle::after {
- display: none !important;
- }
-
- .custom-select {
- position: relative;
- }
-
- .selected {
- background-color: #f0f0f0;
- }
-
- .cursor-pointer {
- cursor: pointer;
- }
-
- .text-wrap {
- overflow: hidden;
- white-space: normal;
- }
-`;
-
-const Item = ({ option }) => {
- if (!option) {
- return Select Category
;
- }
- return (
-
-
- );
-};
-
-const selectedOption =
- options.find((item) => item.value === selectedOptionValue) ?? null;
-
-return (
-
-
- {option.title}
- setIsOpen(false)}
- >
-
-
-
-
- {isOpen && (
-
-
-
-
- )}
-
- {options.map((option) => (
-
- handleOptionClick(option)}
- >
-
- ))}
- {props.title}
-
-
- setDraftBtnOpen(false)}
- >
-
-
-
-
- {isDraftBtnOpen && (
-
- !shouldBeDisabled() && handleSubmit(selectedOption.value)
- }
- className="py-2.5 px-2 d-flex gap-2 align-items-center "
- data-testid="submit-blog-button"
- >
- {submittedBlogData ? (
- LoadingButtonSpinner
- ) : (
-
- )}
-
- {selectedOption.label}
-
-
-
-
- {btnOptions.map((option) => (
-
- )}
- handleOptionClick(option)}
- data-testid={"submit-button-option-" + option.value}
- >
-
- ))}
-
-
-
- {option.label}
- {option.description}
-
-
-
-
-
-
-
-
-
-
-
-
- - Status:{" "} - - {initialData.status === "PUBLISH" ? ( - - Published - - ) : ( - <>Draft - )} - -
-
- {previewMode === "edit" && (
-
- )}
- {previewMode === "preview" && (
-
-
-
- {data.id ? (
- <>
- setDeleteModal(false),
- onConfirmClick: () => {
- setDeleteModal(false);
- handleDelete();
- },
- title: "Are you sure you want to delete this blog?",
- content: "This will permanently remove your blog.",
- confirmLabel: "Ready to Delete",
- cancelLabel: "Cancel",
- }}
- />
-
- Delete
-
- ),
- testId: "delete-blog-button",
- disabled: submittedBlogDeleted,
- onClick: () => setDeleteModal(true),
- }}
- />
-
- ) : null}
-
-
-
-
- )}
-
-
- {heading}
- {description && (
-
- );
-};
-
-const TitleComponent = useMemo(() => {
- return (
- {description}
- )}
- {children}
-
- {showScreen === "settings" ? (
- setShowScreen("overview")} />
- ) : (
- <>
- {showScreen === "editor" ? null : (
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/provider.jsx b/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/provider.jsx
deleted file mode 100644
index 38715f706..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/blogv2/editor/provider.jsx
+++ /dev/null
@@ -1,120 +0,0 @@
-const { getPost, setCommunitySocialDB } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-);
-
-const { generateRandom6CharUUID } = VM.require(
- "${REPL_EVENTS}/widget/core.lib.stringUtils"
-);
-
-generateRandom6CharUUID || (generateRandom6CharUUID = () => {});
-
-const { Layout, handle, communityAddonId } = props;
-
-setCommunitySocialDB = setCommunitySocialDB || (() => <>);
-getPost = getPost || (() => <>);
-
-const handleGetData = (v) => {
- const id = transformString(v.title);
- return blogData[id] || {};
-};
-
-const blogData =
- Social.get([`${handle}.community.devhub.near/blog/**`], "final") || {};
-
-// Show only published blogs
-const processedData = Object.keys(blogData)
- .map((key) => {
- return {
- ...blogData[key].metadata,
- id: key,
- content: blogData[key][""],
- };
- })
- // Every instance of the blog tab has its own blogs
- .filter((blog) => blog.communityAddonId === communityAddonId)
- // Sort by published date
- .sort((blog1, blog2) => {
- return new Date(blog2.publishedAt) - new Date(blog1.publishedAt);
- });
-
-function transformString(str) {
- // Convert the string to lowercase
- const lowerCaseStr = str.toLowerCase();
-
- // Replace spaces with hyphens
- const transformedStr = lowerCaseStr.replace(/ /g, "-");
-
- // Return the transformed string
- return transformedStr;
-}
-
-const handleOnSubmit = (v, isEdit) => {
- let id = isEdit
- ? v.id
- : `${transformString(v.title)}-${generateRandom6CharUUID()}`;
- let publishedAt = new Date(v.date).toISOString().slice(0, 10);
-
- let metadata = {
- title: v.title,
- publishedAt,
- status: v.status,
- subtitle: v.subtitle,
- description: v.description,
- author: v.author,
- category: v.category,
- updatedAt: new Date().toISOString().slice(0, 10),
- };
-
- if (!isEdit) {
- // Set this once when created
- metadata.createdAt = new Date().toISOString().slice(0, 10);
- metadata.communityAddonId = communityAddonId;
- }
-
- setCommunitySocialDB({
- handle,
- data: {
- blog: {
- [id]: {
- "": v.content,
- metadata,
- },
- },
- },
- });
-};
-
-const handleOnDelete = (id) => {
- setCommunitySocialDB({
- handle,
- data: {
- blog: {
- [id]: {
- "": null,
- metadata: {
- title: null,
- createdAt: null,
- updatedAt: null,
- publishedAt: null,
- status: null,
- subtitle: null,
- description: null,
- author: null,
- id: null,
- category: null,
- communityAddonId: null,
- },
- },
- },
- },
- });
-};
-
-return (
-
-
- )}
- Blog Posts
-
-
- Analytics
-
- {/* */}
- {
- handleItemClick("new");
- setShowScreen("editor");
- },
- testId: "new-blog-post-button",
- }}
- />
-
-
-
-
- )}
-
- setIsSwitchBlogModalOpen(false),
- onConfirmClick: () => {
- handleItemClick(isSwitchBlogModalOpen);
- setIsSwitchBlogModalOpen(false);
- },
- title: "Are you sure you want to continue?",
- content: "Unsaved changes will be lost.",
- confirmLabel: "Continue",
- cancelLabel: "Cancel",
- buttonRoot: "btn-danger",
- }}
- />
-
- {showScreen === "editor" && (
-
-
- )}
- Loading modules...
; -} -const { useQuery } = VM.require( - "${REPL_EVENTS}/widget/core.adapter.devhub-contract" -); -const { uuid, withUUIDIndex } = VM.require( - "${REPL_EVENTS}/widget/core.lib.uuid" -); - -uuid || (uuid = () => {}); -withUUIDIndex || (withUUIDIndex = () => {}); -useQuery || (useQuery = () => {}); - -const AttractableDiv = styled.div` - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - transition: box-shadow 0.6s; - - &:hover { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; - } -`; - -const settings = { - maxColumnsNumber: 20, -}; - -const GithubKanbanBoardTicketFeaturesSchema = { - id: { label: "GitHub ID" }, - author: { label: "Author" }, - labels: { label: "Labels" }, - type: { label: "Type" }, -}; - -const GithubKanbanBoardTicketTypesSchema = { - issue: { label: "Issue" }, - pullRequest: { label: "Pull Request" }, -}; - -const GithubKanbanBoardLabelsSchema = { - allLabelsMust: { label: "All labels must be present in ticket" }, -}; - -const GithubKanbanBoardDefaults = { - columns: { - ...withUUIDIndex({ - description: "", - labelSearchTerms: [], - title: "", - allLabelsMust: false, - }), - }, - dataTypesIncluded: { issue: true, pullRequest: true }, - description: "", - repoURL: "", - ticketState: "all", - title: "", - metadata: { - id: uuid(), - type: "github.kanban_board", - ticket: { - type: "github.kanban_ticket", - features: { id: true, author: true, labels: true, type: true }, - }, - }, -}; - -const toMigrated = ({ metadata, id, ...restParams }) => ({ - ...GithubKanbanBoardDefaults, - metadata: { - ...GithubKanbanBoardDefaults.metadata, - ...metadata, - id: id ?? metadata.id, - }, - ...restParams, -}); - -function extractOwnerAndRepo(url) { - // Remove any leading or trailing slashes and split the URL by "/" - const parts = url - .trim() - .replace(/^\/+|\/+$/g, "") - .split("/"); - - // Check if the URL matches the GitHub repository format - if (parts.length === 5 && parts[2] === "github.com") { - const owner = parts[3]; - const repo = parts[4]; - return { owner, repo }; - } else { - return null; - } -} - -function isValidGitHubRepoLink(url) { - // Regular expression to match GitHub repository URLs - const githubRepoRegex = - /^(?:https?:\/\/)?(?:www\.)?github\.com\/([^\/]+)\/([^\/]+)\/?$/; - - // Check if the URL matches the GitHub repository format - return githubRepoRegex.test(url); -} - -const GithubViewConfigurator = ({ kanbanBoards, permissions, onSubmit }) => { - const data = kanbanBoards ? Object.values(kanbanBoards)?.[0] : {}; - - if (!data) { - return ( -
- Loading...
-
- );
- }
-
- const initialBoardState = Struct.typeMatch(data)
- ? toMigrated(data)
- : GithubKanbanBoardDefaults;
-
- const getColumnData = useCallback((state) => {
- if (Object.keys(state).length > 0) {
- return state?.columns ?? {};
- }
- return state;
- }, []);
-
- const getNonColumnData = useCallback((state) => {
- if (Object.keys(state).length > 0) {
- delete state.columns;
- return state;
- }
- return state;
- }, []);
-
- // to improve the state update speed, decoupled columns and other configuration metadata
- const [parentState, setParentState] = useState(initialBoardState);
- const [metadataState, setMetadata] = useState(
- getNonColumnData(initialBoardState)
- );
- const [showPreview, setPreview] = useState(false);
- const [columnsState, setColumnsState] = useState(
- getColumnData(initialBoardState)
- );
- const [repoLabels, setRepoLabels] = useState([]);
-
- function fetchLabelsFromRepo(url) {
- const data = extractOwnerAndRepo(url);
- if (data) {
- const { repo, owner } = data;
- useCache(
- () =>
- asyncFetch(
- `https://api.github.com/repos/${owner}/${repo}/labels`
- ).then((res) => {
- if (Array.isArray(res.body)) {
- const labels = [];
- res.body.map((item) => {
- labels.push(item.name);
- });
- setRepoLabels(labels);
- }
- }),
- owner + repo + "labels",
- { subscribe: false }
- );
- }
- }
-
- useEffect(() => {
- if (metadataState.repoURL && isValidGitHubRepoLink(metadataState.repoURL)) {
- fetchLabelsFromRepo(metadataState.repoURL);
- }
- }, [metadataState]);
-
- const formUpdate =
- ({ path, via: customFieldUpdate, isColumnsUpdate, ...params }) =>
- (fieldInput) => {
- const transformFn = (node) => {
- if (typeof customFieldUpdate === "function") {
- return customFieldUpdate({
- input: fieldInput?.target?.value ?? fieldInput,
- lastKnownValue: node,
- params,
- });
- } else {
- return Struct.defaultFieldUpdate({
- input: fieldInput?.target?.value ?? fieldInput,
- lastKnownValue: node,
- params,
- });
- }
- };
- const updatedValues = Struct.deepFieldUpdate(
- (isColumnsUpdate ? { columns: columnsState } : metadataState) ?? {},
- path,
- (node) => transformFn(node)
- );
- if (isColumnsUpdate) {
- setColumnsState(updatedValues?.columns);
- } else {
- setMetadata((prevFormState) => ({
- ...prevFormState,
- ...updatedValues,
- }));
- }
- };
-
- const formReset = () => {
- setColumnsState(getColumnData(initialBoardState));
- setMetadata(getNonColumnData(initialBoardState));
- setParentState(initialBoardState);
- };
-
- const columnsCreateNew = ({ lastKnownValue }) =>
- Object.keys(lastKnownValue).length < settings.maxColumnsNumber
- ? {
- ...(lastKnownValue ?? {}),
- ...withUUIDIndex({
- description: "",
- labelSearchTerms: [],
- title: "",
- allLabelsMust: false,
- }),
- }
- : lastKnownValue;
-
- const columnsDeleteById =
- (id) =>
- ({ lastKnownValue }) =>
- Object.fromEntries(
- Object.entries(lastKnownValue).filter(([columnId]) => columnId !== id)
- );
-
- const onCancel = () => {
- formReset();
- };
-
- const updateParentState = () => {
- const updatedState = { ...metadataState, columns: columnsState };
- setParentState(updatedState);
- return updatedState;
- };
-
- const onSave = () => onSubmit(updateParentState());
-
- const formElement = (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {`Each board configuration ( maximum allowed - ${settings.maxColumnsNumber} ) : `}
-
-
-
-
- {Object.values(columnsState ?? {}).map(
- (
- { id, description, labelSearchTerms, title, allLabelsMust },
- index
- ) => (
-
-
- )
- )}
-
-
- );
-
- return (
-
-
-
- Board #{index}
-
-
-
-
- {
- const formUpdateFunc = formUpdate({
- path: ["columns", id, "labelSearchTerms"],
- isColumnsUpdate: true,
- });
- return formUpdateFunc(data.join(", "));
- }}
- selected={labelSearchTerms?.[0] ? labelSearchTerms : []}
- multiple
- labelKey="hashtags"
- emptyLabel="Find your unique label"
- placeholder="WG-, draft, review, proposal,"
- options={repoLabels}
- />
-
-
- {
- const formUpdateFunc = formUpdate({
- path: ["columns", id, "allLabelsMust"],
- isColumnsUpdate: true,
- });
- return formUpdateFunc(data["allLabelsMust"]);
- },
- schema: GithubKanbanBoardLabelsSchema,
- hideSubmitBtn: true,
- }}
- />
-
-
-
-
-
-
- );
-};
-
-return GithubViewConfigurator(props);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/github/Viewer.jsx b/instances/events-committee.near/widget/devhub/entity/addon/github/Viewer.jsx
deleted file mode 100644
index 97c14cbc7..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/github/Viewer.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url");
-const { useQuery } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-);
-
-useQuery || (useQuery = () => {});
-
-href || (href = () => {});
-const { kanbanBoards, handle, permissions } = props;
-
-const data = Object.values(kanbanBoards ?? {})?.[0];
-
-if (!kanbanBoards || !data?.metadata) {
- return (
- -
-
- - - -
- - - -
-
- ) : (
-
-
- )}
-
-
- {Object.keys(parentState).length > 0 && (
-
-
- - - GitHub board configuration -
-
- This configuration enables integration of your GitHub repository
- as a Kanban board, facilitating issue and pull request tracking.
- You can create distinct columns to organize various items, each
- with unique labels.
-
-
- {formElement}
-
- )}
-
-
-
- =
- settings.maxColumnsNumber,
- icon: { type: "bootstrap_icon", variant: "bi-plus-lg" },
- onClick: formUpdate({
- path: ["columns"],
- via: columnsCreateNew,
- isColumnsUpdate: true,
- }),
- }}
- />
-
-
-
-
-
- );
-}
-
-return (
- - {permissions.can_configure - ? "You can configure the board by clicking on the settings icon." - : "This board isn't configured yet."} -
-
-
- );
-};
-
-return GithubKanbanBoard(props);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/github/kanban_ticket.jsx b/instances/events-committee.near/widget/devhub/entity/addon/github/kanban_ticket.jsx
deleted file mode 100644
index 6a97093b4..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/github/kanban_ticket.jsx
+++ /dev/null
@@ -1,123 +0,0 @@
-const AttractableDiv = styled.div`
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
- transition: box-shadow 0.6s;
-
- &:hover {
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
- }
-`;
-
-const ticketStates = {
- closed: { displayName: "Closed", icon: "bi-lock-fill" },
- open: { displayName: "Open", icon: "bi-unlock-fill" },
-};
-
-const ticketTypes = {
- Issue: { displayName: "Issue", icon: "bi-lightbulb-fill" },
- PullRequest: { displayName: "Pull request", icon: "bi-git" },
-};
-
-const GithubKanbanTicket = ({
- metadata: { features },
- payload: {
- _links,
- labels,
- number,
- state: ticketState,
- title,
- type,
- user,
- url,
- },
-}) => {
- const header = (
-
-
-
- - {title} -
- -{description}
-
- {Object.keys(columns).length === 0 ? (
-
-
- No columns were created so far.
-
- ) : null}
- {Object.values(columns ?? {})?.map((column) => {
- const tickets = state.ticketsByColumn[column.id]
- ? state.ticketsByColumn[column.id].slice(0, state.displayCount)
- : [];
- const renderedItems = tickets.map(cachedRenderItem);
-
- return (
-
-
- );
- })}
-
-
-
-
-
- makeMoreItems(
- column.id,
- column?.labelSearchTerms,
- column.allLabelsMust
- )
- }
- hasMore={!state.ticketsLastPage}
- loader={<>Loading...}
- useWindow={false}
- threshold={80}
- >
-
- )}
-
- {column.title}
-{column.description}
- - {state.error && ( -
- Error: {state.error}
-
- )}
- {state.noTicketsFound && No tickets found
} - {state.fetchedTicketsCount[column.id] > 0 && ( -
- {renderedItems}
-
-
-
- );
-
- const titleArea = (
-
- {features.type ? : null}
-
-
- {[
- `${features.type ? ticketTypes[type].displayName : ""} ${
- features.id ? `#${number.toString()}` : ""
- }`.trim(),
-
- title,
- ]
- .filter(
- (maybeString) =>
- typeof maybeString === "string" && maybeString.length > 0
- )
- .join(": ")}
-
-
- );
-
- const labelList = features.labels ? (
-
-
-
- {features.author ? (
-
- 
-
- @{user.login}
-
- ) : null}
-
-
-
-
-
-
- {(labels ?? []).map((label) => (
-
-
- {label.name}
-
-
- ))}
-
- ) : null;
-
- return (
-
- {titleArea}
- {labelList}
-
- Loading modules...
; -} -const { useQuery } = VM.require( - "${REPL_EVENTS}/widget/core.adapter.devhub-contract" -); -const { uuid, withUUIDIndex } = VM.require( - "${REPL_EVENTS}/widget/core.lib.uuid" -); - -uuid || (uuid = () => {}); -withUUIDIndex || (withUUIDIndex = () => {}); -useQuery || (useQuery = () => {}); - -const AttractableDiv = styled.div` - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - transition: box-shadow 0.6s; - - &:hover { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; - } -`; - -const settings = { - maxColumnsNumber: 10, -}; - -const KanbanPostBoardBasicInfoSchema = { - title: { label: "Title", order: 1, placeholder: "Enter board title" }, - description: { - label: "Description", - order: 2, - placeholder: "Enter board description", - }, -}; - -const KanbanPostBoardTicketFeaturesSchema = { - author: { label: "Author" }, - like_count: { label: "Likes" }, - approved_sponsorship_value: { label: "Funding amount" }, - sponsorship_supervisor: { label: "Supervisor/Sponser" }, - tags: { label: "Tags" }, - type: { label: "Post type" }, -}; - -const KanbanPostBoardDefaults = { - metadata: { - id: uuid(), - type: "kanban.post_board", - title: "", - description: "", - ticket: { - type: "kanban.post_ticket", - features: { - author: true, - like_count: true, - approved_sponsorship_value: true, - sponsorship_supervisor: true, - tags: true, - type: true, - }, - sortBy: "", - }, - }, - payload: { - columns: {}, - }, -}; - -const toMigrated = ({ config, metadata, payload }) => ({ - metadata: { - ...KanbanPostBoardDefaults.metadata, - ...metadata, - ticket: { - ...KanbanPostBoardDefaults.metadata.ticket, - ...metadata.ticket, - features: { - ...KanbanPostBoardDefaults.metadata.ticket.features, - ...metadata.ticket.features, - }, - }, - }, - payload: { - ...KanbanPostBoardDefaults.payload, - ...payload, - ...config, - }, -}); - -const sortByOptions = [ - { label: "None", value: "none" }, - { label: "Amount: High to Low", value: "descending-amount" }, - { label: "Amount: Low to High", value: "ascending-amount" }, - { label: "Date: Newest to Oldest", value: "descending-date" }, - { label: "Date: Oldest to Newest", value: "ascending-date" }, - { label: "Author: A-Z", value: "ascending-author" }, - { label: "Author: Z-A", value: "descending-author" }, - { label: "Sponsor/Supervisor: A-Z", value: "ascending-sponsor" }, - { label: "Sponsor/Supervisor: Z-A", value: "descending-sponsor" }, - { label: "Most Likes", value: "descending-likes" }, - { label: "Fewest Likes", value: "ascending-likes" }, -]; - -const KanbanViewConfigurator = ({ handle, data, permissions, onSubmit }) => { - const tags = useCache( - () => - Near.asyncView("${REPL_EVENTS_CONTRACT}", "get_all_labels").then( - (res) => res - ), - handle, - { - subscribe: false, - } - ); - - if (!data) { - return ( -
- Loading...
-
- );
- }
- const initialFormState = Struct.pick(
- data.metadata === undefined ? {} : toMigrated(data),
- ["metadata", "payload"]
- );
-
- const [formState, setForm] = useState(initialFormState);
- const [showPreview, setPreview] = useState(false);
-
- const formUpdate =
- ({ path, via: customFieldUpdate, ...params }) =>
- (fieldInput) => {
- const transformFn = (node) => {
- if (typeof customFieldUpdate === "function") {
- return customFieldUpdate({
- input: fieldInput?.target?.value ?? fieldInput,
- lastKnownValue: node,
- params,
- });
- } else {
- return Struct.defaultFieldUpdate({
- input: fieldInput?.target?.value ?? fieldInput,
- lastKnownValue: node,
- params,
- });
- }
- };
- const updatedValues = Struct.deepFieldUpdate(
- formState ?? {},
- path,
- (node) => transformFn(node)
- );
- setForm((prevFormState) => ({
- ...prevFormState,
- ...updatedValues,
- }));
- };
-
- const formReset = () => {
- setForm(initialFormState);
- };
-
- const newViewInit = () => {
- setForm(KanbanPostBoardDefaults);
- };
-
- const columnsCreateNew = ({ lastKnownValue }) =>
- Object.keys(lastKnownValue).length < settings.maxColumnsNumber
- ? {
- ...(lastKnownValue ?? {}),
- ...withUUIDIndex({ tag: "", title: "New column", description: "" }),
- }
- : lastKnownValue;
-
- const columnsDeleteById =
- (id) =>
- ({ lastKnownValue }) =>
- Object.fromEntries(
- Object.entries(lastKnownValue).filter(([columnId]) => columnId !== id)
- );
-
- const onCancel = () => {
- formReset();
- };
-
- const onSave = () => onSubmit(formState);
-
- const formElement = (
-
-
- );
-
- return (
-
-
-
-
-
-
- Fields to display
-
-
-
-
-
-
- Sort by
-
-
-
-
-
-
-
-
-
-
-
- {`Columns ( max. ${settings.maxColumnsNumber} )`}
-
-
-
-
- {Object.values(formState.payload.columns ?? {}).map(
- ({ id, description, tag, title }) => (
-
-
- )
- )}
-
-
-
-
-
-
- Enter a tag to filter posts in this column
-
-
-
-
-
-
-
-
-
-
- =
- settings.maxColumnsNumber,
- icon: { type: "bootstrap_icon", variant: "bi-plus-lg" },
- onClick: formUpdate({
- path: ["payload", "columns"],
- via: columnsCreateNew,
- }),
- }}
- />
-
-
-
-
-
- );
-};
-
-return KanbanViewConfigurator(props);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/kanban/Viewer.jsx b/instances/events-committee.near/widget/devhub/entity/addon/kanban/Viewer.jsx
deleted file mode 100644
index 3b235e3ce..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/kanban/Viewer.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-const Struct = VM.require("${REPL_EVENTS}/widget/core.lib.struct");
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url");
-
-if (!Struct) {
- return -
-
- - - -
- - - -
-
- ) : (
-
-
- )}
- {!Object.keys(formState.metadata ?? {}).length && (
-
-
- {Object.keys(formState.metadata ?? {}).length > 0 && formElement}
- - - Kanban board configuration -
-
-
- )}
- - This community doesn't have a kanban board -
-Loading modules...
; -} - -href || (href = () => {}); - -const { data, handle, permissions } = props; - -if (!data || !data?.metadata) { - return ( -
-
- );
-}
-
-return (
- - Please add configuration for your board. -
-
-
- );
- });
-
- return (
-
-
-
-
-
- - {column.title} - - - {column.postIds.length} - -
- -{column.description}
- - -
- {data.length === column.postIds.length &&
- data.map((postData) => (
-
-
-
- );
-};
-
-return KanbanPostBoard(props);
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/kanban/post_ticket.jsx b/instances/events-committee.near/widget/devhub/entity/addon/kanban/post_ticket.jsx
deleted file mode 100644
index 7689c0785..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/kanban/post_ticket.jsx
+++ /dev/null
@@ -1,188 +0,0 @@
-const columnId = props.columnId;
-
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url");
-href || (href = () => {});
-
-const AttractableDiv = styled.div`
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
- transition: box-shadow 0.6s;
-
- &:hover {
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
- }
-`;
-
-const iconsByPostType = {
- Idea: "bi-lightbulb",
- Comment: "bi-chat",
- Solution: "bi-rocket",
- Attestation: "bi-check-circle",
- Sponsorship: "bi-cash-coin",
-};
-
-function getToken(token) {
- let amountUnit = "";
- if (typeof token === "string") {
- amountUnit = token;
- } else if (typeof token === "object") {
- const address = Object.values(token)?.[0]?.address ?? "";
- const ftMetadata = Near.view(address, "ft_metadata", {});
- if (ftMetadata !== null) {
- amountUnit = ftMetadata?.symbol;
- }
- }
- return amountUnit;
-}
-const KanbanPostTicket = ({ metadata, data }) => {
- if (!data) return
-
- - {metadata?.title} -
- -- {metadata?.description} -
-
-
-
- No columns were created so far.
-
- {view}
- Loading ...
;
-
- const {
- post_type,
- name,
- description,
- labels: tags,
- requested_sponsorship_amount,
- requested_sponsorship_token,
- requested_sponsor,
- amount,
- sponsorship_token,
- supervisor,
- } = data.snapshot;
-
- const features = {
- ...metadata.features,
- approved_sponsorship_value:
- post_type === "Sponsorship" &&
- metadata.features.approved_sponsorship_value,
- sponsorship_supervisor:
- post_type === "Sponsorship" && metadata.features.sponsorship_supervisor,
- };
-
- const footer = (
-
- {features.like_count && (
-
- );
-
- const titleArea = (
-
- {features.type ? (
-
- ) : null}
- {name}
-
- );
-
- const sponsorshipValue = (
-
- {requested_sponsorship_amount ?? amount}
- {requested_sponsorship_token ?? getToken(sponsorship_token)}
-
- );
-
- const requestedSponsor = (
-
-
- )}
-
-
-
-
-
-
-
- ) : null;
-
- const tagList =
- Array.isArray(tags) && features.tags ? (
-
- {(tags ?? []).map((tag) => (
-
- {tag}
-
- ))}
-
- ) : null;
-
- const showFunding = features.approved_sponsorship_value;
- const showSponsor = features.sponsorship_supervisor;
-
- return (
-
-
- {footer}
-
- {titleArea}
- {features.author && (
-
-
- {descriptionArea}
- {showFunding && (
-
- Amount:
- {sponsorshipValue}
-
- )}
- {showSponsor && (
-
- {`${
- post_type === "Solution" ? "Sponsor" : "Supervisor"
- }:`}{" "}
- {requestedSponsor}{" "}
-
- )}
- {tagList}
- Loading...
;
-}
-
-const { data, onSubmit } = props;
-
-const Container = styled.div`
- display: flex;
- flex-direction: column;
- width: 100%;
-`;
-
-const Item = styled.div`
- padding: 10px;
- margin: 5px;
- display: flex;
- align-items: center;
- flex-direction: row;
- gap: 10px;
-`;
-
-const EditableField = styled.input`
- flex: 1;
-`;
-const initialData = data.handles;
-const [handles, setHandles] = useState(initialData || []);
-const [newItem, setNewItem] = useState("");
-
-const handleAddItem = () => {
- if (newItem) {
- setHandles([...handles, newItem]);
- setNewItem("");
- }
-};
-
-const handleDeleteItem = (index) => {
- const updatedData = [...handles];
- updatedData.splice(index, 1);
- setHandles(updatedData);
-};
-
-const handleSubmit = () => {
- onSubmit({ handles: handles.map((handle) => handle.trim()) });
-};
-
-return (
-
-
-
-
- setNewItem(e.target.value),
- value: newItem,
- placeholder: "Telegram Handle",
- inputProps: {
- prefix: "https://t.me/",
- },
- }}
- />
-
-
-
-
- No Telegram Configured
-
- {(handles || []).map((tg) => {
- const pattern = /https:\/\/t.me\/(.*)/;
- const includesHttp = tg.match(pattern);
- const handle = includesHttp ? includesHttp[1] : tg;
- return (
- <>
-
-
-
-
- );
-}
diff --git a/instances/events-committee.near/widget/devhub/entity/addon/wiki/Configurator.jsx b/instances/events-committee.near/widget/devhub/entity/addon/wiki/Configurator.jsx
deleted file mode 100644
index d811f674b..000000000
--- a/instances/events-committee.near/widget/devhub/entity/addon/wiki/Configurator.jsx
+++ /dev/null
@@ -1,163 +0,0 @@
-const { data, onSubmit } = props;
-
-const initialData = data;
-const [content, setContent] = useState(data.content || "");
-const [title, setTitle] = useState(data.title || "");
-const [subtitle, setSubtitle] = useState(data.subtitle || "");
-
-const [textAlign, setTextAlign] = useState(data.textAlign || "left");
-
-const Container = styled.div`
- width: 100%;
- margin: 0 auto;
- padding: 20px;
- text-align: left;
-`;
-
-const FormContainer = styled.div`
- padding-top: 1rem;
-
- & > *:not(:last-child) {
- margin-bottom: 1rem;
- }
-`;
-
-const hasDataChanged = () => {
- return (
- content !== initialData.content ||
- title !== initialData.title ||
- subtitle !== initialData.subtitle ||
- textAlign !== initialData.textAlign
- );
-};
-
-const handleSubmit = () => {
- if (title) onSubmit({ title, subtitle, content, textAlign });
-};
-
-return (
- -
-
- - - -
- - - -
-
-
-
-
-
-
- setTextAlign(e.target.value),
- options: [
- { label: "Left", value: "left" },
- { label: "Center", value: "center" },
- { label: "Right", value: "right" },
- ],
- }}
- />
-
-
- setTitle(e.target.value),
- value: title,
- inputProps: {
- min: 2,
- max: 60,
- required: true,
- },
- }}
- />
-
-
- setSubtitle(e.target.value),
- value: subtitle,
- inputProps: {
- min: 2,
- max: 250,
- },
- }}
- />
-
-
-
-
-
-
-
- No Wiki Configured
-{title}
-{subtitle}
-Handle not defined
; -} - -if (!href) { - returnLoading modules...
; -} - -// TODO: Why do we need to get community data again? Isn't the tag the handle... -const communityData = getCommunity({ handle }); - -if (communityData === null) { - returnLoading...
;
-}
-
-const MainContent = styled.div`
- flex-grow: 1;
- max-width: 75%;
-
- @media screen and (max-width: 960px) {
- max-width: 100%;
- }
-`;
-
-const SidebarContainer = styled.div`
- max-width: 25%;
- margin-right: 1.5rem;
-
- @media screen and (max-width: 960px) {
- display: none;
- }
-`;
-
-return (
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/community/Announcements.jsx b/instances/events-committee.near/widget/devhub/entity/community/Announcements.jsx
deleted file mode 100644
index d4fe8833d..000000000
--- a/instances/events-committee.near/widget/devhub/entity/community/Announcements.jsx
+++ /dev/null
@@ -1,210 +0,0 @@
-const { handle } = props;
-const { getCommunity, setCommunitySocialDB } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-);
-
-getCommunity = getCommunity || (() => <>);
-setCommunitySocialDB = setCommunitySocialDB || (() => <>);
-
-const communityData = getCommunity({ handle });
-const [postsExists, setPostExists] = useState(false);
-const [newUnseenPosts, setNewUnseenPosts] = useState([]);
-const [lastQueryRequestTimestamp, setLastQueryRequestTimestamp] = useState(
- new Date().getTime()
-);
-const [submittedAnnouncementData, setSubmittedAnnouncementData] =
- useState(null);
-const communityAccountId = `${handle}.community.${REPL_EVENTS_CONTRACT}`;
-
-let checkIndexerInterval;
-const onNewUnseenPosts = (newUnseenPosts) => {
- if (newUnseenPosts.length > 0) {
- clearInterval(checkIndexerInterval);
- }
-};
-
-useEffect(() => {
- if (submittedAnnouncementData) {
- const checkForAnnouncementInSocialDB = () => {
- Near.asyncView("${REPL_SOCIAL_CONTRACT}", "get", {
- keys: [`${communityAccountId}/post/**`],
- }).then((result) => {
- try {
- const submittedAnnouncementText = JSON.parse(
- submittedAnnouncementData.post.main
- ).text;
- const lastAnnouncementTextFromSocialDB = JSON.parse(
- result[communityAccountId].post.main
- ).text;
- if (submittedAnnouncementText === lastAnnouncementTextFromSocialDB) {
- setSubmittedAnnouncementData(null);
- checkIndexerInterval = setInterval(() => {
- setLastQueryRequestTimestamp(new Date().getTime());
- }, 500);
- return;
- }
- } catch (e) {}
- setTimeout(() => checkForAnnouncementInSocialDB(), 1000);
- });
- };
- checkForAnnouncementInSocialDB();
- }
-}, [submittedAnnouncementData]);
-
-const MainContent = styled.div`
- padding-left: 2rem;
- flex: 3;
- @media screen and (max-width: 960px) {
- padding-left: 0rem;
- }
- .post:hover {
- background-color: inherit !important;
- }
-`;
-
-const SidebarContainer = styled.div`
- flex: 1;
-`;
-
-const Heading = styled.div`
- font-size: 19px;
- font-weight: 600;
-`;
-
-const SubHeading = styled.div`
- font-size: 15px;
- font-weight: 600;
-`;
-
-const Container = styled.div`
- flex-wrap: no-wrap;
- max-width: 100%;
-
- .max-width-100 {
- max-width: 100%;
- }
- @media screen and (max-width: 960px) {
- flex-wrap: wrap;
- }
-
- .card {
- border-radius: 1rem !important;
- }
-
- .display-none {
- display: none;
- }
-`;
-
-const Tag = styled.div`
- border-top-right-radius: 50px;
- border-bottom-right-radius: 50px;
- border-top-left-radius: 50px;
- border-bottom-left-radius: 50px;
- padding-inline: 0.8rem;
- padding-block: 0.3rem;
- display: flex;
- gap: 0.5rem;
- border-width: 1px;
- border-style: solid;
- font-size: 14px;
- color: rgba(0, 236, 151, 1);
- font-weight: 800;
-`;
-
-const [sort, setSort] = useState("desc");
-
-return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/community/Card.jsx b/instances/events-committee.near/widget/devhub/entity/community/Card.jsx
deleted file mode 100644
index 05bbed212..000000000
--- a/instances/events-committee.near/widget/devhub/entity/community/Card.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url");
-
-if (!href) {
- return <>;
-}
-
-const Card = styled.div`
- cursor: pointer;
- background-color: white;
- border-radius: 0.5rem;
- padding: 1.5rem;
- gap: 1rem;
- height: 100%;
- min-height: 12rem;
-
- display: flex;
- align-items: center;
- justify-content: flex-start;
- transition: all 300ms;
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-
- &:hover {
- box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
- }
-
- img.logo {
- height: 6rem;
- width: 6rem;
- border-radius: 50%;
-
- object-fit: cover;
- }
-
- h3,
- p {
- margin: 0;
- }
-
- h3 {
- font-size: 1.25rem;
- font-weight: 600;
- }
-
- p {
- font-size: 1rem;
- font-weight: 400;
- }
-`;
-
-const CommunityCard = ({ metadata }) => {
- const { handle, logo_url, name, description } = metadata;
- const link = href({
- widgetSrc: "${REPL_EVENTS}/widget/app",
- params: { page: "community", handle: handle },
- });
-
- return (
-
-
- {context.accountId &&
- (communityData?.admins ?? []).includes(context.accountId) && (
-
-
- {
- setSubmittedAnnouncementData(v);
- setCommunitySocialDB({ handle, data: v });
- },
- profileAccountId: `${handle}.community.${REPL_EVENTS_CONTRACT}`,
- isFinished: () => submittedAnnouncementData === null,
- }}
- />
-
- )}
-
- Announcements
-
- {!postsExists && (
-
-
-
-
-
- )}
- No announcements exists.
-
-
-
-
-
-
- {communityData?.description}
-
- {communityData?.tag}
-
-
- Community Admins
- {(communityData?.admins ?? []).map((accountId) => (
-
-
-
- ))}
-
-
- {name}
-{description}
-
-
-
-
-
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/community/Provider.jsx b/instances/events-committee.near/widget/devhub/entity/community/Provider.jsx
deleted file mode 100644
index 7b9e51046..000000000
--- a/instances/events-committee.near/widget/devhub/entity/community/Provider.jsx
+++ /dev/null
@@ -1,72 +0,0 @@
-const { handle, Children } = props;
-
-const {
- getAccountCommunityPermissions,
- createCommunity,
- updateCommunity,
- deleteCommunity,
- getCommunity,
- setCommunityAddons,
-} = VM.require("${REPL_EVENTS}/widget/core.adapter.devhub-contract");
-
-if (
- !getCommunity ||
- !getAccountCommunityPermissions ||
- !createCommunity ||
- !updateCommunity ||
- !deleteCommunity ||
- !setCommunityAddons
-) {
- return
- {context.accountId && (
-
-
- isTransactionFinished,
- onSubmit: (v) => {
- console.log("ON SUBMIT");
- Storage.set(
- NEW_DISCUSSION_POSTED_CONTENT_STORAGE_KEY,
- v.post.main
- );
-
- Social.set(v, {
- force: true,
- onCommit: () => {
- getBlockHeightAndRepost();
- },
- });
- },
- profileAccountId: context.accountId,
- }}
- />
-
- )}
-
- Discussions
-
-
-
-
-
-
-
-
-
-
- {communityData?.description}
-
- {communityData?.tag}
-
-
- Community Admins
- {(communityData?.admins ?? []).map((accountId) => (
-
-
-
- ))}
- Loading modules...
; -} - -const CenteredMessage = styled.div` - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - width: 100%; - height: ${(p) => p.height ?? "100%"}; -`; - -const [isLoading, setIsLoading] = useState(false); -const [error, setError] = useState(null); - -const community = getCommunity({ handle }); - -const permissions = getAccountCommunityPermissions({ - account_id: context.accountId, - community_handle: handle, -}) || { - can_configure: false, - can_delete: false, -}; - -if (isLoading) { - return ( -Loading...
-{`Community with handle "${handle}" not found.`}
-Loading modules...
; -} - -const { community } = props; - -const CommunitySummary = () => { - return ( - <> -Loading...
-) : (
-
- (
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/community/Spawner.jsx b/instances/events-committee.near/widget/devhub/entity/community/Spawner.jsx
deleted file mode 100644
index 9e96c2d79..000000000
--- a/instances/events-committee.near/widget/devhub/entity/community/Spawner.jsx
+++ /dev/null
@@ -1,100 +0,0 @@
-const { typeMatch } = VM.require("${REPL_EVENTS}/widget/core.lib.struct");
-
-if (!typeMatch) {
- return
-
- )),
-
- fullWidth: true,
- minHeight: 0,
- noBorder: true,
- }}
- />
- Loading modules...
; -} - -const { data, onSubmit, onCancel } = props; - -const CommunityInputsPartialSchema = { - handle: { - inputProps: { - min: 2, - max: 40, - allowCommaAndSpace: false, - placeholder: - "Choose unique URL handle for your community. Example: zero-knowledge.", - required: true, - }, - - label: "URL handle", - order: 3, - }, - - name: { - inputProps: { - min: 2, - max: 30, - placeholder: "Community name.", - required: true, - }, - - label: "Name", - order: 1, - }, - - tag: { - inputProps: { - min: 2, - max: 30, - allowCommaAndSpace: false, - placeholder: - "Any posts with this tag will show up in your community feed.", - - required: true, - }, - - label: "Tag", - order: 4, - }, - - description: { - inputProps: { - min: 2, - max: 60, - - placeholder: - "Describe your community in one short sentence that will appear in the communities discovery page.", - - required: true, - }, - - label: "Description", - order: 2, - }, -}; - -const communityInputsValidator = (formValues) => - typeMatch(formValues) && - Object.values(formValues).every( - (value) => typeof value === "string" && value.length > 0 - ); - -const CommunityInputsDefaults = { - handle: "", - name: "", - tag: "", - description: "", -}; - -return ( -Loading...
;
-}
-
-const { getCommunity } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-);
-
-const communityData = getCommunity({ handle });
-
-if (communityData === null) {
- return Loading...
;
-}
-
-const UserList = ({ name, users }) => (
-
- {(users ?? []).map((user, i) => (
-
-);
-
-return (
-
-
- ))}
-
- {name + " #" + (i + 1)}
-
-
-
-
-
-
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/community/Tile.jsx b/instances/events-committee.near/widget/devhub/entity/community/Tile.jsx
deleted file mode 100644
index 7e5a0b472..000000000
--- a/instances/events-committee.near/widget/devhub/entity/community/Tile.jsx
+++ /dev/null
@@ -1,90 +0,0 @@
-/* INCLUDE: "core/lib/gui/attractable" */
-const AttractableDiv = styled.div`
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
- transition: box-shadow 0.6s;
-
- &:hover {
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
- }
-`;
-
-const AttractableLink = styled.a`
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
- transition: box-shadow 0.6s;
-
- &:hover {
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
- }
-`;
-
-const AttractableImage = styled.img`
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
- transition: box-shadow 0.6s;
-
- &:hover {
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
- }
-`;
-/* END_INCLUDE: "core/lib/gui/attractable" */
-
-const Tile = ({
- children,
- borderRadius,
- className,
- fullWidth,
- headerSlotRight,
- heading,
- headingAdornment,
- id,
- isHidden,
- noBorder,
- noFrame,
- minHeight,
- style,
-}) => (
-
-
-
-
- - Community Admins -
-
-
- }
-
- {children}
- - {headingAdornment} - {heading} -
- - {headerSlotRight} -Loading modules...
; -} - -const AutoComplete = styled.div` - z-index: 5; - - > div > div { - padding: calc(var(--padding) / 2); - } -`; - -const Wrapper = styled.div` - .container { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 0.5em; - } - - .admins-item { - display: inline-block; - padding: 0.6em 0.8em; - border-radius: 10px; - border: 1px solid lightgray; - position: relative; - } - - .admins-item .remove { - position: absolute; - right: 5px; - top: 0; - font-size: 18px; - color: grey; - cursor: pointer; - } - - .admins-input { - flex-grow: 1; - border: none; - outline: none; - } - - input[type="text"]:disabled { - all: inherit; - } - - input::placeholder { - font-size: 16px; - } -`; - -const { data, onSubmit, onCancel, setIsActive, isActive } = props; -const initialValues = Struct.typeMatch(CommunityAccessControlSchema) - ? Struct.pick(data ?? {}, Object.keys(CommunityAccessControlSchema)) - : {}; - -const [admins, setAdmins] = useState(initialValues?.admins ?? []); -const [text, setText] = useState(""); -const [showAccountAutocomplete, setShowAutoAutocomplete] = useState(false); - -function handleKeyDown(e) { - if (e.key !== "Enter") return; - const value = e.target.value; - if (!value.trim()) return; - // Add the value to the admins array - setAdmins([...admins, value]); - setText(""); -} - -const onCancelClick = () => { - setAdmins(initialValues?.admins ?? []); - setIsActive(false); -}; - -const onSubmitClick = () => { - onSubmit({ admins: admins.map((admin) => admin.trim()) }); - setIsActive(false); -}; - -function autoCompleteAccountId(id) { - setAdmins([...admins, id]); - setText(""); - setShowAutoAutocomplete(false); -} - -return ( -
- {admins.map((admin, index) => (
-
- {showAccountAutocomplete && (
-
-
- ))}
- {
- setShowAutoAutocomplete(true);
- setText(v.target.value);
- }}
- onKeyDown={handleKeyDown}
- type="text"
- className="admins-input"
- placeholder={isActive && "Add Admins here..."}
- />
-
-
- )}
-
-
-
-
- {addonMatch.title}
-
-
-
- {isActive && (
-
- )}
-
-
- Add or remove custom tabs, which will appear in your community's
- navigation bar.
-
- You can customize them on each page.
-
-
- )}
- {isActive && (
-
- ({
- label: addon.title,
- value: addon.id,
- })),
- value: selectedAddon.id ?? "",
- onChange: (e) =>
- setSelectedAddon(
- availableAddons.find((addon) => addon.id === e.target.value)
- ),
- placeholder: "Select an addon",
- }}
- />
-
-
-
- onSubmit(list),
- }}
- />
-
- )}
-
-
- {hasConfigurePermissions && (
-
-
- {hasConfigurePermissions &&
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/community/configuration/ConfigurationSection.jsx b/instances/events-committee.near/widget/devhub/entity/community/configuration/ConfigurationSection.jsx
deleted file mode 100644
index ae31b04a6..000000000
--- a/instances/events-committee.near/widget/devhub/entity/community/configuration/ConfigurationSection.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-const {
- title,
- hasConfigurePermissions,
- Configurator,
- Preview,
- headerRight,
- forceEditActive,
-} = props;
-
-const [isEditActive, setEditActive] = useState(forceEditActive || false);
-
-function SectionHeader() {
- return (
-
-
- - {typeof link === "string" && link.length > 0 ? ( - {data.name} - ) : ( - data.name - )} -
- -- {data.description} -
-
- setEditActive(!isEditActive),
- }}
- />
- ))}
-
- );
-}
-
-return (
- - {title} -
- {headerRight || - (hasConfigurePermissions && ( -
- setEditActive(!isEditActive)}
- />
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/community/configuration/InformationConfigurator.jsx b/instances/events-committee.near/widget/devhub/entity/community/configuration/InformationConfigurator.jsx
deleted file mode 100644
index 10adae334..000000000
--- a/instances/events-committee.near/widget/devhub/entity/community/configuration/InformationConfigurator.jsx
+++ /dev/null
@@ -1,78 +0,0 @@
-const CommunityInformationSchema = {
- name: {
- inputProps: {
- min: 2,
- max: 30,
- placeholder: "Community name.",
- required: true,
- },
-
- label: "Name",
- order: 1,
- },
-
- description: {
- inputProps: {
- min: 2,
- max: 60,
-
- placeholder:
- "Describe your community in one short sentence that will appear in the communities discovery page.",
-
- required: true,
- },
-
- label: "Description",
- order: 2,
- },
-
- handle: {
- inputProps: {
- min: 2,
- max: 40,
- allowCommaAndSpace: false,
- placeholder:
- "Choose unique URL handle for your community. Example: zero-knowledge.",
-
- required: true,
- },
-
- label: "URL handle",
- order: 3,
- },
-
- tag: {
- inputProps: {
- min: 2,
- max: 30,
- allowCommaAndSpace: false,
- placeholder:
- "Any posts with this tag will show up in your community feed.",
-
- required: true,
- },
-
- label: "Tag",
- order: 4,
- },
-};
-
-const { data, onSubmit, onCancel, setIsActive, isActive } = props;
-
-function handleOnSubmit(v) {
- onSubmit(v);
- setIsActive(false);
-}
-
-return (
-
-
-
-
-
-
-);
-
-return history;
diff --git a/instances/events-committee.near/widget/devhub/entity/post/List.jsx b/instances/events-committee.near/widget/devhub/entity/post/List.jsx
deleted file mode 100644
index 8f6b6c147..000000000
--- a/instances/events-committee.near/widget/devhub/entity/post/List.jsx
+++ /dev/null
@@ -1,400 +0,0 @@
-// This component implementation was forked from [IndexFeed], but it does not fully implement lazy loading.
-// While this component uses InfiniteScroll, it still loads the whole list of Post IDs in one view call.
-// The contract will need to be extended with pagination support, yet, even in the current state the page loads much faster.
-// [IndexFeed]: https://near.social/#/mob.near/widget/WidgetSource?src=mob.near/widget/IndexFeed
-
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url");
-
-const { draftState, onDraftStateChange } = VM.require(
- "${REPL_EVENTS}/widget/devhub.entity.post.draft"
-);
-
-if (!href) {
- return Loading modules...
; -} - -const QUERYAPI_ENDPOINT = `https://near-queryapi.api.pagoda.co/v1/graphql/`; - -const queryName = - props.queryName ?? `bo_near_devhub_v38_posts_with_latest_snapshot`; -const totalQueryName = - props.totalQueryName ?? - "bo_near_devhub_v38_posts_with_latest_snapshot_aggregate"; -const query = `query DevhubPostsQuery($limit: Int = 100, $offset: Int = 0, $where: ${queryName}_bool_exp = {}) { - ${queryName}( - limit: $limit - offset: $offset - order_by: {ts: desc} - where: $where - ) { - post_id - } - } -`; - -const totalQuery = `query DevhubTotalPostsQuery($where: ${queryName}_bool_exp = {}) { - ${totalQueryName}( - where: $where - ) { - aggregate { - count - } - } - } -`; - -function fetchGraphQL(operationsDoc, operationName, variables) { - return asyncFetch(QUERYAPI_ENDPOINT, { - method: "POST", - headers: { "x-hasura-role": `bo_near` }, - body: JSON.stringify({ - query: operationsDoc, - variables: variables, - operationName: operationName, - }), - }); -} - -function searchConditionChanged() { - return ( - props.author != state.author || - props.term != state.term || - props.tag != state.tag || - props.recency != state.recency - ); -} - -function updateSearchCondition() { - State.update({ - author: props.author, - term: props.term, - tag: props.tag, - recency: props.recency, - loading: true, - }); -} - -const initialRenderLimit = props.initialRenderLimit ?? 3; -const addDisplayCount = props.nextLimit ?? initialRenderLimit; - -State.init({ - period: "week", - totalItems: 0, - displayCount: initialRenderLimit, -}); - -function getPostIds(tag, offset) { - if (searchConditionChanged()) { - updateSearchCondition(); - } - let where = {}; - let authorId = props.author; - let label = tag || props.tag; - if (authorId) { - where = { author_id: { _eq: authorId }, ...where }; - } - if (props.term) { - where = { description: { _ilike: `%${props.term}%` }, ...where }; - } - if (label) { - if (typeof label === "string") { - // Handle a single label - where = { labels: { _contains: label }, ...where }; - } else if (Array.isArray(label)) { - // Handle an array of labels - where = { - labels: { - _containsAny: label, - }, - ...where, - }; - } - } - if (!props.recency) { - // show only top level posts - where = { parent_id: { _is_null: true }, ...where }; - } - - // Don't show blog and devhub-test posts - where = { - _and: [ - { - _not: { - labels: { _contains: "blog" }, - parent_id: { _is_null: true }, - post_type: { _eq: "Comment" }, - }, - }, - { - _not: { - labels: { _contains: "devhub-test" }, - }, - }, - ], - ...where, - }; - - if (!offset) { - fetchGraphQL(totalQuery, "DevhubTotalPostsQuery", { - where, - }).then((result) => { - const data = result.body.data[totalQueryName]; - State.update({ - totalItems: data.aggregate.count, - }); - }); - } - - fetchGraphQL(query, "DevhubPostsQuery", { - limit: 50, - offset: offset ?? 0, - where, - }).then((result) => { - if (result.status === 200) { - if (result.body.data) { - const data = result.body.data[queryName]; - if (offset) { - State.update({ - postIds: state.postIds.concat(data.map((p) => p.post_id)), - loading: false, - }); - } else { - State.update({ - postIds: data.map((p) => p.post_id), - loading: false, - }); - } - } - } else { - State.update({ loading: false }); - } - }); -} - -if (!state.items || searchConditionChanged()) { - getPostIds(); -} - -function defaultRenderItem(postId, additionalProps) { - if (!additionalProps) { - additionalProps = {}; - } - // It is important to have a non-zero-height element as otherwise InfiniteScroll loads too many items on initial load - return ( -
- {
- if (typeof props.updateTagInput === "function") {
- props.updateTagInput(tag);
- }
- getPostIds(tag);
- },
- transactionHashes: props.transactionHashes,
- }}
- />
-
- );
-}
-
-const renderItem = props.renderItem ?? defaultRenderItem;
-
-const cachedRenderItem = (item, i) => {
- if (props.term) {
- return renderItem(item, {
- searchKeywords: [props.term],
- });
- }
-
- const key = JSON.stringify(item);
-
- if (!(key in state.cachedItems)) {
- state.cachedItems[key] = renderItem(item);
- State.update();
- }
- return state.cachedItems[key];
-};
-
-const ONE_DAY = 60 * 60 * 24 * 1000;
-const ONE_WEEK = 60 * 60 * 24 * 1000 * 7;
-const ONE_MONTH = 60 * 60 * 24 * 1000 * 30;
-
-function getHotnessScore(post) {
- //post.id - shows the age of the post, should grow exponentially, since newer posts are more important
- //post.likes.length - linear value
- const age = Math.pow(post.id, 5);
- const comments = post.comments;
- const commentAge = comments.reduce((sum, age) => sum + Math.pow(age, 5), 0);
- const totalAge = age + commentAge;
- //use log functions to make likes score and exponentially big age score close to each other
- return Math.log10(post.likes.length) + Math.log(Math.log10(totalAge));
-}
-
-const getPeriodText = (period) => {
- let text = "Last 24 hours";
- if (period === "week") {
- text = "Last week";
- }
- if (period === "month") {
- text = "Last month";
- }
- return text;
-};
-
-let postIds = state.postIds ?? null;
-
-const loader = (
-
-
- Loading ...
-
-);
-
-if (postIds === null) {
- return loader;
-}
-const initialItems = postIds;
-
-const jInitialItems = JSON.stringify(initialItems);
-if (state.jInitialItems !== jInitialItems) {
- // const jIndex = JSON.stringify(index);
- // if (jIndex !== state.jIndex) {
- State.update({
- jIndex,
- jInitialItems,
- items: initialItems,
- cachedItems: {},
- });
-}
-
-const makeMoreItems = () => {
- State.update({
- displayCount: state.displayCount + addDisplayCount,
- });
- if (
- state.items.length - state.displayCount < addDisplayCount * 5 &&
- !state.loading
- ) {
- State.update({ loading: true });
- getPostIds(null, state.items.length);
- }
-};
-
-const items = state.items ? state.items.slice(0, state.displayCount) : [];
-const renderedItems = items.map(cachedRenderItem);
-
-const Head =
- props.recency == "hot" ? (
-
-
- ) : (
- <>
- );
-
-return (
- <>
- {Head}
- {state.loading ? loader : null}
- {is_edit_or_add_post_transaction ? (
-
-
- Hottest Posts
-
-
- - Post {transaction_method_name == "edit_post" ? "edited" : "added"}{" "} - successfully. Back to{" "} - - feed - -
- ) : state.items.length > 0 ? ( -
- state.items.length}
- loader={loader}
- useWindow={false}
- >
- {renderedItems}
-
-
- ) : (
- - No posts{" "} - {props.term || props.tag || props.author ? "matches search" : ""} - {props.recency === "hot" - ? " in " + getPeriodText(state.period).toLowerCase() - : ""} -
- )} - -); diff --git a/instances/events-committee.near/widget/devhub/entity/post/Panel.jsx b/instances/events-committee.near/widget/devhub/entity/post/Panel.jsx deleted file mode 100644 index 23fa35fd8..000000000 --- a/instances/events-committee.near/widget/devhub/entity/post/Panel.jsx +++ /dev/null @@ -1,742 +0,0 @@ -////////////////////////////////////////////////////////////////////// -///STOPWORDS////////////////////////////////////////////////////////// -const stopWords = [ - "about", - "above", - "after", - "again", - "against", - "all", - "and", - "any", - "are", - "because", - "been", - "before", - "being", - "below", - "between", - "both", - "but", - "can", - "cannot", - "could", - "did", - "does", - "doing", - "down", - "during", - "each", - "etc", - "few", - "for", - "from", - "further", - "had", - "has", - "have", - "having", - "her", - "hers", - "herself", - "him", - "himself", - "his", - "how", - "into", - "its", - "itself", - "just", - "more", - "most", - "myself", - "nor", - "not", - "now", - "off", - "once", - "only", - "other", - "our", - "ours", - "ourselves", - "out", - "over", - "own", - "same", - "she", - "should", - "some", - "still", - "such", - "than", - "that", - "the", - "their", - "theirs", - "them", - "themselves", - "then", - "there", - "these", - "they", - "this", - "those", - "through", - "too", - "under", - "until", - "very", - "was", - "were", - "what", - "when", - "where", - "which", - "while", - "who", - "whom", - "why", - "will", - "with", - "you", - "your", - "yours", - "yourself", - "yourselves", - "www", - "http", - "com", -]; - -const stopWordsDictionary = {}; -for (let i = 0; i < stopWords.length; i++) { - stopWordsDictionary[stopWords[i]] = true; -} - -function isStopWord(word) { - return stopWordsDictionary.hasOwnProperty(word.toLowerCase()); -} -////////////////////////////////////////////////////////////////////// -///SYNONYMS/////////////////////////////////////////////////////////// -const synonyms = { - ether: "ethereum", - eth: "ethereum", - either: "ethereum", - app: "application", - cryptocyrrency: "crypto", - developerdao: "devdao", - dev: "develop", - doc: "document", - lib: "librari", - saw: "see", - seen: "see", - tweet: "twitter", - paid: "pai", - src: "sourc", -}; - -const applySynonym = (word) => { - if (synonyms.hasOwnProperty(word.toLowerCase())) { - return synonyms[word]; - } - return word; -}; -////////////////////////////////////////////////////////////////////// -///STEMMING/////////////////////////////////////////////////////////// -const step2list = { - ational: "ate", - tional: "tion", - enci: "ence", - anci: "ance", - izer: "ize", - bli: "ble", - alli: "al", - entli: "ent", - eli: "e", - ousli: "ous", - ization: "ize", - ation: "ate", - ator: "ate", - alism: "al", - iveness: "ive", - fulness: "ful", - ousness: "ous", - aliti: "al", - iviti: "ive", - biliti: "ble", - logi: "log", -}; - -/** @type {Record
-
- {state.processedQuery &&
- state.processedQuery.length > 0 &&
- state.term.toLowerCase().trim() !== state.processedQuery.join(" ") && (
-
-
-
- {state.loading ? (
-
- ) : (
-
- )}
-
- updateInput(e.target.value)}
- placeholder={props.placeholder ?? `Search Posts`}
- />
-
-
-
-
-
-
-
-
-
- {props.children}
-
-
- Looking for
- {state.processedQuery.join(" ")}:
-
- )}
- {state.term && state.term.length > 1 && state.searchResult ? (
- Loading modules...
; -} - -const ButtonWithHover = styled.button` - background-color: #fff; - transition: all 300ms; - border-radius: 0.5rem; - - &:hover { - background-color: #e9ecef; - color: #000; - } - - &:disabled { - background-color: #fff; - color: #b7b7b7; - } -`; - -const LikeLoadingSpinner = ( - -); - -const postId = props.post.id ?? (props.id ? parseInt(props.id) : 0); - -const [isLikeClicked, setIsLikeClicked] = useState(false); -const [numLikes, setNumLikes] = useState(null); - -const post = - props.post ?? - Near.view("${REPL_DEVHUB_LEGACY}", "get_post", { post_id: postId }); - -if (!post) { - returnLoading ...
;
-}
-
-if (isLikeClicked && numLikes !== post.likes.length) {
- setIsLikeClicked(false);
-}
-
-setNumLikes(post.likes.length);
-
-const referral = props.referral;
-const currentTimestamp = props.timestamp ?? post.snapshot.timestamp;
-const compareTimestamp = props.compareTimestamp ?? "";
-const swapTimestamps = currentTimestamp < compareTimestamp;
-
-const snapshotHistory = post.snapshot_history;
-
-const snapshot =
- currentTimestamp === post.snapshot.timestamp
- ? post.snapshot
- : (snapshotHistory &&
- snapshotHistory.find((s) => s.timestamp === currentTimestamp)) ??
- null;
-
-const compareSnapshot =
- compareTimestamp === post.snapshot.timestamp
- ? post.snapshot
- : (snapshotHistory &&
- snapshotHistory.find((s) => s.timestamp === compareTimestamp)) ??
- null;
-
-// If this post is displayed under another post. Used to limit the size.
-const isUnderPost = props.isUnderPost ? true : false;
-
-const parentId = Near.view("${REPL_DEVHUB_LEGACY}", "get_parent_id", {
- post_id: postId,
-});
-
-const childPostIdsUnordered =
- Near.view("${REPL_DEVHUB_LEGACY}", "get_children_ids", {
- post_id: postId,
- }) ?? [];
-
-const childPostIds = props.isPreview ? [] : childPostIdsUnordered.reverse();
-const expandable = props.isPreview ? false : props.expandable ?? false;
-const defaultExpanded = expandable ? props.defaultExpanded : true;
-
-function readableDate(timestamp) {
- var a = new Date(timestamp);
- return a.toDateString() + " " + a.toLocaleTimeString();
-}
-
-const timestamp = readableDate(
- snapshot.timestamp ? snapshot.timestamp / 1000000 : Date.now()
-);
-
-const postSearchKeywords = props.searchKeywords ? (
-
- Found keywords:
-
- {props.searchKeywords.map((tag) => (
-
-) : (
-
-);
-
-const searchKeywords = props.searchKeywords ? (
-
- {postSearchKeywords}
-
-) : (
-
-);
-
-const allowedToEdit =
- !props.isPreview &&
- Near.view("${REPL_DEVHUB_LEGACY}", "is_allowed_to_edit", {
- post_id: postId,
- editor: context.accountId,
- });
-
-const btnEditorWidget = (postType, name) => {
- return (
-
-
-
-
-
-
-
-) : (
-
-);
-
-const shareButton = props.isPreview ? (
-
-) : (
-
-
-
-);
-
-const ProfileCardContainer = styled.div`
- @media screen and (max-width: 960px) {
- width: 100%;
- }
-`;
-
-// card-header
-const header = (
-
-
-
-);
-
-// const emptyIcons = {
-// Idea: "bi-lightbulb",
-// Comment: "bi-chat",
-// Solution: "bi-rocket",
-// Attestation: "bi-check-circle",
-// Sponsorship: "bi-cash-coin",
-// Github: "bi-github",
-// Like: "bi-heart",
-// Reply: "bi-reply",
-// };
-
-const emptyIcons = {
- Idea: "💡",
- Comment: "bi-chat",
- Solution: "🚀",
- Attestation: "✅",
- Sponsorship: "🪙",
- Github: "bi-github",
- Like: "bi-heart",
- Reply: "bi-reply",
-};
-
-const fillIcons = {
- Idea: "💡",
- Comment: "bi-chat-fill",
- Solution: "🚀",
- Attestation: "✅",
- Sponsorship: "🪙",
- Github: "bi-github",
- Like: "bi-heart-fill",
- Reply: "bi-reply-fill",
-};
-
-// Trigger saving this widget.
-
-const borders = {
- Idea: "border-light",
- Comment: "border-light",
- Solution: "border-light",
- Attestation: "border-light",
- Sponsorship: "border-light",
- Github: "border-light",
-};
-
-const containsLike = props.isPreview
- ? false
- : post.likes.find((l) => l.author_id == context.accountId);
-const likeBtnClass = containsLike ? fillIcons.Like : emptyIcons.Like;
-// This must be outside onLike, because Near.view returns null at first, and when the view call finished, it returns true/false.
-// If checking this inside onLike, it will give `null` and we cannot tell the result is true or false.
-let grantNotify = Near.view(
- "${REPL_SOCIAL_CONTRACT}",
- "is_write_permission_granted",
- {
- predecessor_id: "${REPL_DEVHUB_LEGACY}",
- key: context.accountId + "/index/notify",
- }
-);
-
-const userStorageDeposit = Near.view(
- "${REPL_SOCIAL_CONTRACT}",
- "storage_balance_of",
- {
- account_id: context.accountId,
- }
-);
-
-if (grantNotify === null || userStorageDeposit === null) {
- return;
-}
-
-const onLike = () => {
- if (!context.accountId) {
- return;
- }
-
- let likeTxn = [
- {
- contractName: "${REPL_DEVHUB_LEGACY}",
- methodName: "add_like",
- args: {
- post_id: postId,
- },
- gas: Big(10).pow(14),
- },
- ];
-
- if (grantNotify === false) {
- likeTxn.unshift({
- contractName: "${REPL_SOCIAL_CONTRACT}",
- methodName: "grant_write_permission",
- args: {
- predecessor_id: "${REPL_DEVHUB_LEGACY}",
- keys: [context.accountId + "/index/notify"],
- },
- gas: Big(10).pow(14),
- deposit: getDepositAmountForWriteAccess(userStorageDeposit),
- });
- }
-
- setIsLikeClicked(true);
- Near.call(likeTxn);
-};
-
-const btnCreatorWidget = (postType, icon, name, desc) => {
- return (
-
-
-
-
-
-
-
-
-
- {editControl}
- {timestamp}
-
-
-
-
-
- {name}
- {desc}
-
-
-
-
-);
-
-const tokenMapping = {
- NEAR: "NEAR",
- USDT: {
- NEP141: {
- address: "usdt.tether-token.near",
- },
- },
- USDC: {
- NEP141: {
- address:
- "17208628f84f5d6ad33f0da3bbbeb27ffcb398eac501a31bd6ad2011e36133a1",
- },
- },
- // Add more tokens here as needed
-};
-
-const reverseTokenMapping = Object.keys(tokenMapping).reduce(
- (reverseMap, key) => {
- const value = tokenMapping[key];
- if (typeof value === "object") {
- reverseMap[JSON.stringify(value)] = key;
- }
- return reverseMap;
- },
- {}
-);
-
-function tokenResolver(token) {
- if (typeof token === "string") {
- return token;
- } else if (typeof token === "object") {
- const tokenString = reverseTokenMapping[JSON.stringify(token)];
- return tokenString || null;
- } else {
- return null; // Invalid input
- }
-}
-
-const isDraft =
- (draftState?.parent_post_id === postId &&
- draftState?.postType === state.postType) ||
- (draftState?.edit_post_id === postId &&
- draftState?.postType === state.postType);
-
-const setExpandReplies = (value) => {
- State.update({ expandReplies: value });
-};
-
-const setEditorState = (value) => {
- if (draftState && !value) {
- // clear the draft state since user initiated cancel
- onDraftStateChange(null);
- }
- State.update({ showEditor: value });
-};
-
-let amount = null;
-let token = null;
-let supervisor = null;
-
-if (state.postType === "Solution") {
- const amountMatch = post.snapshot.description.match(
- /Requested amount: (\d+(\.\d+)?) (\w+)/
- );
- amount = amountMatch ? parseFloat(amountMatch[1]) : null;
- token = amountMatch ? amountMatch[3] : null;
-
- const sponsorMatch = post.snapshot.description.match(
- /Requested sponsor: @([^\s]+)/
- );
- supervisor = sponsorMatch ? sponsorMatch[1] : null;
-}
-
-const seekingFunding = amount !== null || token !== null || supervisor !== null;
-
-function Editor() {
- return (
-
-
-
- {isLikeClicked ? LikeLoadingSpinner : <>}
- {post.likes.length == 0 ? (
- "Like"
- ) : (
- [author_id, ""])
- ),
- }}
- />
- )}
-
-
-
- State.update({ expandReplies: !state.expandReplies })
- }
- >
- {" "}
- {`${state.expandReplies ? "Collapse" : "Expand"} Replies (${
- childPostIds.length
- })`}
-
- )}
-
- {isUnderPost || !parentId ? (
-
- ) : (
-
-
- Go to parent
-
-
- )}
-
-
-
- ↪ Reply
-
-
-
- {childPostIds.length > 0 && (
-
-
- );
-}
-
-const renamedPostType =
- snapshot.post_type == "Submission" ? "Solution" : snapshot.post_type;
-
-const tags = post.snapshot.labels ? (
-
- {state.editorType === "CREATE" ? (
- <>
-
-
- {post.snapshot.labels.map((tag, idx) => (
-
-) : (
-
-);
-
-const Title = styled.h5`
- margin: 1rem 0;
-
- color: #151515;
- font-size: 1.15rem;
- font-style: normal;
- font-weight: 700;
- line-height: 1.625rem; /* 55.556% */
-`;
-
-const postTitle =
- snapshot.post_type == "Comment" ? (
-
- ) : (
-
-
-
- ))}
- {
- if (typeof props.updateTagInParent === "function") {
- props.updateTagInParent(tag);
- }
- }}
- className="d-flex gap-3 align-items-center"
- style={{ cursor: "pointer", textDecoration: "none" }}
- >
-
-
- {idx !== post.snapshot.labels.length - 1 && (
- •
- )}
-
-
- Supervisor:{" "}
-
-
- ) : (
-
- );
-
-const childPostHasDraft = childPostIds.find(
- (childId) =>
- childId == draftState?.edit_post_id || childId == draftState?.parent_post_id
-);
-if (
- (childPostHasDraft || state.childrenOfChildPostsHasDraft) &&
- props.expandParent
-) {
- props.expandParent();
-}
-
-const postsList =
- props.isPreview || childPostIds.length == 0 ? (
-
- ) : (
- - Maximum amount: {snapshot.amount}{" "} - {tokenResolver(snapshot.sponsorship_token)} -
-
- Supervisor:{" "}
-
-
-
- );
-
-const LimitedMarkdown = styled.div`
- max-height: 20em;
-`;
-
-// Determine if located in the post page.
-const isInList = props.isInList;
-const contentArray = snapshot.description.split("\n");
-const needClamp = isInList && contentArray.length > 5;
-
-initState({
- clamp: needClamp,
- expandReplies: defaultExpanded,
-});
-
-const clampedContent = needClamp
- ? contentArray.slice(0, 3).join("\n")
- : snapshot.description;
-
-const SeeMore = styled.a`
- cursor: pointer;
- color: #00b774 !important;
- font-weight: bold;
-`;
-
-// Should make sure the posts under the currently top viewed post are limited in size.
-const descriptionArea = isUnderPost ? (
-
- {childPostIds.map((childId) => (
-
-
-
- State.update({ childrenOfChildPostsHasDraft: true }),
- referral: `subpost${childId}of${postId}`,
- }}
- />
-
- ))}
-
-
-);
-
-const timestampElement = (_snapshot) => {
- return (
-
- {readableDate(_snapshot.timestamp / 1000000).substring(4)}
-
-
- {/* {widget("components.molecule.markdown-viewer", {
- text: state.clamp ? clampedContent : snapshot.description,
- })} */}
-
- {state.clamp ? (
-
- State.update({ clamp: false })}>
- See more
-
-
- ) : (
- <>
- )}
-
- {searchKeywords}
- {compareSnapshot ? (
-
-
-
- ) : (
- <>
- {postTitle}
- {postExtra}
- {descriptionArea}
-
- )}
- {tags}
- {buttonsFooter}
- {!props.isPreview && (isDraft || state.showEditor) &&
-
-
- {timestampElement(snapshot)}
- {snapshot !== compareSnapshot && (
- <>
-
-
-
-
- {timestampElement(compareSnapshot)}
-
- )}
-
-
- Please sign in to create a post.
-
-
- {
- return (
- !existingLabelSet.has(props.text) &&
- props.text.toLowerCase() !== "blog" && // dont allow adding "Blog"
- props.selected.filter((selected) => selected.name === props.text)
- .length == 0 &&
- Near.view("${REPL_DEVHUB_LEGACY}", "is_allowed_to_use_labels", {
- editor: context.accountId,
- labels: [props.text],
- })
- );
- }}
- />
-
-);
-
-const githubLinkDiv = (
-
- Github Issue URL:
- State.update({ githubLink: event.target.value })}
- />
-
-);
-
-const nameDiv = (
-
-
- State.update({ name: event.target.value })}
- />
-
-);
-
-const amountDiv = (
-
- Amount:
- State.update({ amount: event.target.value })}
- />
-
-);
-
-const tokenDiv = (
-
- Currency
-
-
-);
-
-const supervisorDiv = (
-
- Supervisor:
- State.update({ supervisor: event.target.value })}
- />
-
-);
-
-const callDescriptionDiv = () => {
- return (
-
-
- {
- State.update({ description: content, handler: "update" });
- textareaInputHandler(content);
- },
- }}
- />
- {autocompleteEnabled && state.showAccountAutocomplete && (
-
- State.update({ showAccountAutocomplete: false }),
- }}
- />
-
- )}
-
- );
-};
-
-const disclaimer = (
- - - * Note, all projects that were granted sponsorships are required to pass - KYC to receive the funding. - -
-); - -const isFundraisingDiv = ( - // This is jank with just btns and not radios. But the radios were glitchy af - <> -
-
-
-);
-
-const fundraisingDiv = (
- - Are you seeking funding for your solution? - (Optional) -
-
-
-
-
-
-
-
-
-);
-
-function generateDescription(text, amount, token, supervisor, seekingFunding) {
- const fundingText =
- amount > 0 && token ? `###### Requested amount: ${amount} ${token}\n` : "";
- const supervisorText = supervisor
- ? `###### Requested sponsor: @${supervisor}\n`
- : "";
- return seekingFunding ? `${fundingText}${supervisorText}${text}` : text;
-}
-
-const [tab, setTab] = useState("editor");
-
-const renamedPostType =
- state.postType == "Submission" ? "Solution" : state.postType;
-// Below there is a weird code with fields.includes("githubLink") ternary operator.
-// This is to hack around rendering bug of near.social.
-
-return (
-
- Currency
-
-
-
- Requested amount
- (Numbers Only)
- 0 ? state.amount : ""}
- min={0}
- onChange={(event) => {
- State.update({
- amount: Number(
- event.target.value.toString().replace(/e/g, "")
- ).toString(),
- });
- }}
- />
-
-
-
- - Requested sponsor - (Optional) -
-- If you are requesting funding from a specific sponsor, please enter - their username. -
-
-
- @
-
- State.update({ supervisor: event.target.value })}
- />
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/post/Postv2.jsx b/instances/events-committee.near/widget/devhub/entity/post/Postv2.jsx
deleted file mode 100644
index e130d7d8e..000000000
--- a/instances/events-committee.near/widget/devhub/entity/post/Postv2.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-const { getPost } =
- VM.require("${REPL_EVENTS}/widget/core.adapter.devhub-contract") ||
- (() => {});
-
-const { postKey, template } = props;
-
-const post = getPost({ post_id: parseInt(postKey) });
-
-if (!post) {
- return
- {showPostPage ? (
-
-
-
- )}
-
-
-
-
-
- {!isCreatePostPage && tab === "editor" && (
-
- {mode} {renamedPostType}
-
- )}
- {tab === "preview" && Post Preview
}
-
- {tab === "editor" && (
- <>
- {state.warning && (
-
-
- {state.warning}
-
-
- )}
- {isCreatePostPage && (
-
-
- )}
- {/* This statement around the githubLinkDiv creates a weird render bug
- where the title renders extra on state change. */}
- {state.displayFields.includes("githubLink") ? (
- - What do you want to create? -
-
- {Object.values(postTypeOptions).map((option) => (
-
- ))}
-
- - {postTypeOptions[state.postType].description} -
-
- {state.displayFields.includes("githubLink") &&
- githubLinkDiv}
- {labelEditor}
- {state.displayFields.includes("name") && nameDiv}
- {state.displayFields.includes("description") &&
- callDescriptionDiv()}
-
- ) : (
-
- {labelEditor}
- {state.displayFields.includes("name") && nameDiv}
- {state.displayFields.includes("amount") && amountDiv}
- {state.displayFields.includes("sponsorship_token") &&
- tokenDiv}
- {state.displayFields.includes("supervisor") &&
- supervisorDiv}
- {state.displayFields.includes("description") &&
- callDescriptionDiv()}
- {state.displayFields.includes("fund_raising") &&
- isFundraisingDiv}
- {state.seekingFunding &&
- state.displayFields.includes("fund_raising") &&
- fundraisingDiv}
-
- )}
-
- {disclaimer}
-
- )}
- {tab === "preview" && (
-
-
- )}
-
- <>
-
- {!isCreatePostPage && (
-
- )}
-
- Loading ...
;
-}
-
-const Template = template || (() => <>);
-
-return (
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/post/draft.jsx b/instances/events-committee.near/widget/devhub/entity/post/draft.jsx
deleted file mode 100644
index d84c42dd7..000000000
--- a/instances/events-committee.near/widget/devhub/entity/post/draft.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-const DRAFT_STATE_STORAGE_KEY = "POST_DRAFT_STATE";
-
-const onDraftStateChange = (draftState) =>
- Storage.privateSet(DRAFT_STATE_STORAGE_KEY, JSON.stringify(draftState));
-let draftState;
-try {
- draftState = JSON.parse(Storage.privateGet(DRAFT_STATE_STORAGE_KEY));
-} catch (e) {}
-
-return { DRAFT_STATE_STORAGE_KEY, draftState, onDraftStateChange };
diff --git a/instances/events-committee.near/widget/devhub/entity/team/Configurator.jsx b/instances/events-committee.near/widget/devhub/entity/team/Configurator.jsx
deleted file mode 100644
index 8c5a8d5b9..000000000
--- a/instances/events-committee.near/widget/devhub/entity/team/Configurator.jsx
+++ /dev/null
@@ -1,247 +0,0 @@
-const { Tile } =
- VM.require("${REPL_EVENTS}/widget/devhub.components.molecule.Tile") ||
- (() => <>);
-
-if (!Tile) {
- return Loading...
;
-}
-
-const { data, onSubmit, onCancel } = props;
-
-const Container = styled.div`
- display: flex;
- flex-direction: column;
- width: 100%;
-`;
-
-const Item = styled.div`
- padding: 10px;
- margin: 5px;
- display: flex;
- align-items: center;
- flex-direction: row;
- gap: 10px;
-`;
-
-const backwardsCompatibleLabel = (oldLabel) => {
- if (typeof oldLabel === "string")
- return oldLabel.startsWith("starts-with:") ? oldLabel.slice(12) : oldLabel;
- else return "";
-};
-const backwardsCompatibleTeam = (oldTeam) => {
- if (typeof oldTeam === "string")
- return oldTeam.startsWith("team:") ? oldTeam.slice(5) : oldTeam;
- else return "";
-};
-
-const initialData = data.members || [];
-const [newItem, setNewItem] = useState("");
-const [teamName, setTeamName] = useState(
- backwardsCompatibleTeam(data.teamName) || ""
-);
-const [label, setLabel] = useState(data.label || "");
-const [labelType, setLabelType] = useState(
- (data.label || "").startsWith("starts-with:") ? "starts-with:" : ""
-);
-const [editPost, setEditPost] = useState(data.editPost || false);
-const [useLabels, setUseLabels] = useState(data.useLabels || false);
-const [members, setMembers] = useState(initialData || []);
-
-const [showPreview, setShowPreview] = useState(data.showPreview || []);
-
-const [warning, setWarning] = useState("");
-
-const handleAddItem = () => {
- if (newItem) {
- setMembers([...members, newItem]);
- setNewItem("");
- }
-};
-
-const handleDeleteItem = (index) => {
- const updatedData = [...members];
- updatedData.splice(index, 1);
- setMembers(updatedData);
-};
-
-const handleSubmit = () => {
- if (newItem !== "") {
- return setWarning(
- "Don't forget to add the last member or clear the field to get rid of this warning."
- );
- }
- if (teamName && teamName.startsWith("team:")) {
- return setWarning("The team name can't start with 'team:'");
- }
- if (
- !backwardsCompatibleLabel(label) ||
- !label.trim() ||
- label === "starts-with:"
- ) {
- return setWarning("Invalid label, make sure it's not taken");
- }
- if (members.length < 1) {
- return setWarning("Add at least one member to the team");
- }
-
- onSubmit({
- teamName,
- label: labelType + backwardsCompatibleLabel(label),
- editPost,
- useLabels,
- members: members.map((member) => member.trim()),
- });
-};
-
-return (
- {data.teamName == "" ? "Edit label" : "Create label"}
-
- Group name
- setTeamName(e.target.value),
- value: teamName,
- placeholder: "Team name",
- }}
- />
-
-
-
-
-
- )}
- {members.map((item, index) => (
-
- Would you like this group to limit their restrictions to a single
- label, or would you prefer them to restrict it with any label that
- follows a similar convention?
-
-
-
- setLabel(e.target.value),
- value: backwardsCompatibleLabel(label),
- skipPaddingGap: true,
- placeholder: "label",
- inputProps: {
- prefix: labelType,
- },
- }}
- />
-
- What would you like the restricted label to be?
- Select label permissions
-
-
-
-
- setNewItem(e.target.value),
- value: newItem,
- placeholder: "member",
- inputProps: {
- prefix: "member",
- },
- }}
- />
-
-
-
- onCancel(),
- }}
- />
-
-
- setEditPost(!editPost)}
- disabled={disabled}
- />
-
-
-
- setUseLabels(!useLabels)}
- disabled={disabled}
- />
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/entity/team/LabelRow.jsx b/instances/events-committee.near/widget/devhub/entity/team/LabelRow.jsx
deleted file mode 100644
index c2425cf10..000000000
--- a/instances/events-committee.near/widget/devhub/entity/team/LabelRow.jsx
+++ /dev/null
@@ -1,264 +0,0 @@
-/**
- * In the context of the contract, a group is essentially a member identified
- * by the prefix 'team:'; therefore, on the front end, we also employ 'team,'
- * with the user interface displaying 'group' for clarity.
- */
-
-const { getAccessControlInfo, getRootMembers, removeMember } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-);
-
-if (!getAccessControlInfo || !getRootMembers || !removeMember) {
- return Loading modules...
; -} - -const accessControlInfo = getAccessControlInfo(); -const rootMembers = getRootMembers(); -const allTeamNames = Object.keys(rootMembers || {}); - -if (!accessControlInfo || !rootMembers) { - returnLoading access control info...
; -} - -const { teamName } = props; -const teamModerators = teamName == "team:moderators"; -const label = Object.keys(rootMembers[teamName].permissions)[0] || ""; -const metadata = accessControlInfo.members_list[teamName]; -const editPost = rootMembers[teamName].permissions[label].includes("edit-post"); -const useLabels = - rootMembers[teamName].permissions[label].includes("use-labels"); -const members = rootMembers[teamName].children || []; - -const configuratorData = { - teamName: teamName, - label: label, - members, - editPost, - useLabels, -}; - -const [editMode, setEditMode] = useState(false); -const [alertMessage, setAlertMessage] = useState(""); - -function arrayEq(arr1, arr2) { - if (arr1.length !== arr2.length) { - return false; - } - const sortedArr1 = arr1.slice().sort(); - const sortedArr2 = arr2.slice().sort(); - for (let i = 0; i < sortedArr1.length; i++) { - if (sortedArr1[i] !== sortedArr2[i]) { - return false; - } - } - - return true; -} - -function editTeam({ - teamName: tmnm, - label: lbl, - editPost: edtpst, - useLabels: uslbls, - members: mmbrs, -}) { - let txn = []; - let numberOfChanges = 0; - - if (backwardsCompatibleTeam(teamName) !== tmnm) { - numberOfChanges++; - if (allTeamNames.includes(`team:${tmnm}`)) { - return setAlertMessage("This team name already exists"); - } - } - - console.log(label, lbl); - if (label !== lbl) { - const allLabels = Object.keys(accessControlInfo.rules_list); - if (allLabels.includes(lbl)) { - return setAlertMessage( - "This label is already restricted by another team" - ); - } - } - - if (editPost !== edtpst || useLabels !== uslbls) { - numberOfChanges++; - } - - if (!arrayEq(members, mmbrs)) { - numberOfChanges++; - let membersAndTeams = Object.keys(accessControlInfo.members_list); - - mmbrs.forEach((member) => { - if (!membersAndTeams.includes(member)) { - // Contract panic member does not exist in the members_list yet. - txn.push({ - contractName: "${REPL_EVENTS_CONTRACT}", - methodName: "add_member", - args: { - member: member, - metadata: { - member_metadata_version: "V0", - description: "", - permissions: {}, - children: [], - parents: [], - }, - }, - gas: Big(10).pow(14), - }); - } - }); - } - - if (numberOfChanges < 1) { - return setAlertMessage("No changes found."); - } - - Near.call([ - ...txn, - { - contractName: "${REPL_EVENTS_CONTRACT}", - methodName: "edit_member", - args: { - member: `team:${tmnm}`, - metadata: { - member_metadata_version: "V0", - description: "", - permissions: { - [lbl]: [ - ...(edtpst ? ["edit-post"] : []), - ...(uslbls ? ["use-labels"] : []), - ], - }, - children: mmbrs, - parents: [], - }, - }, - gas: Big(10).pow(14), - }, - ]); -} - -function deleteLabel() { - // contract side this is called a team / member - removeMember(teamName); -} - -const backwardsCompatibleLabel = (oldLabel) => { - if (typeof oldLabel === "string") - return oldLabel.startsWith("starts-with:") ? oldLabel.slice(12) : oldLabel; - else return ""; -}; -// Teams are saved in contract by their prefix 'team:' -// This function makes the teamName display friendly. -const backwardsCompatibleTeam = (oldTeam) => - oldTeam.startsWith("team:") ? oldTeam.slice(5) : oldTeam; - -return ( - <> -
- {metadata.children.length ? (
- metadata.children.map((child) =>
- )}
- {child}
) - ) : ( -No members in this group
- )}
-
- setUseLabels(!useLabels)}
- disabled={disabled}
- />
-
-
- setEditPost(!editPost)}
- disabled={disabled}
- />
-
- Loading modules...
; -} - -const selectedAuthors = props.author ? [{ name: props.author }] : []; - -const authors = getAllAuthors(); - -if (authors === null) { - returnLoading ...
;
-}
-
-const onChange = (selectedAuthors) =>
- props.onAuthorSearch(selectedAuthors[0]?.name);
-
-return (
- Loading modules...
; -} - -const selectedTags = props.tag ? [{ name: props.tag }] : []; - -const tags = getAllLabels(); - -if (tags === null) { - returnLoading ...
;
-}
-
-const onChange = (selectedTags) =>
- props.onTagSearch?.(selectedTags[0]?.name ?? "");
-
-return (
-
-
-
- Activity Feed
-
-
-
-
-
-
- This page is now archived!
-
- For submitting formal funding proposals from DevDAO, please
- visit the new{" "}
-
- Proposal Feed
-
- . To brainstorm and share ideas, please visit the relevant{" "}
-
- communities
-
- .
-
-
-
-
-
-
-
-
-
-
-
-
- updateInput(e.target.value)}
- onKeyDown={(e) => e.key == "Enter" && search()}
- placeholder={props.placeholder ?? `Search by content`}
- />
-
-
-
-
-
-
-
- {
- State.update({ author });
- },
- }}
- />
-
-
- {
- State.update({ tag });
- },
- }}
- />
-
-
- {props.children}
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/notification/Left.jsx b/instances/events-committee.near/widget/devhub/notification/Left.jsx
deleted file mode 100644
index 8b0173d2b..000000000
--- a/instances/events-committee.near/widget/devhub/notification/Left.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url") || (() => {});
-
-if (!props.type) {
- return "Loading ...";
-}
-
-const type = props.type.split("/")[1];
-return props.type ? (
- <>
- {type == "like"
- ? "liked your"
- : type == "reply"
- ? "replied to your"
- : type == "edit"
- ? "edited your"
- : type == "mention"
- ? "mentioned you in their"
- : type}
-
- DevHub proposal
-
-
-) : (
- "Loading ..."
-);
diff --git a/instances/events-committee.near/widget/devhub/notification/Right.jsx b/instances/events-committee.near/widget/devhub/notification/Right.jsx
deleted file mode 100644
index 6a7264121..000000000
--- a/instances/events-committee.near/widget/devhub/notification/Right.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url") || (() => {});
-
-return props.proposal === undefined ? (
- "Loading ..."
-) : (
- <>
-
- View DevHub proposal
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/page/addon.jsx b/instances/events-committee.near/widget/devhub/page/addon.jsx
deleted file mode 100644
index a60a73e37..000000000
--- a/instances/events-committee.near/widget/devhub/page/addon.jsx
+++ /dev/null
@@ -1,170 +0,0 @@
-const Container = styled.div`
- display: flex;
- flex-direction: column;
- height: 100%;
- width: 100%;
- position: relative;
- padding: 0 1rem;
-
- @media screen and (max-width: 960px) {
- padding: 0 1rem;
- }
-`;
-
-const Content = styled.div`
- flex: 1;
- padding: 20px;
- overflow: auto;
-`;
-
-const SettingsButton = styled.button`
- position: absolute;
- top: -100px;
- right: 10px;
-
- background-color: #fff;
- display: flex;
- padding: 14px 16px;
- align-items: center;
- gap: 16px;
- width: 50px;
- height: 50px;
-
- border-radius: 4px;
- border: 1px solid #00ec97;
-
- z-index: 10;
-
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-
- &:hover {
- transform: translateY(2px);
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- }
-
- &:active {
- transform: translateY(0);
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
- }
-`;
-
-const CenteredMessage = styled.div`
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: ${(p) => p.height ?? "100%"};
-`;
-
-const { addon, permissions, handle, addonView, setAddonView } = props;
-
-const { getAllAddons, setCommunityAddon } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-);
-
-if (!getAllAddons || !setCommunityAddon) {
- return
-
-
-
-
- {props.L}
-
- {props.R}
- Loading modules...
; -} - -const availableAddons = getAllAddons(); - -let addonMatch = null; // If availableAddons is not an array, set addonMatch to null -if ( - Array.isArray(availableAddons) && - availableAddons !== null && - availableAddons !== undefined -) { - addonMatch = availableAddons.find((it) => it.id === addon.addon_id); -} - -if (!addonMatch) { - return ( -Addon with id: "{addon.addon_id}" not found.
-
- Activity Feed
-
-
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/page/blog.jsx b/instances/events-committee.near/widget/devhub/page/blog.jsx
deleted file mode 100644
index 32d38b0f3..000000000
--- a/instances/events-committee.near/widget/devhub/page/blog.jsx
+++ /dev/null
@@ -1,111 +0,0 @@
-const { id } = props;
-
-const { Page } =
- VM.require("${REPL_EVENTS}/widget/devhub.entity.addon.blog.Page") ||
- (() => <>);
-
-const [showEditScreenData, setShowEditScreen] = useState(null);
-
-if (id && !showEditScreenData) {
- return (
-
-
-
-
- {tabs.map((tab) => (
- setSelectedTab(tab)}
- >
- {tab}
-
- ))}
-
-
-
-
-
-
-
-
- setShowEditScreen(null)}>
-
-
-
-
- Blog
-
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/page/blogv2.jsx b/instances/events-committee.near/widget/devhub/page/blogv2.jsx
deleted file mode 100644
index 6a0cf998c..000000000
--- a/instances/events-committee.near/widget/devhub/page/blogv2.jsx
+++ /dev/null
@@ -1,146 +0,0 @@
-const { id, community, communityAddonId } = props;
-
-const { Page } =
- VM.require("${REPL_EVENTS}/widget/devhub.entity.addon.blogv2.Page") ||
- (() => <>);
-
-const { getAccountCommunityPermissions } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-) || {
- getAccountCommunityPermissions: () => {},
-};
-
-const [showEditScreenData, setShowEditScreen] = useState(null);
-
-const permissions = getAccountCommunityPermissions({
- account_id: context.accountId,
- community_handle: community,
-}) || {
- can_configure: false,
- can_delete: false,
-};
-
-if (id && !showEditScreenData) {
- return (
- setShowEditScreen(null)}>
-
- Back
-
-
- Blog
-
-
-
-
-);
diff --git a/instances/events-committee.near/widget/devhub/page/communities.jsx b/instances/events-committee.near/widget/devhub/page/communities.jsx
deleted file mode 100644
index 60d2380cd..000000000
--- a/instances/events-committee.near/widget/devhub/page/communities.jsx
+++ /dev/null
@@ -1,222 +0,0 @@
-const { getAllCommunitiesMetadata, createCommunity } = VM.require(
- "${REPL_EVENTS}/widget/core.adapter.devhub-contract"
-);
-
-if (!getAllCommunitiesMetadata || !createCommunity) {
- return Loading modules...
; -} - -const onCommunitySubmit = (inputs) => - createCommunity({ - inputs: { - ...inputs, - - bio_markdown: [ - "This is a sample text about your community.", - "You can change it on the community configuration page.", - ].join("\n"), - - logo_url: - "https://ipfs.near.social/ipfs/bafkreibysr2mkwhb4j36h2t7mqwhynqdy4vzjfygfkfg65kuspd2bawauu", - - banner_url: - "https://ipfs.near.social/ipfs/bafkreic4xgorjt6ha5z4s5e3hscjqrowe5ahd7hlfc5p4hb6kdfp6prgy4", - }, - }); - -const [showSpawner, setShowSpawner] = useState(false); - -const [searchKey, setSearchKey] = useState(""); -const [sort, setSort] = useState(""); - -const communitiesMetadata = getAllCommunitiesMetadata(); - -const SortedAndFiltered = (searchKey, sortBy) => { - let communities = (communitiesMetadata ?? []).reverse(); - - let filtered = [...communities]; - if (searchKey !== "") { - filtered = communities.filter((community) => - community.name.toLowerCase().includes(searchKey.toLowerCase()) - ); - } - - let sortedCommunities = [...filtered]; - if (sortBy !== "") { - sortedCommunities.sort((a, b) => { - let nameA = a.name.toLowerCase(); - let nameB = b.name.toLowerCase(); - - if (nameA < nameB) { - return -1; - } - if (nameA > nameB) { - return 1; - } - return 0; - }); - - if (sortBy === "z-a") { - sortedCommunities.reverse(); - } - } - - return sortedCommunities; -}; - -const CardGrid = styled.div` - width: 100%; - height: 100%; - - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 3rem; - - @media screen and (max-width: 992px) { - grid-template-columns: repeat(2, 1fr); - } - - @media screen and (max-width: 768px) { - display: flex; - flex-direction: column; - gap: 2rem; - } -`; - -const InputContainer = styled.div` - display: flex; - flex-direction: row; - position: relative; - width: 100%; -`; - -const StyledDropdown = styled.div` - button { - text-align: left; - - &::after { - position: absolute; - right: 8px; - top: 45%; - transform: translateX(-50%); - } - } -`; - -return ( -
-
-);
diff --git a/instances/events-committee.near/widget/devhub/page/community/configuration.jsx b/instances/events-committee.near/widget/devhub/page/community/configuration.jsx
deleted file mode 100644
index 68147d456..000000000
--- a/instances/events-committee.near/widget/devhub/page/community/configuration.jsx
+++ /dev/null
@@ -1,189 +0,0 @@
-const { Tile } =
- VM.require("${REPL_EVENTS}/widget/devhub.components.molecule.Tile") ||
- (() => <>);
-
-if (!Tile) {
- return
-
-
-
-
-
- - Communities -
- -
-
-
-
-
-
- {context.accountId && (
-
-
-
- setSearchKey(e.target.value)}
- placeholder={props.placeholder ?? `Search by name`}
- />
-
-
-
-
-
-
-
- setShowSpawner(!showSpawner),
- }}
- />
-
- )}
-
- {showSpawner && (
- setShowSpawner(false),
- }}
- />
- )}
-
- {searchKey === "" && sort === ""
- ? (communitiesMetadata ?? []).reverse().map((communityMetadata) => (
-
-
- Loading...
;
-}
-
-const {
- permissions,
- handle,
- community,
- setCommunityAddons,
- deleteCommunity,
- updateCommunity,
-} = props;
-
-const [communityData, setCommunityData] = useState(community || {});
-const [selectedAddon, setSelectedAddon] = useState(null);
-const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
-
-const sectionSubmit = (sectionData) => {
- const updatedCommunityData = {
- ...Object.entries(sectionData).reduce(
- (update, [propertyKey, propertyValue]) => ({
- ...update,
-
- [propertyKey]:
- typeof propertyValue !== "string" || (propertyValue?.length ?? 0) > 0
- ? propertyValue ?? null
- : null,
- }),
-
- communityData
- ),
- };
- setCommunityData(updatedCommunityData);
- setHasUnsavedChanges(true);
-};
-
-const hasConfigurePermissions = permissions.can_configure;
-const hasDeletePermissions = permissions.can_delete;
-
-return (
-
-
-
-
- (
-
-
- (
-
-
- (
-
- {hasConfigurePermissions && (
-
- (
- setCommunityAddons({ handle, addons: v }),
- ...p,
- }}
- />
- ),
- }}
- />
-
- )}
- {hasDeletePermissions && (
-
-);
diff --git a/instances/events-committee.near/widget/devhub/page/community/index.jsx b/instances/events-committee.near/widget/devhub/page/community/index.jsx
deleted file mode 100644
index 1d6ba9213..000000000
--- a/instances/events-committee.near/widget/devhub/page/community/index.jsx
+++ /dev/null
@@ -1,365 +0,0 @@
-const { normalize } = VM.require("${REPL_EVENTS}/widget/core.lib.stringUtils");
-
-normalize || (normalize = () => {});
-
-const Button = styled.button`
- height: 40px;
- font-size: 14px;
- border-color: #e3e3e0;
- background-color: #ffffff;
-`;
-
-const Banner = styled.div`
- max-width: 100%;
- min-height: 240px;
- height: 240px;
-`;
-
-const CenteredMessage = styled.div`
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: ${(p) => p.height ?? "100%"};
-`;
-
-const NavUnderline = styled.ul`
- cursor: pointer;
- a {
- color: #151515;
- text-decoration: none;
- }
-
- a.active {
- font-weight: bold;
- border-bottom: 4px solid #00ec97;
- }
- border-bottom: 1px solid #cccccc;
-`;
-
-const { tab, permissions, community } = props;
-
-const { href } = VM.require("${REPL_EVENTS}/widget/core.lib.url");
-
-if (!href) {
- return <>;
-}
-
-if (!tab) {
- tab = "Announcements";
-}
-
-tab = normalize(tab);
-
-const [isLinkCopied, setLinkCopied] = useState(false);
-// Addons have either 2 or 1 child widgets, viewer and configure or only the viewer
-const [addonView, setAddonView] = useState("viewer");
-
-const tabs = [];
-
-(community.addons || []).map((addon) => {
- addon.enabled &&
- tabs.push({
- title: addon.display_name,
- params: {
- addon,
- handle: community.handle,
- transactionHashes: props.transactionHashes,
- },
- });
-});
-
-const onShareClick = () =>
- clipboard
- .writeText(
- href({
- gateway: "near.social",
- widgetSrc: "${REPL_EVENTS}/widget/app",
- params: { page: "community", handle: community.handle },
- })
- )
- .then(setLinkCopied(true));
-
-let currentTab = tabs.find((it) => normalize(it.title) === tab);
-
-const CommunityName = styled.span`
- color: #151515;
- font-size: 2.25rem;
- font-style: normal;
- font-weight: 700;
- line-height: 100%; /* 48px */
-
- @media screen and (max-width: 768px) {
- font-size: 1.5rem;
- }
-`;
-
-const CommunityDetails = styled.span`
- color: #818181;
- font-size: 1rem;
- font-style: normal;
- font-weight: 400;
- line-height: 120%; /* 28.8px */
-`;
-
-function trimHttps(url) {
- if (url.startsWith("https://")) {
- return url.substring(8);
- }
- return url;
-}
-
-// some communities have url as handle (eg: devhub platform) while others has correct handle
-function checkTelegramHandle(tg) {
- const pattern = /https:\/\/t.me\/(.*)/;
- const includesHttp = tg.match(pattern);
- const handle = includesHttp ? includesHttp[1] : tg;
- return { handle, url: "https://t.me/" + handle };
-}
-
-const socialLinks = [
- ...((community.website_url?.length ?? 0) > 0
- ? [
- {
- href: `https://${trimHttps(community.website_url)}`,
- iconClass: "bi bi-globe",
- name: trimHttps(community.website_url),
- },
- ]
- : []),
-
- ...((community.github_handle?.length ?? 0) > 0
- ? [
- {
- href: `https://github.com/${community.github_handle}`,
- iconClass: "bi bi-github",
- name: community.github_handle,
- },
- ]
- : []),
-
- ...((community.twitter_handle?.length ?? 0) > 0
- ? [
- {
- href: `https://twitter.com/${community.twitter_handle}`,
- iconClass: "bi bi-twitter",
- name: community.twitter_handle,
- },
- ]
- : []),
-
- ...(community.telegram_handle?.length > 0
- ? [
- {
- href: checkTelegramHandle(community.telegram_handle).url,
- iconClass: "bi bi-telegram",
- name: checkTelegramHandle(community.telegram_handle).handle,
- },
- ]
- : []),
-];
-
-const NavlinksContainer = styled.div`
- //background: white;
- padding: 0 3rem;
-
- @media screen and (max-width: 960px) {
- padding: 0 1rem;
- }
-`;
-
-return (
-
- deleteCommunity({ handle }),
- }}
- />
-
- )}
- {hasConfigurePermissions && hasUnsavedChanges && (
-
-
- updateCommunity({ handle, community: communityData }), // TODO : Track changes in State
- }}
- />
-
- )}
-
-
-
- {tabs.map(
- ({ title }) =>
- title && (
- setAddonView("viewer")}
- >
-
- {title}
-
-
- )
- )}
-
- {currentTab.title === "Activity" && (
-
- {currentTab && (
-
-);
diff --git a/instances/events-committee.near/widget/devhub/page/contribute.jsx b/instances/events-committee.near/widget/devhub/page/contribute.jsx
deleted file mode 100644
index 163dc2758..000000000
--- a/instances/events-committee.near/widget/devhub/page/contribute.jsx
+++ /dev/null
@@ -1,204 +0,0 @@
-const Header = styled.div`
- //background: white;
- padding: 1rem 3.125rem;
- width: 100%;
- margin: 24px;
-
- @media screen and (max-width: 768px) {
- margin: 1rem 0;
- padding: 1rem;
- }
-`;
-
-const PageHeader = styled.h1`
- color: #555555;
- font-size: 1.5rem;
- font-style: normal;
- font-weight: 500;
- line-height: 120%; /* 28.8px */
- letter-spacing: -0.24px;
- margin: 0;
-`;
-
-const Lead = styled.h5`
- color: #151515;
- font-size: 2.5rem;
- font-style: normal;
- font-weight: 700;
- line-height: 120%; /* 48px */
- margin: 2.25rem 8rem;
- margin-top: 0;
-
- @media screen and (max-width: 768px) {
- font-size: 1.75rem;
- margin: 1rem;
- margin-top: 0;
- }
-`;
-
-const Container = styled.div`
- padding: 2.25rem 8rem;
- width: 100%;
- //background-color: white;
-
- @media screen and (max-width: 768px) {
- padding: 1rem;
- }
-`;
-
-const actions = [
- {
- title: "Ideate on DevHub",
- description:
- "The first step in any NEAR ecosystem project is ideation. It is crucial to have a way to find people to share and explore ideas with, partly because it can save a lot of time based on prior discussions. But also because it can you gauge support from a diversity of stakeholders.",
- ctaAction: "Learn More →",
- ctaLink: "/devhub.near/widget/app?page=blog&id=2029",
- },
- {
- title: "Post a Proposal",
- description:
- "If you have already nurtured and refined your idea, you're ready to draft and post your funding proposal.This guide is here to help you craft a compelling, convincing, and concise proposal that will capture the interest of potential funders.",
- ctaAction: "Learn More →",
- ctaLink: "/devhub.near/widget/app?page=blog&id=2035",
- },
- {
- title: "Host an Event",
- description:
- "We are always on the lookout for events that align with our mission and provide value to the NEAR ecosystem. If you are organizing such an event, we would love to hear from you! Below is a guide on how to submit a sponsorship proposal to us.",
- ctaAction: "Learn More →",
- ctaLink: "/devhub.near/widget/app?page=community&handle=hacks&tab=wiki-202",
- },
- {
- title: "Improve NEAR Docs",
- description:
- "NEAR documentation is an open source repository that anyone can fork, extend and contribute to by creating pull requests. To get started, head over to our github repository and checkout how you can make your first contribution. ",
- ctaAction: "Learn More →",
- ctaLink: "https://github.com/near/docs",
- },
- {
- title: "Join the Fellowship",
- description:
- "As the NEAR ecosystem grows rapidly, there is an increasing need to improve developer productivity. The DevDAO NEAR Platform Fellowship Program aims to solve this issue by providing guidance to new contributors from experienced developers.",
- ctaAction: "Learn More →",
- ctaLink:
- "/devhub.near/widget/app?page=community&handle=fellowship&tab=wiki-1",
- },
- {
- title: "Join NEAR Campus",
- description:
- "DevHub’s NEAR Campus supports existing student clubs, researchers, and faculties in blockchain technologies, enhancing both curricular and extracurricular activities. We aim to merge blockchain education with mainstream academics.",
- ctaAction: "Learn More →",
- ctaLink: "/devhub.near/widget/app?page=community&handle=near-campus",
- },
- {
- title: "Dive into Hackbox",
- description:
- "Hackbox is a revolutionary plug-and-play solution designed to empower local leads and community stewards in hosting hackathons easily and efficiently.",
- ctaAction: "Learn More →",
- ctaLink: "/hackbox.near/widget/home",
- },
-];
-
-const Card = styled.div`
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
-
- h5 {
- color: #151515;
- font-size: 1.75rem;
- font-style: normal;
- font-weight: 400;
- line-height: 120%; /* 43.2px */
-
- display: flex;
- align-items: center;
- }
-
- p {
- color: #000;
- font-size: 1rem;
- font-style: normal;
- font-weight: 400;
- line-height: 120%; /* 28.8px */
- }
-
- a {
- color: #f4f4f4;
- font-size: 1rem;
- font-style: normal;
- font-weight: 700;
- line-height: 120%; /* 28.8px */
- letter-spacing: -0.48px;
-
- display: flex;
- padding: 0.5rem 1rem;
- align-items: center;
- gap: 8px;
-
- border-radius: 0.5rem;
- background: #00ec97;
-
- width: max-content;
- }
-`;
-const ActionCard = ({ action, index }) => {
- return (
-
-
-
-
-
-
-
-
-
- 
-
-
-
- {community.name}
-
- {community.description}
-
-
-
- {socialLinks.map((link, index) => (
-
-
-
- ))}
-
-
- {permissions.can_configure && (
-
- setLinkCopied(false),
- title: "Copy link to clipboard",
- }}
- />
-
-
-
- )}
-
-
- Required tags:
-
-
- {context.accountId && (
-
-
- )}
- - - {index + 1} - - {action.title} -
-{action.description}
- - {action.ctaAction} - -Loading modules...
; -} - -const Gradient = styled.div` - height: 250px; - text-align: center; - background: radial-gradient( - circle, - rgba(29, 55, 57, 1) 30%, - rgba(24, 24, 24, 1) 80% - ); - - font-family: Arial, sans-serif; - - .text-primary-gradient { - color: #53fdca; - -webkit-text-fill-color: transparent; - background-image: linear-gradient(#8e76ba, #1ed2f0); - -webkit-background-clip: text; - background-clip: text; - } - - .subtitle-above { - font-size: 18px; - letter-spacing: 1px; - font-family: Courier, monospace; - } - - .subtitle-below { - font-size: 16px; - } - - .slogan { - font-weight: 600; - font-size: 60px; - } -`; - -const FeedPage = ({ recency, tag }) => { - return ( -
-
- );
-};
-
-return FeedPage(props);
diff --git a/instances/events-committee.near/widget/devhub/page/home.jsx b/instances/events-committee.near/widget/devhub/page/home.jsx
deleted file mode 100644
index 257f06b09..000000000
--- a/instances/events-committee.near/widget/devhub/page/home.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-const HomeSections = ["hero", "explore", "connect", "participate", "support"];
-
-return (
- <>
- {HomeSections.map((it) => (
-
-
-);