@brftech/filex-core 0.1.56

package/src/modals/RenameModal.vue

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue';
+import type { LocaleCode } from '../types/ExplorerConfig';
+import { useLocale } from '../composables/useLocale';
+import Modal from './Modal.vue';
+
+const props = defineProps<{
+  open: boolean;
+  locale: LocaleCode;
+  currentName: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'close'): void;
+  (e: 'submit', name: string): void;
+}>();
+
+const { t } = useLocale(() => props.locale);
+const name = ref('');
+
+watch(
+  () => [props.open, props.currentName] as const,
+  ([isOpen, cur]) => {
+    if (isOpen) {
+      name.value = cur;
+    }
+  },
+);
+
+function submit() {
+  const clean = name.value.trim();
+  if (!clean) return;
+  if (/[\\/]/.test(clean) || clean === '.' || clean === '..') return;
+  emit('submit', clean);
+}
+</script>
+
+<template>
+  <Modal :open="open" :title="t('modal.rename.title')" size="sm" @close="emit('close')">
+    <form @submit.prevent="submit">
+      <input
+        v-model="name"
+        type="text"
+        class="fe-input"
+        autocomplete="off"
+        @keydown.enter.prevent="submit"
+      />
+    </form>
+    <template #actions>
+      <button type="button" class="fe-btn" @click="emit('close')">
+        {{ t('modal.rename.cancel') }}
+      </button>
+      <button type="button" class="fe-btn fe-btn--primary" @click="submit">
+        {{ t('modal.rename.save') }}
+      </button>
+    </template>
+  </Modal>
+</template>

package/src/modals/ShareModal.vue

@@ -0,0 +1,135 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue';
+import type { LocaleCode } from '../types/ExplorerConfig';
+import type { ShareInfo } from '../types/FileNode';
+import { useLocale } from '../composables/useLocale';
+import Modal from './Modal.vue';
+
+const props = defineProps<{
+  open: boolean;
+  locale: LocaleCode;
+  share?: (ShareInfo & { url: string; filename?: string }) | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'close'): void;
+  (
+    e: 'submit',
+    payload: { password: boolean; expires_at: string | null; max_downloads: number | null },
+  ): void;
+  (e: 'toast', msg: string): void;
+}>();
+
+const { t } = useLocale(() => props.locale);
+
+const usePin = ref(false);
+const expiresAt = ref<string>('');
+const maxDownloads = ref<string>('');
+
+watch(() => props.open, (v) => {
+  if (v) {
+    usePin.value = false;
+    expiresAt.value = '';
+    maxDownloads.value = '';
+  }
+});
+
+function submit() {
+  emit('submit', {
+    password: usePin.value,
+    expires_at: expiresAt.value ? new Date(expiresAt.value).toISOString() : null,
+    max_downloads: maxDownloads.value ? Number(maxDownloads.value) : null,
+  });
+}
+
+async function copy(value: string, toast: string) {
+  try {
+    await navigator.clipboard.writeText(value);
+    emit('toast', toast);
+  } catch {
+    /* no-op */
+  }
+}
+
+// Wrap a value in single quotes for safe paste into a POSIX shell —
+// embedded single quotes become the standard '\'' dance.
+function shQuote(value: string): string {
+  return `'${value.replace(/'/g, `'\\''`)}'`;
+}
+
+// One-line curl that downloads the shared file straight onto a server.
+// The PIN (if any) rides in the querystring — HandleDownload accepts
+// ?pin=, and -L follows the 302 to the presigned URL for S3 storages.
+const cliCommand = computed(() => {
+  const sh = props.share;
+  if (!sh) return '';
+  let url = sh.url;
+  if (sh.password_pin) {
+    url += (url.includes('?') ? '&' : '?') + 'pin=' + encodeURIComponent(sh.password_pin);
+  }
+  // Prefer an explicit output name; fall back to the server's
+  // Content-Disposition filename (-OJ) when we don't know it.
+  const target = sh.filename ? `-o ${shQuote(sh.filename)} ` : '-OJ ';
+  return `curl -fSL ${target}${shQuote(url)}`;
+});
+</script>
+
+<template>
+  <Modal :open="open" :title="t('modal.share.title')" size="md" @close="emit('close')">
+    <template v-if="!share">
+      <form class="fe-form" @submit.prevent="submit">
+        <label class="fe-form__row">
+          <input v-model="usePin" type="checkbox" />
+          <span>{{ t('modal.share.pin') }}</span>
+        </label>
+        <label class="fe-form__row fe-form__row--stack">
+          <span>{{ t('modal.share.expires') }}</span>
+          <input v-model="expiresAt" type="datetime-local" class="fe-input" />
+        </label>
+        <label class="fe-form__row fe-form__row--stack">
+          <span>{{ t('modal.share.max_downloads') }}</span>
+          <input v-model="maxDownloads" type="number" min="1" class="fe-input" />
+        </label>
+      </form>
+    </template>
+    <template v-else>
+      <div class="fe-share-result">
+        <div class="fe-share-result__row">
+          <label>Link</label>
+          <div class="fe-share-result__copy">
+            <input :value="share.url" readonly class="fe-input" />
+            <button type="button" class="fe-btn" @click="copy(share.url, t('modal.share.url_copied'))">
+              {{ t('modal.share.copy') }}
+            </button>
+          </div>
+        </div>
+        <div v-if="share.password_pin" class="fe-share-result__row">
+          <label>PIN</label>
+          <div class="fe-share-result__copy">
+            <input :value="share.password_pin" readonly class="fe-input fe-input--mono" />
+            <button type="button" class="fe-btn" @click="copy(share.password_pin, t('modal.share.pin_copied'))">
+              {{ t('modal.share.copy') }}
+            </button>
+          </div>
+        </div>
+        <div class="fe-share-result__row">
+          <label>CLI</label>
+          <div class="fe-share-result__copy">
+            <input :value="cliCommand" readonly class="fe-input fe-input--mono" />
+            <button type="button" class="fe-btn" @click="copy(cliCommand, t('modal.share.cli_copied'))">
+              {{ t('modal.share.copy') }}
+            </button>
+          </div>
+        </div>
+      </div>
+    </template>
+    <template #actions>
+      <button type="button" class="fe-btn" @click="emit('close')">
+        {{ share ? 'Kapat' : t('modal.share.cancel') }}
+      </button>
+      <button v-if="!share" type="button" class="fe-btn fe-btn--primary" @click="submit">
+        {{ t('modal.share.create') }}
+      </button>
+    </template>
+  </Modal>
+</template>