@lobb-js/lobb-ext-auth 0.1.58

package/lobb/tests/socialBlog.test.ts

@@ -0,0 +1,260 @@
+import { Lobb } from "@lobb/core";
+import { assertEquals, assertObjectMatch } from "@std/assert";
+import { afterAll, beforeAll, describe, it } from "@std/testing/bdd";
+import {
+  createArticles,
+  removeArticles,
+} from "./utils/addSocialBlogArticles.ts";
+import { socialBlogConfig } from "./configs/social_blog.ts";
+
+describe("Social Blog Auth", () => {
+  let lobb: Lobb;
+  let articlesIds: string[];
+  let newUserId: string;
+
+  beforeAll(async () => {
+    lobb = await Lobb.init(socialBlogConfig);
+    articlesIds = await createArticles(lobb);
+  });
+
+  afterAll(async () => {
+    await removeArticles(lobb);
+    await lobb.close();
+  });
+
+  it("should return only public status articles for public users", async () => {
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/articles?sort=id",
+      {
+        method: "GET",
+      },
+    );
+
+    const result = await response.json();
+    const titles = result.data.map((article: any) => article.title);
+
+    assertEquals(
+      titles,
+      [
+        "The Future of AI: Trends Shaping Tomorrow's Technology",
+        "Mental Health in the Digital Age: Navigating the New Challenges",
+        "The Role of 5G in Revolutionizing Smart Cities",
+      ],
+    );
+    assertEquals(response.status, 200);
+  });
+
+  it("returns only public articles or the private and public articles that the user owns", async () => {
+    // login with the doe user
+    const headers = new Headers();
+
+    const loginResponse = await fetch(
+      "http://127.0.0.1:3001/api/collections/auth_sessions",
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          data: {
+            email: "doe@gmail.com",
+            password: "123456",
+          },
+        }),
+      },
+    );
+    const loginData = await loginResponse.json();
+
+    headers.append(
+      "Authorization",
+      `Bearer ${loginData.data.access_token.token}`,
+    );
+
+    // get articles with the doe user
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/articles?sort=id",
+      {
+        method: "GET",
+        headers: headers,
+      },
+    );
+    const result = await response.json();
+
+    const titles = result.data.map((article: any) => article.title);
+
+    assertEquals(
+      titles,
+      [
+        "The Future of AI: Trends Shaping Tomorrow's Technology",
+        "Mental Health in the Digital Age: Navigating the New Challenges",
+        "Sustainable Fashion: How the Industry is Going Green",
+        "The Role of 5G in Revolutionizing Smart Cities",
+        "Digital Marketing in 2024: Emerging Strategies for Success",
+        "The Future of Renewable Energy: Innovations Driving a Clean Energy Revolution",
+      ],
+    );
+    assertEquals(response.status, 200);
+  });
+
+  it("should prevent public users from creating users with a role other than the author role", async () => {
+    // get articles with the doe user
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/auth_users",
+      {
+        method: "POST",
+        body: JSON.stringify({
+          data: {
+            email: "new_user@gmail.com",
+            password: "123456",
+            role: "admin",
+          },
+        }),
+      },
+    );
+
+    const result = await response.json();
+
+    assertEquals(response.status, 403);
+    assertEquals(
+      result,
+      {
+        status: 403,
+        code: "FORBIDDEN",
+        message: "You do not have permission to perform this action.",
+      },
+    );
+  });
+
+  it("should allow public users to create users with the author role", async () => {
+    // get articles with the doe user
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/auth_users",
+      {
+        method: "POST",
+        body: JSON.stringify({
+          data: {
+            email: "new_user@gmail.com",
+            password: "123456",
+            role: "author",
+          },
+        }),
+      },
+    );
+
+    const result = await response.json();
+
+    assertEquals(response.status, 201);
+    assertObjectMatch(
+      result.data,
+      {
+        email: "new_user@gmail.com",
+      },
+    );
+  });
+
+  it("should fill the author_id of the article automatically with the logged in user_id", async () => {
+    const headers = new Headers();
+    const loginResponse = await fetch(
+      "http://127.0.0.1:3001/api/collections/auth_sessions",
+      {
+        method: "POST",
+        body: JSON.stringify({
+          data: {
+            email: "new_user@gmail.com",
+            password: "123456",
+          },
+        }),
+      },
+    );
+    const loginData = await loginResponse.json();
+    newUserId = loginData.data.user.id;
+    headers.append(
+      "Authorization",
+      `Bearer ${loginData.data.access_token.token}`,
+    );
+
+    // create an article
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/articles",
+      {
+        headers: headers,
+        method: "POST",
+        body: JSON.stringify({
+          data: {
+            title: "new article created by the new user",
+            body: "test the new body",
+          },
+        }),
+      },
+    );
+
+    const result = await response.json();
+
+    assertEquals(response.status, 201);
+    assertObjectMatch(
+      result.data,
+      {
+        author_id: newUserId,
+        title: "new article created by the new user",
+        body: "test the new body",
+        description: null,
+        image: null,
+        status: "private",
+      },
+    );
+  });
+
+  it("should hide the password of the users from the returned responses of findOne operations", async () => {
+    // create an article
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/auth_users/" + newUserId,
+      {
+        method: "Get",
+      },
+    );
+
+    const result = await response.json();
+
+    assertEquals(response.status, 200);
+    assertEquals(
+      Object.keys(result.data).includes("password"),
+      false,
+    );
+  });
+
+  it("should hide the password of the users from the returned responses of findAll operations", async () => {
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/auth_users",
+      {
+        method: "Get",
+      },
+    );
+
+    const result = await response.json();
+
+    assertEquals(
+      Object.keys(result.data).includes("password"),
+      false,
+    );
+    assertEquals(response.status, 200);
+  });
+
+  it("should prevent public users from getting admin role users", async () => {
+    const response = await fetch(
+      "http://127.0.0.1:3001/api/collections/auth_users",
+      {
+        method: "Get",
+      },
+    );
+
+    const result = await response.json();
+
+    const adminUsers = result.data.filter((user: any) => user.role === "admin");
+
+    assertEquals(
+      adminUsers.length,
+      0,
+    );
+    assertEquals(response.status, 200);
+  });
+});

