<template>
<Modal ref="modalRef" title="Contribute Assets">
<Stack>
<div v-if="enableContributeButton" class="flex flex-col gap-2xs max-h-72 overflow-auto">
{{ props.contributeRequest.name }}
</div>
<ErrorMessage v-if="contributeModuleReqStatus.isError" :requestStatus="contributeModuleReqStatus" />
<p>
Everything you contribute will receive a code review, and we will reach out if we have any questions or
concerns. Assuming things look good, we will then include your asset in a future version of System Initiative!
</p>
<p>
By clicking the 'Contribute to System Initiative' button, you agree to license any code submitted under the
terms of the
<a class="text-action-500" href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>,
and that you intend for System Initiative, Inc. to distribute it.
</p>
<VButton
:disabled="!enableContributeButton"
:loadingText="_.sample(contributeLoadingTexts)"
:requestStatus="contributeModuleReqStatus"
label="Contribute to System Initiative"
icon="cloud-upload"
size="sm"
tone="action"
@click="contributeAssets"
/>
</Stack>
</Modal>
</template>
<script lang="ts" setup>
import { ref, computed } from "vue";
import { Modal, VButton, useModal, Stack, ErrorMessage } from "@si/vue-lib/design-system";
import * as _ from "lodash-es";
import { useModuleStore } from "@/store/module.store";
import { ModuleContributeRequest } from "@/api/sdf/dal/module";
const moduleStore = useModuleStore();
const modalRef = ref<InstanceType<typeof Modal>>();
const contributeModuleReqStatus = moduleStore.getRequestStatus("CONTRIBUTE");
const props = defineProps<{ contributeRequest: ModuleContributeRequest }>();
const emits = defineEmits<{
(e: "contributeSuccess"): void;
}>();
const contributeLoadingTexts = [
"Engaging Photon Torpedos...",
"Reticulating Splines...",
"Revolutionizing DevOps...",
"Calibrating Hyperspace Matrix...",
"Syncing Neural Circuitry...",
"Optimizing Tachyon Weave...",
"Tuning Fractal Harmonics...",
"Reshuffling Multiverse Threads...",
"Harmonizing Subspace Arrays...",
"Modulating Cybernetic Matrices...",
"Configuring Exo-Geometric Arrays...",
"Initializing Flux Capacitors...",
"Balancing Subatomic Resonance...",
"Fine-tuning Quantum Entanglement...",
"Matrixing Hyperdimensional Grids...",
"Coalescing Esoteric Code...",
"Syncopating Quantum Flux...",
"Reformatting Reality Lattice...",
"Fine-tuning Temporal Flux...",
"Syncing Cosmic Harmonics...",
];
const { open: openModal, close } = useModal(modalRef);
const open = () => {
openModal();
};
const isOpen = computed(() => modalRef.value?.isOpen);
defineExpose({ open, close, isOpen });
const enableContributeButton = computed(() => {
return props.contributeRequest;
});
const contributeAssets = async () => {
const updatedRequest = {
...props.contributeRequest,
isPrivateModule: false,
};
const result = await moduleStore.CONTRIBUTE(updatedRequest);
if (result.result.success) {
emits("contributeSuccess");
close();
await moduleStore.LOAD_LOCAL_MODULES();
}
};
</script>
