studiocms 0.1.0-beta.10

package/dist/routes/dashboard/password-reset.astro

@@ -0,0 +1,206 @@
+---
+import { useTranslations } from 'studiocms:i18n';
+import { StudioCMSRoutes } from 'studiocms:lib';
+import studioCMS_SDK from 'studiocms:sdk';
+import { Button, Card, Icon, Input } from 'studiocms:ui/components';
+import Layout from '../../layouts/dashboard/Layout.astro';
+
+const lang = 'en-us';
+const t = useTranslations(lang, '@studiocms/dashboard:password-reset');
+
+const urlSearchParams = Astro.url.searchParams;
+
+const token = urlSearchParams.get('token');
+const id = urlSearchParams.get('id');
+const userId = urlSearchParams.get('userid') ?? '';
+
+if (!token || !id || !userId || userId === '') {
+	return new Response(null, { status: 404 });
+}
+
+const user = await studioCMS_SDK.GET.databaseEntry.users.byId(userId);
+
+if (!user) {
+	return new Response(null, { status: 404 });
+}
+
+const lookupToken = await studioCMS_SDK.resetTokenBucket.check(token);
+
+if (!lookupToken) {
+	return new Response(null, { status: 404 });
+}
+---
+
+<Layout 
+  title={t('title')}
+  description={t('description')}
+  requiredPermission={'visitor'}
+  sidebar={false}
+  {lang}
+  >
+
+    <Card class="reset-form" fullWidth as="form" id="reset-password-form" action={StudioCMSRoutes.endpointLinks.resetPassword}>
+        <div slot="header">
+            <h2>
+                <t-password-reset key="header">{t('header')}</t-password-reset>
+            </h2>
+            <p>
+                <t-password-reset key="sub-header-start">{t('sub-header-start')}</t-password-reset>, {user?.name || 'User'}. <br />
+                <t-password-reset key="sub-header-end">{t('sub-header-end')}</t-password-reset>
+            </p>
+        </div>
+
+        <div class="password-reset-form-body">
+
+            <input type="hidden" name="token" value={token} />
+            <input type="hidden" name="id" value={id} />
+            <input type="hidden" name="userid" value={userId} />
+
+            <Input 
+                label={t('password-label')}
+                type='password'
+                placeholder='********' 
+                isRequired 
+                autocomplete='password new_password'
+                name='new-password' 
+                />
+        
+            <Input 
+                label={t('confirm-password-label')}
+                type='password'
+                placeholder='********' 
+                isRequired 
+                autocomplete='password new_password'
+                name='confirm-new-password' 
+                />
+        </div>
+
+        <div slot="footer">
+            <div class="form-footer">
+                <Button type='submit' size='sm' variant={'solid'} color='primary'>
+                    <Icon slot="start-content" name="check" width={24} height={24} />
+                    <t-password-reset key="reset-button">{t('reset-button')}</t-password-reset>
+                </Button>
+            </div>
+        </div>
+
+    </Card>
+
+    <script>
+        import { 
+            $i18n,
+            $localeSettings,
+            baseTranslation,
+            defaultLang,
+            documentUpdater,
+            makeTranslation,
+            updateElmLabel,
+        } from 'studiocms:i18n/client';
+    
+        const currentPage = '@studiocms/dashboard:password-reset';
+    
+        let lang = defaultLang;
+    
+        const i18n = $i18n(currentPage, baseTranslation[currentPage]);
+    
+        $localeSettings.subscribe((locale) => {
+            lang = locale || defaultLang;
+        });
+        
+        i18n.subscribe(comp => {
+            documentUpdater(comp, lang);
+            updateElmLabel('new-password', comp['password-label']);
+            updateElmLabel('confirm-new-password', comp['confirm-password-label']);
+        });
+    
+        if (!customElements.get('t-password-reset')) {
+            customElements.define('t-password-reset', makeTranslation(currentPage, i18n));
+        }
+    </script>
+
+    <script>
+        import { toast } from "studiocms:ui/components";
+
+        const resetForm = document.getElementById('reset-password-form') as HTMLFormElement;
+
+        resetForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+
+            const formData = new FormData(resetForm);
+
+            const data = {
+                token: formData.get('token') as string,
+                id: formData.get('id') as string,
+                userid: formData.get('userid') as string,
+                password: formData.get('new-password') as string,
+                confirm_password: formData.get('confirm-new-password') as string,
+            }
+
+            const response = await fetch(resetForm.action, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            })
+
+            const res = await response.json();
+
+            if (response.status !== 200) {
+                toast({
+                    title: 'Error',
+                    description: res.error,
+                    type: 'danger'
+                })
+            }
+
+            if (response.status === 200) {
+                toast({
+                    title: 'Success',
+                    description: res.message,
+                    type: 'success'
+                })
+            }
+        });
+    </script>
+
+    <style>
+        .reset-form {
+            max-width: 600px;
+            margin: 0 auto;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+
+            & h2 {
+                margin: 0;
+                padding: 1rem;
+                font-size: 1.5rem;
+                font-weight: 500;
+                color: hsl(var(--text-base));
+            }
+
+            & p {
+                margin: 0;
+                padding: 1rem;
+                font-size: 1rem;
+                color: hsl(var(--text-muted));
+            }
+
+            & .password-reset-form-body {
+                display: flex;
+                flex-direction: column;
+                gap: 1rem;
+                padding: 1rem;
+            }
+
+            & .form-footer {
+                display: flex;
+                justify-content: flex-end;
+                padding: 1rem;
+            }
+        }
+    </style>
+
+</Layout>