package/lobb/tests/utils/addArticles.ts

@@ -0,0 +1,26 @@
+import type { Lobb } from "@lobb/core";
+import { articles } from "../utils/data/articles.ts";
+
+export async function createArticles(lobb: Lobb) {
+  const collectionService = lobb.utils.getCollectionService({
+    collectionName: "articles",
+  });
+
+  const createdArticles: any[] = [];
+  for (let index = 0; index < articles.length; index++) {
+    const article = articles[index];
+    const createdArticle = (await collectionService.createOne({
+      data: article,
+    })).data;
+    createdArticles.push(createdArticle);
+  }
+
+  return createdArticles.map((article) => article.id);
+}
+
+export async function removeArticles(lobb: Lobb) {
+  const collectionService = lobb.utils.getCollectionService({
+    collectionName: "articles",
+  });
+  await collectionService.deleteMany({});
+}

package/lobb/tests/utils/addSocialBlogArticles.ts

@@ -0,0 +1,60 @@
+import type { Lobb } from "@lobb/core";
+import { articles } from "./data/socialBlogArticles.ts";
+
+export async function createArticles(lobb: Lobb) {
+  // clean collections
+  await removeArticles(lobb);
+
+  // create the owner user
+  const usersService = lobb.utils.getCollectionService({
+    collectionName: "auth_users",
+  });
+  const user = (await usersService.createOne({
+    data: {
+      email: "john@gmail.com",
+      password: "123456",
+      role: "author",
+    },
+  })).data;
+  const user2 = (await usersService.createOne({
+    data: {
+      email: "doe@gmail.com",
+      password: "123456",
+      role: "author",
+    },
+  })).data;
+
+  // create the articles
+  const collectionService = lobb.utils.getCollectionService({
+    collectionName: "articles",
+  });
+
+  const createdArticles: any[] = [];
+  for (let index = 0; index < articles.length; index++) {
+    const article: any = articles[index];
+    article["author_id"] = index > (articles.length / 2) ? user2.id : user.id;
+    const createdArticle = (await collectionService.createOne({
+      data: article,
+    })).data;
+    createdArticles.push(createdArticle);
+  }
+
+  return createdArticles.map((article) => article.id);
+}
+
+export async function removeArticles(lobb: Lobb) {
+  const collectionService = lobb.utils.getCollectionService({
+    collectionName: "articles",
+  });
+  await collectionService.deleteMany({
+    filter: {},
+    force: true,
+  });
+  const usersService = lobb.utils.getCollectionService({
+    collectionName: "auth_users",
+  });
+  await usersService.deleteMany({
+    filter: {},
+    force: true,
+  });
+}

