Dashboard additions removals

.changeset/curvy-mirrors-play.md

@@ -0,0 +1,10 @@
+---
+"@studiocms/ui": patch
+---
+
+Applied various changes and fixes to different parts of the UI libary.
+
+- Fixed a CSS leak caused by importing css files instead of having scoped styles
+- Adjusted dropdown helper API for better DX
+- Adjusted modal helper API for better DX
+- Various CSS fixes for different components

.changeset/thin-hounds-happen.md

@@ -0,0 +1,7 @@
+---
+"@studiocms/dashboard": patch
+"@studiocms/core": patch
+"studiocms": patch
+---
+
+Adjusted strings to account for Astro Studio sunsetting

.vscode/settings.json

@@ -4,5 +4,8 @@
     "quickfix.biome": "explicit",
     "source.organizeImports.biome": "explicit"
   },
-  "editor.defaultFormatter": "biomejs.biome"
+  "editor.defaultFormatter": "biomejs.biome",
+  "[mdx]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }

README.md

@@ -80,7 +80,6 @@ Steps to get a running playground should be the following:
   Commands to run:
 
   - `pnpm playground:login` - Login your CLI to Astro Studio
-  - `pnpm playground:link` - Link to Astro Studio and Create a new DB for your CMS Installation
   - `pnpm playground:push` - Creates the base tables on the remote database.
   - `pnpm playground:dev` - Starts the Dev server connected to the linked database
 

biome.json

