@vilio/vercel-blob-module 0.0.3

package/dist/actions/settings.cjs

@@ -0,0 +1,23 @@
+"use strict";
+"use server";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBlobConfig = getBlobConfig;
+exports.updateBlobConfig = updateBlobConfig;
+var _server = require("@vilio/modules/server");
+var _cache = require("next/cache");
+async function getBlobConfig() {
+  const config = await (0, _server.getModuleConfig)("vercel-blob");
+  return config || {
+    clientId: ""
+  };
+}
+async function updateBlobConfig(config) {
+  await (0, _server.updateModuleConfig)("vercel-blob", config);
+  (0, _cache.revalidatePath)(`${(0, _server.getVilioPathPrefix)()}/vercel-blob/settings`);
+  return {
+    success: true
+  };
+}

package/dist/actions/settings.d.ts

@@ -0,0 +1,7 @@
+export interface BlobConfig {
+    clientId: string;
+}
+export declare function getBlobConfig(): Promise<any>;
+export declare function updateBlobConfig(config: BlobConfig): Promise<{
+    success: boolean;
+}>;

package/dist/actions/settings.mjs

@@ -0,0 +1,16 @@
+"use server";
+import {
+  getModuleConfig,
+  getVilioPathPrefix,
+  updateModuleConfig
+} from "@vilio/modules/server";
+import { revalidatePath } from "next/cache";
+export async function getBlobConfig() {
+  const config = await getModuleConfig("vercel-blob");
+  return config || { clientId: "" };
+}
+export async function updateBlobConfig(config) {
+  await updateModuleConfig("vercel-blob", config);
+  revalidatePath(`${getVilioPathPrefix()}/vercel-blob/settings`);
+  return { success: true };
+}

package/dist/index.cjs

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _server = require("@vilio/core/server");
+var _intl = require("@vilio/intl");
+var _global = _interopRequireDefault(require("../locales/en/global.json"));
+var _global2 = _interopRequireDefault(require("../locales/pl/global.json"));
+var _manifest = _interopRequireDefault(require("../manifest.json"));
+var _settings = require("./actions/settings.cjs");
+var _vercel = require("./providers/vercel.cjs");
+var _routes = require("./routes.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const vercelBlobModule = {
+  manifest: _manifest.default,
+  translations: {
+    en: _global.default,
+    pl: _global2.default
+  },
+  routes: {
+    private: _routes.privateRoutes
+  },
+  navigation: {
+    admin: {
+      [(0, _intl.i18n)("System")]: [{
+        id: "vercel-blob-settings",
+        title: (0, _intl.i18n)("Vercel Blob Storage"),
+        url: "/vercel-blob/settings",
+        icon: "solar:folder-with-files-bold-duotone"
+      }]
+    }
+  },
+  onEnable: async () => {
+    _server.filesystemService.registerProvider(new _vercel.VercelBlobProvider());
+    const config = await (0, _settings.getBlobConfig)();
+    if (process.env.BLOB_READ_WRITE_TOKEN || config.clientId) {
+      _server.filesystemService.setDefaultProvider("vercel-blob");
+    }
+  },
+  onDisable: async () => {
+    _server.filesystemService.setDefaultProvider("local");
+    _server.filesystemService.unregisterProvider("vercel-blob");
+  },
+  init: async () => {
+    _server.filesystemService.registerProvider(new _vercel.VercelBlobProvider());
+    const config = await (0, _settings.getBlobConfig)();
+    if (process.env.BLOB_READ_WRITE_TOKEN || config.clientId) {
+      _server.filesystemService.setDefaultProvider("vercel-blob");
+    }
+  }
+};
+module.exports = vercelBlobModule;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import type { IModule } from "@vilio/modules";
+declare const vercelBlobModule: IModule;
+export default vercelBlobModule;

package/dist/index.mjs