package/lobb/tests/utils/data/articles.ts

@@ -0,0 +1,65 @@
+export const articles = [
+  {
+    title: "The Future of AI: Trends Shaping Tomorrow's Technology",
+    body:
+      "Explore how artificial intelligence is evolving, from machine learning innovations to ethical challenges in AI governance. This article delves into the transformative potential AI holds for industries like healthcare, finance, and automation.",
+    number_of_likes: 454,
+    published: null,
+  },
+  {
+    title: "Climate Change and Its Impact on Global Food Security",
+    body:
+      "This article examines the effect of climate change on agriculture and global food production. It covers rising temperatures, changing weather patterns, and their implications for food supply chains, emphasizing the need for sustainable farming practices Wow.",
+    number_of_likes: 1212,
+  },
+  {
+    title: "The Rise of Remote Work: Is the Office Dead?",
+    body:
+      "A comprehensive analysis of How remote work has redefined the modern workplace post-pandemic. It discusses benefits and challenges for both employers and employees, and whether traditional office spaces will continue to exist in the future.",
+    number_of_likes: 9848,
+    published: true,
+  },
+  {
+    title: "Blockchain Beyond Cryptocurrency: Practical Applications in 2024",
+    body:
+      "Blockchain technology extends far beyond Bitcoin and digital currencies. This article explains its real-world uses in supply chain management, healthcare, and secure voting systems, highlighting successful implementations and ongoing experiments.",
+    number_of_likes: 10,
+  },
+  {
+    title: "Mental Health in the Digital Age: Navigating the New Challenges",
+    body:
+      "With increasing screen time and social media usage, mental health issues have taken new forms. This article addresses the growing concerns around digital addiction, online anxiety, and the role of tech companies in promoting well-being wow.",
+    number_of_likes: 5,
+  },
+  {
+    title: "Understanding Quantum Computing: The Next Tech Revolution",
+    body:
+      "Quantum computing promises to solve problems too complex for classical computers. This article breaks down the fundamentals of quantum technology, its current state, and its future potential across industries like pharmaceuticals, logistics, and cybersecurity.",
+    number_of_likes: 156,
+  },
+  {
+    title: "Sustainable Fashion: How the Industry is Going Green",
+    body:
+      "With environmental consciousness on the rise, the fashion industry is pivoting toward sustainability. This article looks at eco-friendly materials, ethical manufacturing processes, and how major brands are embracing the green movement wow.",
+    number_of_likes: 89,
+  },
+  {
+    title: "The Role of 5G in Revolutionizing Smart Cities",
+    body:
+      "As 5G networks roll out globally, smart cities are becoming a reality. This wow article covers how 5G technology wow will enable real-time data sharing, improve urban infrastructure, wow and enhance public services through IoT devices and smart sensors.",
+    number_of_likes: 15,
+  },
+  {
+    title: "Digital Marketing in 2024: Emerging Strategies for Success",
+    body:
+      "The landscape of digital marketing is rapidly changing with the rise of AI, personalized experiences, and social commerce. This article outlines the most promising strategies to stay ahead in 2024, from leveraging data analytics to mastering content creation wow.",
+    number_of_likes: 87,
+  },
+  {
+    title:
+      "The Future of Renewable Energy: Innovations Driving a Clean Energy Revolution",
+    body:
+      "As the world shifts toward green energy, this article highlights wow the latest innovations in solar, wind, and hydropower technologies. It also discusses policy trends, wow global investment in renewables, wow and the challenges in achieving net-zero emissions by 2050 wow.",
+    number_of_likes: 48,
+  },
+];

