@brftech/filex-core 0.1.56 → 0.1.60

package/src/modals/RenameModal.vue

@@ -1,58 +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>
+<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

@@ -1,135 +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>
+<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>