create-wirejs-app 2.0.172 → 2.0.174

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-wirejs-app",
-	"version": "2.0.172",
+	"version": "2.0.174",
 	"description": "Initializes a wirejs package.",
 	"author": "Jon Wire",
 	"license": "MIT",

package/templates/default/api/index.ts

@@ -1,4 +1,4 @@
-import { AuthenticationService, Endpoint } from 'wirejs-resources';
+import { AuthenticationService, Endpoint, GoogleOIDCProvider } from 'wirejs-resources';
 import { Chat } from './apps/chat.js';
 import { Todos } from './apps/todos.js';
 import { Wiki } from './apps/wiki.js';
@@ -11,7 +11,9 @@ export type * from './apps/todos.js';
 export type * from './apps/store.js';
 export type * from './apps/admin.js';
 
-const authService = new AuthenticationService('app', 'core-users');
+const authService = new AuthenticationService('app', 'core-users', {
+	oidcProviders: [ GoogleOIDCProvider ]
+});
 
 export const auth = authService.buildApi();
 export const chat = Chat(auth);

package/templates/default/package.json

@@ -11,15 +11,15 @@
 	"dependencies": {
 		"dompurify": "^3.2.3",
 		"marked": "^15.0.6",
+		"wirejs-components": "^0.1.112",
 		"wirejs-dom": "^1.0.44",
-		"wirejs-resources": "^0.1.167",
-		"wirejs-components": "^0.1.110",
-		"wirejs-module-payments-stripe": "^0.1.61",
-		"wirejs-web-worker": "^1.0.64"
+		"wirejs-module-payments-stripe": "^0.1.63",
+		"wirejs-resources": "^0.1.169",
+		"wirejs-web-worker": "^1.0.66"
 	},
 	"devDependencies": {
-		"wirejs-scripts": "^3.0.165",
-		"typescript": "^5.7.3"
+		"typescript": "^5.7.3",
+		"wirejs-scripts": "^3.0.167"
 	},
 	"scripts": {
 		"prebuild": "npm run prebuild --workspaces --if-present",

package/templates/default/src/ssg/admin.ts

@@ -1,4 +1,5 @@
 import { html, list, node, text, hydrate } from 'wirejs-dom/v2';
+import { AuthenticatedContent } from 'wirejs-components';
 import { Main } from '../layouts/main.js';
 import { admin, Endpoint, Setting, SystemAttribute } from 'internal-api';
 
@@ -154,14 +155,15 @@ function Admin() {
 
 async function App() {
 	const self = html`<div id='app'>
-	${node('isAdmin', false, (isAdmin: boolean | undefined) => 
-		isAdmin ?
-			html`<div><p>Your <b>are</b> an admin.</p>${Admin()}</div>`
-			: html`<p>You are <b>NOT</b> an admin.</p>`
-	)}
-	</div>`.onadd(async self => {
-		self.data.isAdmin = await admin.isAdmin(null);
-	});
+		${await AuthenticatedContent({
+			authenticated: async () => {
+				return (await admin.isAdmin(null)) ?
+					html`<div><p>Your <b>are</b> an admin.</p>${Admin()}</div>`
+					: html`<p>You are <b>NOT</b> an admin.</p>`
+			},
+			unauthenticated: () => html`<p>You are not signed in.</p>`,
+		})}
+	</div>`;
 	return self;
 }