package/lobb/tests/utils/data/socialBlogArticles.ts

@@ -0,0 +1,56 @@
+export const articles = [
+  {
+    title: "The Future of AI: Trends Shaping Tomorrow's Technology",
+    body:
+      "Explore how artificial intelligence is evolving, from machine learning innovations to ethical challenges in AI governance. This article delves into the transformative potential AI holds for industries like healthcare, finance, and automation.",
+    status: "public",
+  },
+  {
+    title: "Climate Change and Its Impact on Global Food Security",
+    body:
+      "This article examines the effect of climate change on agriculture and global food production. It covers rising temperatures, changing weather patterns, and their implications for food supply chains, emphasizing the need for sustainable farming practices Wow.",
+  },
+  {
+    title: "The Rise of Remote Work: Is the Office Dead?",
+    body:
+      "A comprehensive analysis of How remote work has redefined the modern workplace post-pandemic. It discusses benefits and challenges for both employers and employees, and whether traditional office spaces will continue to exist in the future.",
+  },
+  {
+    title: "Blockchain Beyond Cryptocurrency: Practical Applications in 2024",
+    body:
+      "Blockchain technology extends far beyond Bitcoin and digital currencies. This article explains its real-world uses in supply chain management, healthcare, and secure voting systems, highlighting successful implementations and ongoing experiments.",
+  },
+  {
+    title: "Mental Health in the Digital Age: Navigating the New Challenges",
+    body:
+      "With increasing screen time and social media usage, mental health issues have taken new forms. This article addresses the growing concerns around digital addiction, online anxiety, and the role of tech companies in promoting well-being wow.",
+    status: "public",
+  },
+  {
+    title: "Understanding Quantum Computing: The Next Tech Revolution",
+    body:
+      "Quantum computing promises to solve problems too complex for classical computers. This article breaks down the fundamentals of quantum technology, its current state, and its future potential across industries like pharmaceuticals, logistics, and cybersecurity.",
+  },
+  {
+    title: "Sustainable Fashion: How the Industry is Going Green",
+    body:
+      "With environmental consciousness on the rise, the fashion industry is pivoting toward sustainability. This article looks at eco-friendly materials, ethical manufacturing processes, and how major brands are embracing the green movement wow.",
+  },
+  {
+    title: "The Role of 5G in Revolutionizing Smart Cities",
+    body:
+      "As 5G networks roll out globally, smart cities are becoming a reality. This wow article covers how 5G technology wow will enable real-time data sharing, improve urban infrastructure, wow and enhance public services through IoT devices and smart sensors.",
+    status: "public",
+  },
+  {
+    title: "Digital Marketing in 2024: Emerging Strategies for Success",
+    body:
+      "The landscape of digital marketing is rapidly changing with the rise of AI, personalized experiences, and social commerce. This article outlines the most promising strategies to stay ahead in 2024, from leveraging data analytics to mastering content creation wow.",
+  },
+  {
+    title:
+      "The Future of Renewable Energy: Innovations Driving a Clean Energy Revolution",
+    body:
+      "As the world shifts toward green energy, this article highlights wow the latest innovations in solar, wind, and hydropower technologies. It also discusses policy trends, wow global investment in renewables, wow and the challenges in achieving net-zero emissions by 2050 wow.",
+  },
+];

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@lobb-js/lobb-ext-auth",
+  "version": "0.1.58",
+  "type": "module",
+  "exports": {
+    ".": "./studio/src/index.ts"
+  },
+  "scripts": {
+    "dev": "cd studio && vite",
+    "build": "cd studio && vite build",
+    "preview": "cd studio && vite preview",
+    "check": "cd studio && svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",
+    "publish": "npm publish --access public"
+  },
+  "dependencies": {
+    "@ai-sdk/openai": "^3.0.21",
+    "@lobb-js/studio": "0.1.31",
+    "ai": "^6.0.59"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "6.2.1",
+    "@tsconfig/svelte": "^5.0.6",
+    "@types/node": "^24.10.1",
+    "autoprefixer": "^10.4.23",
+    "svelte": "^5.43.8",
+    "svelte-check": "^4.3.4",
+    "tailwindcss": "^3.4.19",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "~5.9.3",
+    "vite": "6.3.3"
+  }
+}