package/dist/routes/dashboard/plugins/[plugin].astro

@@ -0,0 +1,104 @@
+---
+import { useTranslations } from 'studiocms:i18n';
+import { StudioCMSRoutes } from 'studiocms:lib';
+import pluginList from 'studiocms:plugins';
+import { Button, Icon } from 'studiocms:ui/components';
+import PageHeader from '../../../components/dashboard/PageHeader.astro';
+import SettingsRenderer from '../../../components/dashboard/islands/plugins/SettingsRenderer.astro';
+import Layout from '../../../layouts/dashboard/Layout.astro';
+
+const lang = 'en-us';
+const t = useTranslations(lang, '@studiocms/dashboard:plugin-settings');
+
+const filteredPluginList = pluginList.filter((plugin) => !!plugin.settingsPage);
+
+const { plugin } = Astro.params;
+
+if (!plugin) {
+	return new Response(null, { status: 404 });
+}
+
+const pluginData = filteredPluginList.find((p) => p.identifier === plugin);
+
+if (!pluginData) {
+	return new Response(null, { status: 404 });
+}
+---
+
+<Layout 
+  title={t('title')}
+  description={t('description')}
+  requiredPermission='editor'
+  {lang}
+  >
+
+  <div slot="header">
+    <PageHeader title=`${t('header')}: ${pluginData.name}`>
+      <Button variant="solid" color="primary" size="sm" type="submit" form="site-config-form">
+        <Icon slot="start-content" name="check-20-solid" width={20} height={20} />
+        <t-plugins key="save-button">{t('save-button')}</t-plugins>
+      </Button>
+    </PageHeader>
+  </div>
+
+  <form id="plugin-settings-form" action={StudioCMSRoutes.endpointLinks.plugins + pluginData.identifier} method="POST"> 
+    <div class="form-settings">
+      
+    {
+      pluginData.settingsPage && (
+        <SettingsRenderer fields={pluginData.settingsPage.fields} />
+      )
+    }
+    
+    </div>    
+  </form>
+
+  <div style="display: none;" id="plugin-name" data-value={pluginData.name}></div>
+
+  <script>
+      import { 
+          $i18n,
+          $localeSettings,
+          baseTranslation,
+          defaultLang,
+          documentUpdater,
+          makeTranslation,
+          pageHeaderUpdater,
+      } from 'studiocms:i18n/client';
+  
+      const currentPage = '@studiocms/dashboard:plugin-settings';
+  
+      let lang = defaultLang;
+
+      const pluginName = (document.getElementById('plugin-name') as HTMLDivElement).getAttribute('data-value');
+  
+      const i18n = $i18n(currentPage, baseTranslation[currentPage]);
+  
+      $localeSettings.subscribe((locale) => {
+          lang = locale || defaultLang;
+      });
+      
+      i18n.subscribe(comp => {
+
+        const pluginComp = {
+          ...comp,
+          header: `${comp.header}: ${pluginName}`
+        }
+
+        documentUpdater(pluginComp, lang)
+        pageHeaderUpdater(pluginComp.header)
+      });
+      
+      if (!customElements.get('t-plugins')) {
+          customElements.define('t-plugins', makeTranslation(currentPage, i18n));
+      }
+  </script>
+
+  <style>
+    .form-settings {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+    }
+  </style>
+</Layout>

package/dist/routes/dashboard/profile.astro