@@ -0,0 +1,49 @@
+import { filesystemService } from "@vilio/core/server";
+import { i18n } from "@vilio/intl";
+import localesEn from "../locales/en/global.json" with { type: "json" };
+import localesPl from "../locales/pl/global.json" with { type: "json" };
+import manifest from "../manifest.json";
+import { getBlobConfig } from "./actions/settings.mjs";
+import { VercelBlobProvider } from "./providers/vercel.mjs";
+import { privateRoutes } from "./routes.mjs";
+const vercelBlobModule = {
+  manifest,
+  translations: {
+    en: localesEn,
+    pl: localesPl
+  },
+  routes: {
+    private: privateRoutes
+  },
+  navigation: {
+    admin: {
+      [i18n("System")]: [
+        {
+          id: "vercel-blob-settings",
+          title: i18n("Vercel Blob Storage"),
+          url: "/vercel-blob/settings",
+          icon: "solar:folder-with-files-bold-duotone"
+        }
+      ]
+    }
+  },
+  onEnable: async () => {
+    filesystemService.registerProvider(new VercelBlobProvider());
+    const config = await getBlobConfig();
+    if (process.env.BLOB_READ_WRITE_TOKEN || config.clientId) {
+      filesystemService.setDefaultProvider("vercel-blob");
+    }
+  },
+  onDisable: async () => {
+    filesystemService.setDefaultProvider("local");
+    filesystemService.unregisterProvider("vercel-blob");
+  },
+  init: async () => {
+    filesystemService.registerProvider(new VercelBlobProvider());
+    const config = await getBlobConfig();
+    if (process.env.BLOB_READ_WRITE_TOKEN || config.clientId) {
+      filesystemService.setDefaultProvider("vercel-blob");
+    }
+  }
+};
+export default vercelBlobModule;

package/dist/pages/settings-page.cjs

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = BlobSettingsPage;
+var _intl = require("@vilio/intl");
+var _ui = require("@vilio/ui");
+var _button = require("@vilio/ui/components/button");
+var _card = require("@vilio/ui/components/card");
+var _input = require("@vilio/ui/components/input");
+var _label = require("@vilio/ui/components/label");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _settings = require("../actions/settings.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function BlobSettingsPage() {
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const [config, setConfig] = (0, _react.useState)({
+    clientId: ""
+  });
+  const [loading, setLoading] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    (0, _settings.getBlobConfig)().then(data => {
+      setConfig(data);
+      setLoading(false);
+    });
+  }, []);
+  const handleSave = async e => {
+    e.preventDefault();
+    try {
+      await (0, _settings.updateBlobConfig)(config);
+      _ui.toast.success(t("Settings saved successfully"));
+    } catch (_error) {
+      _ui.toast.error(t("Failed to save settings. Please check your configuration and try again."));
+    }
+  };
+  if (loading) return /* @__PURE__ */React.createElement("div", null, t("Vercel Blob loading..."));
+  return /* @__PURE__ */React.createElement("div", {
+    className: "container mx-auto py-10 max-w-2xl"
+  }, /* @__PURE__ */React.createElement(_card.Card, null, /* @__PURE__ */React.createElement(_card.CardHeader, null, /* @__PURE__ */React.createElement("div", null, t("Vercel Blob")), /* @__PURE__ */React.createElement("div", null, t("")), /* @__PURE__ */React.createElement(_card.CardTitle, null, t("Vercel Blob Settings")), /* @__PURE__ */React.createElement(_card.CardDescription, null, t("Configure your Vercel Blob credentials. You can find these in the Vercel Dashboard."))), /* @__PURE__ */React.createElement(_card.CardContent, null, /* @__PURE__ */React.createElement("form", {
+    onSubmit: handleSave,
+    className: "space-y-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "clientId"
+  }, t("Client ID")), /* @__PURE__ */React.createElement(_input.Input, {
+    id: "clientId",
+    value: config.clientId,
+    onChange: e => setConfig({
+      ...config,
+      clientId: e.target.value
+    }),
+    placeholder: "vercel_blob_rw_********************************"
+  })), /* @__PURE__ */React.createElement(_button.Button, {
+    type: "submit",
+    className: "w-full"
+  }, t("Save Configuration"))))));
+}

package/dist/pages/settings-page.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function BlobSettingsPage(): React.JSX.Element;

