diff --git a/examples/stackblitz-starter/package.json b/examples/stackblitz-starter/package.json new file mode 100644 index 000000000..031758a6d --- /dev/null +++ b/examples/stackblitz-starter/package.json @@ -0,0 +1,11 @@ +{ + "name": "TKO example", + "version": "0.0.0", + "private": true, + "dependencies": { + "@tko/build.reference": "^4.0.0-alpha9.0", + "esbuild": "^0.12.13" + }, + "scripts": { + } +} diff --git a/examples/stackblitz-starter/public/index.html b/examples/stackblitz-starter/public/index.html new file mode 100644 index 000000000..6af2fa27f --- /dev/null +++ b/examples/stackblitz-starter/public/index.html @@ -0,0 +1 @@ +
The time is:
diff --git a/examples/stackblitz-starter/src/index.js b/examples/stackblitz-starter/src/index.js new file mode 100644 index 000000000..96eef431b --- /dev/null +++ b/examples/stackblitz-starter/src/index.js @@ -0,0 +1,8 @@ +// import tko from '@tko/build.reference/dist/build.reference.es6'; +import tko from './tko'; + +import './views/the-time'; + +tko.applyBindings(); + +console.log(` 🥊 TKO:`, tko); diff --git a/examples/stackblitz-starter/src/tko.ts b/examples/stackblitz-starter/src/tko.ts new file mode 100644 index 000000000..95f52991e --- /dev/null +++ b/examples/stackblitz-starter/src/tko.ts @@ -0,0 +1,7 @@ +import tko from '@tko/build.reference/dist/build.reference.es6'; + +// Customize TKO here. + +window.React = {createElement: tko.jsx.createElement} + +export default tko; diff --git a/examples/stackblitz-starter/src/views/the-time.tsx b/examples/stackblitz-starter/src/views/the-time.tsx new file mode 100644 index 000000000..df53af9aa --- /dev/null +++ b/examples/stackblitz-starter/src/views/the-time.tsx @@ -0,0 +1,11 @@ +import tko from '../tko'; + +console.log(`TKO-the-time`); + +class TheTime extends tko.Component { + get template() { + return {new Date().toISOString()}; + } +} + +TheTime.register(); diff --git a/examples/stackblitz-starter/tsconfig.json b/examples/stackblitz-starter/tsconfig.json new file mode 100644 index 000000000..0babb67ef --- /dev/null +++ b/examples/stackblitz-starter/tsconfig.json @@ -0,0 +1,14 @@ +{ + "compilerOptions": { + "target": "esnext", + "compilerOptions": { + "target": "ES2020", + "module": "ES2020", + "moduleResolution": "node", + "strict": true, + "jsx": "preserve", + "jsxFactory": "tko.jsx.createElement", + "jsxFragmentFactory": "tko.jsx.Fragment" + } + } +} \ No newline at end of file