@@ -0,0 +1,87 @@
+---
+import { getUserData, verifyUserPermissionLevel } from 'studiocms:auth/lib/user';
+import { AuthConfig } from 'studiocms:config';
+import { useTranslations } from 'studiocms:i18n';
+import PageHeader from '../../components/dashboard/PageHeader.astro';
+import APITokens from '../../components/dashboard/islands/profile/APITokens.astro';
+import BasicInfo from '../../components/dashboard/islands/profile/BasicInfo.astro';
+import SocialSignin from '../../components/dashboard/islands/profile/SocialSignin.astro';
+import UpdatePassword from '../../components/dashboard/islands/profile/UpdatePassword.astro';
+import {
+	providerData,
+	showOAuth,
+} from '../../components/dashboard/islands/profile/oAuthButtonProviders';
+import Layout from '../../layouts/dashboard/Layout.astro';
+
+const lang = 'en-us';
+const t = useTranslations(lang, '@studiocms/dashboard:profile');
+
+const {
+	providers: { usernameAndPassword },
+} = AuthConfig;
+
+const shouldShowOAuth = showOAuth && providerData.some(({ enabled }) => enabled);
+
+const userSession = await getUserData(Astro);
+
+const isAllowedAPITokens = await verifyUserPermissionLevel(userSession, 'editor');
+---
+
+<Layout 
+  title={t('title')}
+  description={t('description')}
+  requiredPermission="visitor"
+  {lang}
+  >
+
+  <div slot="header">
+    <PageHeader title={t('header')} />
+  </div>
+
+  <div class="page-content">
+
+    <BasicInfo />
+
+    { usernameAndPassword && <UpdatePassword /> }
+
+    { shouldShowOAuth && <SocialSignin /> }
+
+    { isAllowedAPITokens && <APITokens {userSession} /> }
+
+  </div>
+</Layout>
+
+<script>
+    import { 
+        $i18n,
+        $localeSettings,
+        baseTranslation,
+        defaultLang,
+        documentUpdater,
+        pageHeaderUpdater,
+    } from 'studiocms:i18n/client';
+
+    const currentPage = '@studiocms/dashboard:profile';
+
+    let lang = defaultLang;
+
+    const i18n = $i18n(currentPage, baseTranslation[currentPage]);
+
+    $localeSettings.subscribe((locale) => {
+        lang = locale || defaultLang;
+    });
+    
+    i18n.subscribe(comp => {
+      documentUpdater(comp, lang)
+      pageHeaderUpdater(comp.header)
+    });
+</script>
+
+
+<style>
+  .page-content {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+</style>

package/dist/routes/dashboard/studiocms_api/dashboard/api-tokens.d.ts

@@ -0,0 +1,5 @@
+import type { APIRoute } from 'astro';
+export declare const POST: APIRoute;
+export declare const DELETE: APIRoute;
+export declare const OPTIONS: APIRoute;
+export declare const ALL: APIRoute;

package/dist/routes/dashboard/studiocms_api/dashboard/api-tokens.js

@@ -0,0 +1,90 @@
+import { getUserData, verifyUserPermissionLevel } from "studiocms:auth/lib/user";
+import { developerConfig } from "studiocms:config";
+import studioCMS_SDK from "studiocms:sdk";
+import { simpleResponse } from "../../../../utils/simpleResponse";
+const { testingAndDemoMode } = developerConfig;
+const POST = async (context) => {
+  if (testingAndDemoMode) {
+    return simpleResponse(400, "Testing and demo mode is enabled, this action is disabled.");
+  }
+  const userData = await getUserData(context);
+  if (!userData.isLoggedIn) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const isAuthorized = await verifyUserPermissionLevel(userData, "owner");
+  if (!isAuthorized) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const jsonData = await context.request.json();
+  if (!jsonData.description) {
+    return simpleResponse(400, "Invalid form data, description is required");
+  }
+  if (!jsonData.user) {
+    return simpleResponse(400, "Invalid form data, user is required");
+  }
+  try {
+    const newToken = await studioCMS_SDK.REST_API.tokens.new(jsonData.user, jsonData.description);
+    return new Response(JSON.stringify({ token: newToken.key }), {
+      status: 200,
+      headers: {
+        "Content-Type": "application/json",
+        "Access-Control-Allow-Origin": "*"
+      }
+    });
+  } catch (error) {
+    return simpleResponse(500, "Error creating new token");
+  }
+};
+const DELETE = async (context) => {
+  if (testingAndDemoMode) {
+    return simpleResponse(400, "Testing and demo mode is enabled, this action is disabled.");
+  }
+  const userData = await getUserData(context);
+  if (!userData.isLoggedIn) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const isAuthorized = await verifyUserPermissionLevel(userData, "owner");
+  if (!isAuthorized) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const jsonData = await context.request.json();
+  if (!jsonData.tokenID) {
+    return simpleResponse(400, "Invalid form data, tokenID is required");
+  }
+  if (!jsonData.userID) {
+    return simpleResponse(400, "Invalid form data, userID is required");
+  }
+  try {
+    await studioCMS_SDK.REST_API.tokens.delete(jsonData.userID, jsonData.tokenID);
+    return simpleResponse(200, "Token deleted");
+  } catch (error) {
+    return simpleResponse(500, "Error deleting token");
+  }
+};
+const OPTIONS = async () => {
+  return new Response(null, {
+    status: 204,
+    statusText: "No Content",
+    headers: {
+      Allow: "OPTIONS, POST",
+      "ALLOW-ACCESS-CONTROL-ORIGIN": "*",
+      "Cache-Control": "public, max-age=604800, immutable",
+      Date: (/* @__PURE__ */ new Date()).toUTCString()
+    }
+  });
+};
+const ALL = async () => {
+  return new Response(null, {
+    status: 405,
+    statusText: "Method Not Allowed",
+    headers: {
+      "ACCESS-CONTROL-ALLOW-ORIGIN": "*"
+    }
+  });
+};
+export {
+  ALL,
+  DELETE,
+  OPTIONS,
+  POST
+};

package/dist/routes/dashboard/studiocms_api/dashboard/config.d.ts

@@ -0,0 +1,4 @@
+import type { APIRoute } from 'astro';
+export declare const POST: APIRoute;
+export declare const OPTIONS: APIRoute;
+export declare const ALL: APIRoute;

package/dist/routes/dashboard/studiocms_api/dashboard/config.js

@@ -0,0 +1,63 @@
+import { getUserData, verifyUserPermissionLevel } from "studiocms:auth/lib/user";
+import { developerConfig } from "studiocms:config";
+import studioCMS_SDK_Cache from "studiocms:sdk/cache";
+import { simpleResponse } from "../../../../utils/simpleResponse.js";
+const { testingAndDemoMode } = developerConfig;
+const POST = async (context) => {
+  if (testingAndDemoMode) {
+    return simpleResponse(400, "Testing and demo mode is enabled, this action is disabled.");
+  }
+  const userData = await getUserData(context);
+  if (!userData.isLoggedIn) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const isAuthorized = await verifyUserPermissionLevel(userData, "owner");
+  if (!isAuthorized) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const siteConfig = await context.request.json();
+  if (!siteConfig.title) {
+    return simpleResponse(400, "Invalid form data, title is required");
+  }
+  if (!siteConfig.description) {
+    return simpleResponse(400, "Invalid form data, description is required");
+  }
+  if (!siteConfig.loginPageBackground) {
+    return simpleResponse(400, "Invalid form data, loginPageBackground is required");
+  }
+  if (siteConfig.loginPageBackground === "custom" && !siteConfig.loginPageCustomImage) {
+    return simpleResponse(400, "Invalid form data, loginPageCustomImage is required");
+  }
+  try {
+    await studioCMS_SDK_Cache.UPDATE.siteConfig(siteConfig);
+    return simpleResponse(200, "Site config updated");
+  } catch (error) {
+    return simpleResponse(500, "Error updating site config");
+  }
+};
+const OPTIONS = async () => {
+  return new Response(null, {
+    status: 204,
+    statusText: "No Content",
+    headers: {
+      Allow: "OPTIONS, POST",
+      "ALLOW-ACCESS-CONTROL-ORIGIN": "*",
+      "Cache-Control": "public, max-age=604800, immutable",
+      Date: (/* @__PURE__ */ new Date()).toUTCString()
+    }
+  });
+};
+const ALL = async () => {
+  return new Response(null, {
+    status: 405,
+    statusText: "Method Not Allowed",
+    headers: {
+      "ACCESS-CONTROL-ALLOW-ORIGIN": "*"
+    }
+  });
+};
+export {
+  ALL,
+  OPTIONS,
+  POST
+};

package/dist/routes/dashboard/studiocms_api/dashboard/content/folder.d.ts

@@ -0,0 +1,6 @@
+import type { APIRoute } from 'astro';
+export declare const POST: APIRoute;
+export declare const PATCH: APIRoute;
+export declare const DELETE: APIRoute;
+export declare const OPTIONS: APIRoute;
+export declare const ALL: APIRoute;

package/dist/routes/dashboard/studiocms_api/dashboard/content/folder.js

@@ -0,0 +1,121 @@
+import { getUserData, verifyUserPermissionLevel } from "studiocms:auth/lib/user";
+import { developerConfig } from "studiocms:config";
+import studioCMS_SDK from "studiocms:sdk";
+import studioCMS_SDK_Cache from "studiocms:sdk/cache";
+import { simpleResponse } from "../../../../../utils/simpleResponse.js";
+const { testingAndDemoMode } = developerConfig;
+const POST = async (context) => {
+  if (testingAndDemoMode) {
+    return simpleResponse(400, "Testing and demo mode is enabled, this action is disabled.");
+  }
+  const userData = await getUserData(context);
+  if (!userData.isLoggedIn) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const isAuthorized = await verifyUserPermissionLevel(userData, "editor");
+  if (!isAuthorized) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const jsonData = await context.request.json();
+  const { folderName, parentFolder } = jsonData;
+  if (!folderName) {
+    return simpleResponse(400, "Invalid form data, folderName is required");
+  }
+  try {
+    await studioCMS_SDK.POST.databaseEntry.folder({
+      name: folderName,
+      parent: parentFolder || null,
+      id: crypto.randomUUID()
+    });
+    await studioCMS_SDK_Cache.UPDATE.folderList();
+    await studioCMS_SDK_Cache.UPDATE.folderTree();
+    return simpleResponse(200, "Folder created successfully");
+  } catch (error) {
+    return simpleResponse(500, "Failed to create folder");
+  }
+};
+const PATCH = async (context) => {
+  if (testingAndDemoMode) {
+    return simpleResponse(400, "Testing and demo mode is enabled, this action is disabled.");
+  }
+  const userData = await getUserData(context);
+  if (!userData.isLoggedIn) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const isAuthorized = await verifyUserPermissionLevel(userData, "editor");
+  if (!isAuthorized) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const jsonData = await context.request.json();
+  const { id, folderName, parentFolder } = jsonData;
+  if (!id) {
+    return simpleResponse(400, "Invalid form data, id is required");
+  }
+  if (!folderName) {
+    return simpleResponse(400, "Invalid form data, folderName is required");
+  }
+  try {
+    await studioCMS_SDK_Cache.UPDATE.folder({
+      id,
+      name: folderName,
+      parent: parentFolder || null
+    });
+    return simpleResponse(200, "Folder updated successfully");
+  } catch (error) {
+    return simpleResponse(500, "Failed to update folder");
+  }
+};
+const DELETE = async (context) => {
+  if (testingAndDemoMode) {
+    return simpleResponse(400, "Testing and demo mode is enabled, this action is disabled.");
+  }
+  const userData = await getUserData(context);
+  if (!userData.isLoggedIn) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const isAuthorized = await verifyUserPermissionLevel(userData, "admin");
+  if (!isAuthorized) {
+    return simpleResponse(403, "Unauthorized");
+  }
+  const jsonData = await context.request.json();
+  const { id } = jsonData;
+  if (!id) {
+    return simpleResponse(400, "Invalid form data, id is required");
+  }
+  try {
+    await studioCMS_SDK.DELETE.folder(id);
+    await studioCMS_SDK_Cache.UPDATE.folderList();
+    await studioCMS_SDK_Cache.UPDATE.folderTree();
+    return simpleResponse(200, "Folder deleted successfully");
+  } catch (error) {
+    return simpleResponse(500, "Failed to delete folder");
+  }
+};
+const OPTIONS = async () => {
+  return new Response(null, {
+    status: 204,
+    statusText: "No Content",
+    headers: {
+      Allow: "OPTIONS, POST, DELETE, PATCH",
+      "ALLOW-ACCESS-CONTROL-ORIGIN": "*",
+      "Cache-Control": "public, max-age=604800, immutable",
+      Date: (/* @__PURE__ */ new Date()).toUTCString()
+    }
+  });
+};
+const ALL = async () => {
+  return new Response(null, {
+    status: 405,
+    statusText: "Method Not Allowed",
+    headers: {
+      "ACCESS-CONTROL-ALLOW-ORIGIN": "*"
+    }
+  });
+};
+export {
+  ALL,
+  DELETE,
+  OPTIONS,
+  PATCH,
+  POST
+};