package/dist/pages/settings-page.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { useTranslation } from "@vilio/intl";
+import { toast } from "@vilio/ui";
+import { Button } from "@vilio/ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+} from "@vilio/ui/components/card";
+import { Input } from "@vilio/ui/components/input";
+import { Label } from "@vilio/ui/components/label";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import {
+  getBlobConfig,
+  updateBlobConfig
+} from "../actions/settings.mjs";
+export default function BlobSettingsPage() {
+  const { t } = useTranslation();
+  const [config, setConfig] = useState({
+    clientId: ""
+  });
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    getBlobConfig().then((data) => {
+      setConfig(data);
+      setLoading(false);
+    });
+  }, []);
+  const handleSave = async (e) => {
+    e.preventDefault();
+    try {
+      await updateBlobConfig(config);
+      toast.success(t("Settings saved successfully"));
+    } catch (_error) {
+      toast.error(
+        t(
+          "Failed to save settings. Please check your configuration and try again."
+        )
+      );
+    }
+  };
+  if (loading) return /* @__PURE__ */ React.createElement("div", null, t("Vercel Blob loading..."));
+  return /* @__PURE__ */ React.createElement("div", { className: "container mx-auto py-10 max-w-2xl" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement("div", null, t("Vercel Blob")), /* @__PURE__ */ React.createElement("div", null, t("")), /* @__PURE__ */ React.createElement(CardTitle, null, t("Vercel Blob Settings")), /* @__PURE__ */ React.createElement(CardDescription, null, t(
+    "Configure your Vercel Blob credentials. You can find these in the Vercel Dashboard."
+  ))), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("form", { onSubmit: handleSave, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "clientId" }, t("Client ID")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      id: "clientId",
+      value: config.clientId,
+      onChange: (e) => setConfig({ ...config, clientId: e.target.value }),
+      placeholder: "vercel_blob_rw_********************************"
+    }
+  )), /* @__PURE__ */ React.createElement(Button, { type: "submit", className: "w-full" }, t("Save Configuration"))))));
+}

package/dist/providers/vercel.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VercelBlobProvider = void 0;
+var _blob = require("@vercel/blob");
+var _settings = require("../actions/settings.cjs");
+class VercelBlobProvider {
+  id = "vercel-blob";
+  name = "Vercel Blob";
+  async upload(file) {
+    const config = await (0, _settings.getBlobConfig)();
+    if (!config.clientId) {
+      return {
+        error: "Vercel Blob token is not configured"
+      };
+    }
+    try {
+      const blob = await (0, _blob.put)(file.name, file, {
+        access: "public",
+        addRandomSuffix: true,
+        token: config.clientId
+      });
+      return {
+        name: file.name,
+        url: blob.url,
+        type: file.type,
+        size: file.size,
+        service: "vercel-blob",
+        serviceId: blob.pathname
+      };
+    } catch (error) {
+      console.error("[VercelBlob] Upload error:", error);
+      return {
+        error: error.message || "Failed to upload to Vercel Blob"
+      };
+    }
+  }
+}
+exports.VercelBlobProvider = VercelBlobProvider;

package/dist/providers/vercel.d.ts

@@ -0,0 +1,6 @@
+import type { IStorageProvider, StorageResult } from "@vilio/core/server";
+export declare class VercelBlobProvider implements IStorageProvider {
+    id: string;
+    name: string;
+    upload(file: File): Promise<StorageResult>;
+}

package/dist/providers/vercel.mjs

@@ -0,0 +1,30 @@
+import { put } from "@vercel/blob";
+import { getBlobConfig } from "../actions/settings.mjs";
+export class VercelBlobProvider {
+  id = "vercel-blob";
+  name = "Vercel Blob";
+  async upload(file) {
+    const config = await getBlobConfig();
+    if (!config.clientId) {
+      return { error: "Vercel Blob token is not configured" };
+    }
+    try {
+      const blob = await put(file.name, file, {
+        access: "public",
+        addRandomSuffix: true,
+        token: config.clientId
+      });
+      return {
+        name: file.name,
+        url: blob.url,
+        type: file.type,
+        size: file.size,
+        service: "vercel-blob",
+        serviceId: blob.pathname
+      };
+    } catch (error) {
+      console.error("[VercelBlob] Upload error:", error);
+      return { error: error.message || "Failed to upload to Vercel Blob" };
+    }
+  }
+}

