internetarchive
diff --git a/‎README.md
+2-21 b/‎README.md
+2-21
diff --git a/‎demo/app-root.ts
+20 b/‎demo/app-root.ts
+20
diff --git a/‎demo/index.html
+2-33 b/‎demo/index.html
+2-33
diff --git a/‎demo/index.php
-9 b/‎demo/index.php
-9
diff --git a/‎index.ts
+1-1 b/‎index.ts
+1-1
diff --git a/‎package.json
+5-8 b/‎package.json
+5-8
diff --git a/‎src/components/authentication-template.ts
-103 b/‎src/components/authentication-template.ts
-103
@@ -11,10 +11,10 @@ This is a base template for creating Typescript WebComponents. It is based off o
 
 ### Things to update in your copy
 1. Remove this section
-2. Search for the strings `iaux-account-settings` and `IAUXAccountSettings` and those are most of the spots that need to be updated.
+2. Search for the strings `your-webcomponent` and `YourWebComponent` and those are most of the spots that need to be updated.
 3. `README.md` (this file). Update the readme in general, but also the badge URLs
 4. `package.json` Update the name and description
-5. Rename the `iaux-account-settings.ts` and its associated `.test` file
+5. Rename the `your-webcomponent.ts` and its associated `.test` file
 
 ## Local Demo with `web-dev-server`
 ```bash
@@ -142,22 +142,3 @@ Things that trigger automatic site generation:
 Another thing to note: pushing a branch up alone will not trigger site creation. 
 
 Happy devving ^_^ 🥳  🎉 
-
-
-Dev:
-
-// this.fieldValidator = new IAUXFieldValidator({
-//   email: this.email,
-//   screenname: this.screenname,
-//   password: this.password,
-// });
-
-// const emailRes = await this.fieldValidator?.emailValidation();
-// if (emailRes?.status === false) {
-//   this.emailError = emailRes.error;
-// }
-
-// const screennameRes = await this.fieldValidator?.emailValidation();
-// if (screennameRes?.status === false) {
-//   this.screennameError = screennameRes.error;
-// }
@@ -0,0 +1,20 @@
+import { html, css, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import '../src/your-webcomponent';
+
+@customElement('app-root')
+export class AppRoot extends LitElement {
+  render() {
+    return html`
+      <your-webcomponent title="Hello">
+        <div slot="my-slot">Some slotted content</div>
+      </your-webcomponent>
+    `;
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+    }
+  `;
+}
@@ -2,8 +2,6 @@
 <html lang="en-GB">
 <head>
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-
   <style>
     html {
       font-size: 10px; /* This is to match petabox's base font size */
@@ -12,41 +10,12 @@
     body {
       background: #fafafa;
     }
-
-    ia-account-settings {
-      display: block;
-    }
   </style>
 </head>
 <body>
-  <div id="demo">
-  </div>
-  <script type="module">
-    // import { html, render } from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm';
-    // import { html, css, render } from '../node_modules/lit/index.js';
-    import {html, render} from 'https://unpkg.com/lit-html?module';
-
-
-    import '../dist/index.js';
-
-    render(
-      html`<ia-account-settings
-        .userData=${{
-          screenname: 'neeraj-archive',
-          email: '[email protected]',
-          password: '*******',
-          isAdmin: true,
-        }}
-        .newsletterData=${{
-          ml_events: true,
-          ml_donors: true
-        }}
-        .loanHistoryFlag=${'public'}
-      >
-      </ia-account-settings>`,
+  <app-root></app-root>
 
-      document.querySelector('#demo')
-    )
+  <script type="module" src="../dist/demo/app-root.js">
   </script>
 </body>
 </html>
@@ -1 +1 @@
-export { IAAccountSettings } from './src/ia-account-settings';
+export { YourWebComponent } from './src/your-webcomponent';
@@ -1,9 +1,9 @@
 {
-  "name": "@internetarchive/iaux-account-settings",
+  "name": "@internetarchive/your-webcomponent",
   "description": "The Internet Archive Typescript WebComponent template. It is based on the @open-wc template.",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/internetarchive/iaux-iaux-account-settings.git"
+    "url": "git+https://github.com/internetarchive/iaux-your-webcomponent.git"
   },
   "license": "AGPL-3.0-only",
   "author": "Internet Archive",
@@ -25,12 +25,6 @@
     "ghpages:generate": "gh-pages -t -d ghpages -m \"Build for $(git log --pretty=format:\"%h %an %ai %s\" -n1) [skip ci]\""
   },
   "types": "dist/index.d.ts",
-  "dependencies": {
-    "@internetarchive/ia-activity-indicator": "^0.0.4",
-    "lit": "^2.6.0",
-    "webpack": "^5.82.1",
-    "webpack-cli": "^5.1.1"
-  },
   "devDependencies": {
     "@open-wc/eslint-config": "^9.0.0",
     "@open-wc/testing": "^3.1.6",
@@ -101,5 +95,8 @@
       "prettier --write",
       "git add"
     ]
+  },
+  "dependencies": {
+    "lit": "^2.6.0"
   }
 }
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-export { IAAccountSettings } from './src/ia-account-settings';`
	`1`	`+export { YourWebComponent } from './src/your-webcomponent';`