@@ -31,7 +31,10 @@
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true
+      "recommended": true,
+      "suspicious": {
+        "noExplicitAny": "warn"
+      }
     }
   },
   "overrides": [

packages/studiocms/src/index.d.ts

@@ -3,7 +3,7 @@ import type { StudioCMSPluginOptions } from '@studiocms/core/types';
 import type { AstroIntegration } from 'astro';
 
 /**
- * # Astro Studio CMS Integration
+ * **Astro Studio CMS Integration**
  *
  * A CMS built for Astro by the Astro Community for the Astro Community.
  *

packages/studiocms/src/index.ts

@@ -2,18 +2,6 @@ import { defineStudioCMSConfig, defineStudioCMSPlugin } from '@studiocms/core/li
 import type { StudioCMSPluginOptions } from '@studiocms/core/types';
 import integration from './integration';
 
-/**
- * # Astro Studio CMS Integration
- *
- * A CMS built for Astro by the Astro Community for the Astro Community.
- *
- * Checkout our [GitHub Repo `@astrolicious/studiocms`](https://github.com/astrolicious/studiocms)
- *
- * Check out [Astro-StudioCMS.xyz](https://astro-studiocms.xyz) or the Built-in JSDocs *(Hover Docs like this)* for more information.
- *
- * > **Note: Astro SSR adapters that are configured for Image Optimization will automatically take full control of the Image Optimization Service. Making the `imageService` option in this integration not have any effect.**
- *
- */
 export const studioCMS = integration;
 
 export default studioCMS;

packages/studiocms_core/src/components/Avatar.astro

@@ -33,7 +33,7 @@ const { isLoggedIn, dbUser: userProfile } = Astro.locals;
     ))
 }
 { enabled === false && (
-    <a href="#" aria-disabled="true" title="Please Edit your Database through your Studio Dashboard">
+    <a href="#" aria-disabled="true" title="Please Edit your database through your provider's dashboard">
         <img 
             src={profileImg.src} 
             alt="Authentication Disabled" 

packages/studiocms_core/src/schemas/config/dashboard.ts

@@ -6,7 +6,7 @@ import { unocssConfigSchema } from './unocss';
 export const dashboardConfigSchema = z
 	.object({
 		/**
-		 * OPTIONAL - This allows the user to enable or disable the Astro Studio CMS Dashboard but still provide all the helper's and utilities to those who are customizing their setup, doing so will disable the dashboard and you will need to manage your content via the Astro Studio Dashboard at http://studio.astro.build
+		 * OPTIONAL - This allows the user to enable or disable the Astro StudioCMS dashboard but still provide all the helper's and utilities to those who are customizing their setup, doing so will disable the dashboard and you will need to manage your content via your database
 		 *
 		 * @default true
 		 */

packages/studiocms_core/src/schemas/config/developer.ts

@@ -13,7 +13,7 @@ export const developerConfigSchema = z
 		/**
 		 * Enable Testing and Demo Mode
 		 *
-		 * This will enable the testing and demo mode for the Astro Studio CMS Dashboard, this will allow you to test the dashboard without having to authenticate. This is useful for testing and demo purposes as it will allow you to see how the dashboard works and looks but disable any changes to the database.
+		 * This will enable the testing and demo mode for the Astro StudioCMS dashboard, this will allow you to test the dashboard without having to authenticate. This is useful for testing and demo purposes as it will allow you to see how the dashboard works and looks but disable any changes to the database.
 		 *
 		 * @default false
 		 */

packages/studiocms_core/src/strings.ts

@@ -9,9 +9,9 @@ export const CoreStrings = {
 };
 
 export const DbErrors = {
-	AstroConfigOutput: "Astro Studio CMS is only supported in 'Output: server' SSR mode.",
+	AstroConfigOutput: "Astro StudioCMS is only supported in 'Output: server' SSR mode.",
 	AstroConfigSiteURL:
-		"Astro Studio CMS requires a 'site' configuration in your Astro Config. This can be your domain ( 'https://example.com' ) or localhost ( 'http://localhost:4321' - localhost should only be used during development and should not be used in production).",
+		"Astro StudioCMS requires a 'site' configuration in your Astro Config. This can be your domain ( 'https://example.com' ) or localhost ( 'http://localhost:4321' - localhost should only be used during development and should not be used in production).",
 	DbStartPage:
 		'Start Page is Enabled.  This will be the only page available until you initialize your database and disable the config option forcing this page to be displayed. To get started, visit http://localhost:4321/start/ in your browser to initialize your database. And Setup your installation.',
 	astroDbMissingMessage: 'Astro DB Integration not found in Astro Config',
@@ -39,10 +39,10 @@ export const DashboardStrings = {
 	Setup: 'Setting up StudioCMS Dashboard...',
 	AddIntegrations: 'Adding Dashboard Integrations...',
 	TestAndDemo:
-		'Testing and Demo Mode is Enabled, Authentication will not be required to access dashboard pages.  But you will only be able to edit the database from the Astro Studio Dashboard, https://studio.astro.build/',
+		'Testing and Demo Mode is Enabled, Authentication will not be required to access dashboard pages.  But you will only be able to edit the database directly',
 	AuthEnabled: 'Auth is Enabled, Setting Up...',
 	AuthDisabled:
-		'Auth is Disabled by the User Configuration.  You will only be able to edit the database from the Astro Studio Dashboard, https://studio.astro.build/',
+		'Auth is Disabled by the User Configuration.  You will only be able to edit the database directly',
 	AuthRoutes: 'Setting up Auth Routes...',
 	DashboardEnabled: 'Dashboard is Enabled.',
 	DashboardDisabled:

packages/studiocms_dashboard/src/routes/configuration/admins.astro

@@ -87,7 +87,7 @@ if (permissionLevel !== 'admin') {
 
         <div class="py-2">
             <span>
-                Note: To delete admins you can do this from your Astro Studio Dashboard.
+                Note: To delete admins you can do this from your database.
             </span>
         </div>
 

packages/studiocms_robotstxt/src/index.ts

@@ -123,7 +123,7 @@ export interface PolicyOptions {
 	 * [ Optional ] Indicates to the robot that the page URL contains parameters (like UTM tags) that should be ignored when indexing it.
 	 *
 	 * @example
-	 * ```hash
+	 * ```bash
 	 * # for URLs like:
 	 * www.example2.com/index.php?page=1&sid=2564126ebdec301c607e5df
 	 * www.example2.com/index.php?page=1&sid=974017dcd170d6c4a5d76ae