package/studio/.env

@@ -0,0 +1 @@
+NGROK_AUTHTOKEN=2NBFGwIM5SqpEcyRnR0k2Kh6Dm4_6a69urL1RTUc6zqfqaZ4R

package/studio/README.md

@@ -0,0 +1 @@
+# instagram_api_integration

package/studio/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lobb Studio</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/studio/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+};

package/studio/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/studio/src/auth.ts

@@ -0,0 +1,57 @@
+import type { ExtensionUtils } from "../extension.types";
+
+interface LoginPayload {
+  email: string;
+  password: string;
+}
+
+export class Auth {
+  private utils: ExtensionUtils;
+
+  constructor(utils: ExtensionUtils) {
+    this.utils = utils;
+  }
+
+  public getSession() {
+    const lobbSession = localStorage.getItem("lobb_session");
+    if (lobbSession) {
+      const parsedLobbSession = JSON.parse(lobbSession);
+      this.utils.lobb.setHeaders({
+        Authorization: `Bearer ${parsedLobbSession.access_token.token}`,
+      });
+      return parsedLobbSession;
+    }
+  }
+
+  public async login(payload: LoginPayload) {
+    const response = await this.utils.lobb.request({
+      method: "POST",
+      route: "/api/collections/auth_sessions",
+      payload: {
+        data: payload,
+      },
+    });
+
+    if (response.status >= 400) {
+      return;
+    }
+    const result = await response.json();
+    const session = result.data;
+    localStorage.setItem("lobb_session", JSON.stringify(session));
+
+    this.utils.ctx.extensions.auth.session = session;
+    this.utils.lobb.setHeaders({
+      Authorization: `Bearer ${session.access_token.token}`,
+    });
+    this.utils.location.navigate("/");
+  }
+
+  public async logout() {
+    await this.utils.lobb.request({
+      method: "DELETE",
+      route: "/api/extensions/auth/logout",
+    });
+    localStorage.removeItem("lobb_session");
+    this.utils.location.navigate("/extensions/auth/login_page");
+  }
+}

package/studio/src/index.ts

@@ -0,0 +1,54 @@
+import type { Extension, ExtensionUtils } from "../extension.types";
+import { Auth } from "./auth";
+import { onStartup } from "./onStartup";
+import LoginPage from "./pages/loginPage/index.svelte";
+import UserSettings from "./pages/userSettings/index.svelte";
+import Settings from "./pages/settings/index.svelte";
+
+// TODO we should export the extension object directly without a function at all. because we dont set configuration in here
+export function extension(utils: ExtensionUtils): Extension {
+  return {
+    name: "auth",
+    onStartup: onStartup,
+    components: {
+      "pages.login_page": LoginPage,
+      "pages.user_settings": UserSettings,
+      "pages.settings": Settings,
+    },
+    dashboardNavs: {
+      middle: [
+        {
+          label: "Auth",
+          icon: utils.components.Icons.Key,
+          href: "/extensions/auth/settings/users",
+        },
+      ],
+      bottom: [
+        {
+          label: "My User",
+          icon: utils.components.Icons.User,
+          onclick: () => {
+            utils.location.navigate("/extensions/auth/user_settings");
+          },
+          navs: [
+            {
+              label: "User Settings",
+              icon: utils.components.Icons.Settings,
+              onclick: () => {
+                utils.location.navigate("/extensions/auth/user_settings");
+              },
+            },
+            {
+              label: "Logout",
+              icon: utils.components.Icons.LogOut,
+              onclick: () => {
+                const auth = new Auth(utils);
+                auth.logout();
+              },
+            },
+          ],
+        },
+      ],
+    },
+  };
+}

package/studio/src/main.ts

@@ -0,0 +1,12 @@
+import { mount } from "svelte";
+import Studio from "@lobb-js/studio";
+import { extension } from "./index.ts";
+
+const app = mount(Studio, {
+  target: document.getElementById("app")!,
+  props: {
+    extensions: [extension],
+  },
+});
+
+export default app;