package/dist/routes.cjs

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.privateRoutes = void 0;
+var _settingsPage = _interopRequireDefault(require("./pages/settings-page.cjs"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const privateRoutes = exports.privateRoutes = [{
+  path: "/vercel-blob/settings",
+  // Będzie widoczne pod /module/vercel-blob/settings
+  component: _settingsPage.default,
+  auth: true,
+  roles: ["admin"]
+  // Tylko użytkownicy z rolą "admin" mogą uzyskać dostęp
+  // 'permissions': ['system:vercel-blob-settings'], // Tylko użytkownicy z tą konkretną uprawnieniem mogą uzyskać dostęp
+}];

package/dist/routes.d.ts

@@ -0,0 +1,2 @@
+import type { PrivateRouteDefinition } from "@vilio/modules";
+export declare const privateRoutes: PrivateRouteDefinition[];

package/dist/routes.mjs

@@ -0,0 +1,12 @@
+import BlobSettingsPage from "./pages/settings-page.mjs";
+export const privateRoutes = [
+  {
+    path: "/vercel-blob/settings",
+    // Będzie widoczne pod /module/vercel-blob/settings
+    component: BlobSettingsPage,
+    auth: true,
+    roles: ["admin"]
+    // Tylko użytkownicy z rolą "admin" mogą uzyskać dostęp
+    // 'permissions': ['system:vercel-blob-settings'], // Tylko użytkownicy z tą konkretną uprawnieniem mogą uzyskać dostęp
+  }
+];

package/locales/en/global.json

@@ -0,0 +1,12 @@
+{
+  "System": "System",
+  "Vercel Blob Storage": "Vercel Blob Storage",
+  "Settings saved successfully": "Settings saved successfully",
+  "Failed to save settings. Please check your configuration and try again.": "Failed to save settings. Please check your configuration and try again.",
+  "Vercel Blob loading...": "Vercel Blob loading...",
+  "Vercel Blob": "Vercel Blob",
+  "Vercel Blob Settings": "Vercel Blob Settings",
+  "Configure your Vercel Blob credentials. You can find these in the Vercel Dashboard.": "Configure your Vercel Blob credentials. You can find these in the Vercel Dashboard.",
+  "Client ID": "Client ID",
+  "Save Configuration": "Save Configuration"
+}

package/locales/pl/global.json

@@ -0,0 +1,12 @@
+{
+  "System": "System",
+  "Vercel Blob Storage": "Magazyn plików BLOB Vercel",
+  "Settings saved successfully": "Ustawienia zostały zapisane pomyślnie",
+  "Failed to save settings. Please check your configuration and try again.": "Nie udało się zapisać ustawień. Sprawdź swoją konfigurację i spróbuj ponownie.",
+  "Vercel Blob loading...": "Ładowanie obiektu Vercel Blob...",
+  "Vercel Blob": "Vercel Blob",
+  "Vercel Blob Settings": "Ustawienia obiektu Blob Vercel",
+  "Configure your Vercel Blob credentials. You can find these in the Vercel Dashboard.": "Skonfiguruj poświadczenia obiektu Vercel Blob. Znajdziesz je w panelu kontrolnym Vercel.",
+  "Client ID": "Identyfikator klienta",
+  "Save Configuration": "Zapisz konfigurację"
+}

package/manifest.json

@@ -0,0 +1,11 @@
+{
+  "id": "vercel-blob-module",
+  "name": "Vercel Blob Module",
+  "version": "0.0.1",
+  "description": "Vercel Blob integration to vilio-framework",
+  "enabled": true,
+  "system": false,
+  "dependencies": [],
+  "extends": [],
+  "isNpm": true
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@vilio/vercel-blob-module",
+  "version": "0.0.3",
+  "description": "Activity module for Vilio framework",
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "locales",
+    "manifest.json"
+  ],
+  "scripts": {
+    "release": "npm publish --access public --no-git-checks",
+    "clean": "rm -rf ./dist",
+    "switch:dev": "node scripts/switchToSrc.js",
+    "switch:prod": "node scripts/switchToDist.js",
+    "dev": "unbuild --stub",
+    "build": "unbuild"
+  },
+  "dependencies": {
+    "@vercel/blob": "^2.2.0",
+    "@vilio/ui": "^0.0.4",
+    "@vilio/modules": "^0.0.4",
+    "drizzle-orm": "1.0.0-beta.6-4414a19",
+    "pg": "^8.16.3",
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "@vilio/core": "^0.0.4",
+    "@types/react": "^19",
+    "@types/pg": "^8.16.0",
+    "next": "16.1.1",
+    "react": "^19.0.0",
+    "typescript": "^5.3.3",
+    "unbuild": "^3.6.1"
+  },
+  "peerDependencies": {
+    "@vilio/core": "^0.0.4",
+    "@vilio/intl": "^0.0.4",
+    "@vilio/ui": "^0.0.4",
+    "next": ">=13.0.0",
+    "react": "^19.0.0"
+  },
+  "main": "./dist/index.mjs"
+}