studiocms 0.1.0-beta.7 → 0.1.0-beta.8

package/dist/routes/dashboard/content-management/editfolder.astro

@@ -0,0 +1,40 @@
+---
+import EditFolder from '../../../components/dashboard/islands/content-mgmt/EditFolder.astro';
+import InnerSidebarElement from '../../../components/dashboard/islands/content-mgmt/InnerSidebarElement.astro';
+import PageHeader from '../../../components/dashboard/islands/content-mgmt/PageHeader.astro';
+import Layout from '../../../layouts/dashboard/Layout.astro';
+
+const lang = 'en-us';
+---
+
+<Layout 
+  title="Content Management"
+  requiredPermission='editor'
+  sidebar='double'
+  {lang}
+  >
+
+  <div slot="double-sidebar" class="inner-sidebar-container">
+    <div class="sidebar-links-container">
+      <InnerSidebarElement />
+    </div>
+  </div>
+
+  <div slot="header">
+    <PageHeader editFolder title="Edit Folder:" />
+  </div>
+
+  <EditFolder />
+
+</Layout>
+
+<style>
+  .inner-sidebar-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    min-height: 100vh;
+    height: 100%;
+    padding: 1.5rem;
+  }
+</style>

package/dist/routes/dashboard/content-management/editpage.astro

@@ -0,0 +1,44 @@
+---
+import TinyMDE from '../../../components/dashboard/component-scripts/TinyMDE.astro';
+import EditPage from '../../../components/dashboard/islands/content-mgmt/EditPage.astro';
+import InnerSidebarElement from '../../../components/dashboard/islands/content-mgmt/InnerSidebarElement.astro';
+import PageHeader from '../../../components/dashboard/islands/content-mgmt/PageHeader.astro';
+import Layout from '../../../layouts/dashboard/Layout.astro';
+
+const lang = 'en-us';
+---
+
+<Layout 
+  title="Content Management"
+  requiredPermission='editor'
+  sidebar='double'
+  {lang}
+  >
+
+  <div slot="double-sidebar" class="inner-sidebar-container">
+    <div class="sidebar-links-container">
+      <InnerSidebarElement />
+    </div>
+  </div>
+
+  <div slot="header">
+    <PageHeader editPage title="Edit Page:" />
+  </div>
+
+  <EditPage />
+
+  <TinyMDE />
+
+</Layout>
+
+<style>
+  .inner-sidebar-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    min-height: 100vh;
+    height: 100%;
+    padding: 1.5rem;
+  }
+
+</style>

package/dist/routes/dashboard/content-management/index.astro

@@ -0,0 +1,57 @@
+---
+import InnerSidebarElement from '../../../components/dashboard/islands/content-mgmt/InnerSidebarElement.astro';
+import PageHeader from '../../../components/dashboard/islands/content-mgmt/PageHeader.astro';
+import Layout from '../../../layouts/dashboard/Layout.astro';
+
+const lang = 'en-us';
+---
+
+<Layout 
+  title="Content Management"
+  requiredPermission='editor'
+  sidebar='double'
+  {lang}
+  >
+
+  <div slot="double-sidebar" class="inner-sidebar-container">
+    <div class="sidebar-links-container">
+      <InnerSidebarElement />
+    </div>
+  </div>
+
+  <div slot="header">
+    <PageHeader />
+  </div>
+
+  <div id="placeholder-info" class="placeholder-info">
+    <p>Select a page or create a new one to get started!</p>
+  </div>
+
+</Layout>
+
+<style>
+  .inner-sidebar-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    min-height: 100vh;
+    height: 100%;
+    padding: 1.5rem;
+  }
+
+  .placeholder-info {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 40vh;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 30vh;
+    z-index: -1;
+
+    p {
+      font-size: 1.25rem;
+      color: hsl(var(--text-muted));
+    }
+  }
+</style>

package/dist/routes/dashboard/index.astro

@@ -0,0 +1,24 @@
+---
+import { useTranslations } from 'studiocms:i18n';
+import DashboardPageHeader from '../../components/dashboard/DashboardPageHeader.astro';
+import DashboardGrid from '../../components/dashboard/islands/dashboard/DashboardGrid.astro';
+import Layout from '../../layouts/dashboard/Layout.astro';
+
+const lang = 'en-us';
+const t = useTranslations(lang, '@studiocms/dashboard:index');
+---
+
+<Layout 
+  title={t('title')}
+  requiredPermission='editor'
+  {lang}
+  >
+
+  <div slot="header">
+    <DashboardPageHeader />
+    <span class="index-sub-header">{t('sub-header')}</span>
+  </div>
+
+  <DashboardGrid />
+
+</Layout>

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

@@ -0,0 +1,169 @@
+---
+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 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="Password Reset"
+  requiredPermission={'visitor'}
+  sidebar={false}
+  {lang}
+  >
+
+  <Card class="reset-form" fullWidth as="form" id="reset-password-form" action={StudioCMSRoutes.endpointLinks.resetPassword}>
+    <div slot="header">
+        <h2>Password Reset</h2>
+        <p>
+            Hello, {user?.name || 'User'}. <br />
+            Please enter your new password below.
+        </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='New Password' 
+            type='password'
+            placeholder='********' 
+            isRequired 
+            autocomplete='password new_password'
+            name='new-password' 
+            />
+    
+        <Input 
+            label='Confirm New Password' 
+            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} />
+                Reset Password
+            </Button>
+        </div>
+    </div>
+
+  </Card>
+
+  <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,60 @@
+---
+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 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='Plugin Settings'
+  requiredPermission='editor'
+  {lang}
+  >
+
+  <div slot="header">
+    <PageHeader title=`Settings: ${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} />
+        Save Changes
+      </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>
+
+  <style>
+    .form-settings {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+    }
+  </style>
+</Layout>

package/dist/routes/dashboard/profile.astro

@@ -0,0 +1,57 @@
+---
+import { getUserData, verifyUserPermissionLevel } from 'studiocms:auth/lib/user';
+import { AuthConfig } from 'studiocms:config';
+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 {
+	providers: { usernameAndPassword },
+} = AuthConfig;
+
+const shouldShowOAuth = showOAuth && providerData.some(({ enabled }) => enabled);
+
+const userSession = await getUserData(Astro);
+
+const isAllowedAPITokens = await verifyUserPermissionLevel(userSession, 'editor');
+---
+
+<Layout 
+  title={'User Profile'}
+  requiredPermission="visitor"
+  {lang}
+  >
+
+  <div slot="header">
+    <PageHeader title="Your Profile" />
+  </div>
+
+  <div class="page-content">
+
+    <BasicInfo />
+
+    { usernameAndPassword && <UpdatePassword /> }
+
+    { shouldShowOAuth && <SocialSignin /> }
+
+    { isAllowedAPITokens && <APITokens {userSession} /> }
+
+  </div>
+</Layout>
+
+<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;