create-oc - npm Package Compare versions
Comparing version 0.0.13 to 0.0.14
| { | ||
| "name": "create-oc", | ||
| "version": "0.0.13", | ||
| "version": "0.0.14", | ||
| "type": "module", | ||
@@ -5,0 +5,0 @@ "description": "", |
@@ -29,4 +29,4 @@ { | ||
| "devDependencies": { | ||
| "oc-server": "^0.3.0", | ||
| "oc-template-elm-compiler": "^0.3.3", | ||
| "oc-server": "^0.3.3", | ||
| "oc-template-elm-compiler": "^0.3.4", | ||
| "elm": "^0.19.1-6", | ||
@@ -33,0 +33,0 @@ "typescript": "^5.3.3" |
@@ -27,5 +27,5 @@ { | ||
| "devDependencies": { | ||
| "oc-server": "^0.3.0", | ||
| "oc-template-es6-compiler": "^4.0.7" | ||
| "oc-server": "^0.3.3", | ||
| "oc-template-es6-compiler": "^4.0.9" | ||
| } | ||
| } |
| import { InitialData, serverClient } from 'oc-server'; | ||
| import styles from './styles.css'; | ||
| import logo from '../public/logo.png'; | ||
| import { getSettings } from 'oc-server'; | ||
| declare const window: Window & { | ||
| getFunFact: () => Promise<void>; | ||
| const onLoad = (cb: () => void) => { | ||
| const { id } = getSettings(); | ||
| window.oc.events.on('oc:rendered', (e, data) => { | ||
| if (data.id === id) { | ||
| cb(); | ||
| } | ||
| }); | ||
| }; | ||
| const funFactSelector = Math.floor(Math.random() * 9999999999); | ||
| export default ({ firstName, lastName, hobbies, born }: InitialData) => { | ||
| window.getFunFact = async () => { | ||
| const { funFact } = await serverClient.funFact({ year: born }); | ||
| document.querySelector('#funfact')!.innerHTML = funFact; | ||
| }; | ||
| onLoad(() => { | ||
| document | ||
| .querySelector(`.${styles.button}`) | ||
| ?.addEventListener('click', async () => { | ||
| const { funFact } = await serverClient.funFact({ year: born }); | ||
| document.querySelector(`[id="${funFactSelector}"]`)!.innerHTML = | ||
| funFact; | ||
| }); | ||
| }); | ||
@@ -27,4 +39,4 @@ return /* html */ ` | ||
| </div> | ||
| <div id="funfact"></div> | ||
| <button class=${styles.button} onclick="getFunFact()"> | ||
| <div id="${funFactSelector}"></div> | ||
| <button class=${styles.button}> | ||
| Fun year fact | ||
@@ -31,0 +43,0 @@ </button> |
@@ -37,4 +37,4 @@ { | ||
| "jsdom": "^21.1.1", | ||
| "oc-server": "^0.3.0", | ||
| "oc-template-preact-compiler": "^0.4.4", | ||
| "oc-server": "^0.3.3", | ||
| "oc-template-preact-compiler": "^0.4.5", | ||
| "preact": "^10.13.2", | ||
@@ -41,0 +41,0 @@ "typescript": "5.0.2", |
@@ -37,4 +37,4 @@ { | ||
| "jsdom": "^21.1.1", | ||
| "oc-server": "^0.3.0", | ||
| "oc-template-react-compiler": "^6.1.3", | ||
| "oc-server": "^0.3.3", | ||
| "oc-template-react-compiler": "^6.1.4", | ||
| "react": "18.2.0", | ||
@@ -41,0 +41,0 @@ "react-dom": "18.2.0", |
@@ -36,4 +36,4 @@ { | ||
| "jsdom": "^21.1.1", | ||
| "oc-server": "^0.3.0", | ||
| "oc-template-solid-compiler": "^0.7.3", | ||
| "oc-server": "^0.3.3", | ||
| "oc-template-solid-compiler": "^0.7.4", | ||
| "solid-js": "^1.8.7", | ||
@@ -40,0 +40,0 @@ "typescript": "5.0.2", |
@@ -36,4 +36,4 @@ { | ||
| "jsdom": "^21.1.1", | ||
| "oc-server": "^0.3.0", | ||
| "oc-template-vue-compiler": "^0.2.3", | ||
| "oc-server": "^0.3.3", | ||
| "oc-template-vue-compiler": "^0.2.4", | ||
| "typescript": "5.0.2", | ||
@@ -40,0 +40,0 @@ "vitest": "^0.29.7", |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.09%
382437
- Lines of code
- increased by1.31%
926