Skip to content

Commit

Permalink
fix import :{
Browse files Browse the repository at this point in the history
  • Loading branch information
@MalikWhitten67
MalikWhitten67 committed Jan 21, 2024
1 parent 0bbcc80 commit 87e1f90
Show file tree
Hide file tree
Showing 12 changed files with 94 additions and 114 deletions.
73 changes: 26 additions & 47 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,47 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vaderjs v1.3.3</title>
<meta name="description" content="Vader.js is a modern web framework for building web applications.">
<link rel="shortcut icon" href="https://raw.githubusercontent.com/Postr-Inc/Vader.js/main/logo.png" type="image/x-icon">
<link rel="stylesheet" href="./public//styles.css">



<link rel="modulepreload" href="//vader.js">
<link rel="preload" href="//vader.js" as="script">

<link rel="modulepreload" href="/src/button.js">
<link rel="preload" href="/src/button.js" as="script">

<link rel="modulepreload" href="/src/Nav.js">
<link rel="preload" href="/src/Nav.js" as="script">

<link rel="modulepreload" href="/src/examples/component.js">
<link rel="preload" href="/src/examples/component.js" as="script">

<link rel="modulepreload" href="/src/pages/docs/overview/index.js">
<link rel="preload" href="/src/pages/docs/overview/index.js" as="script">

<link rel="modulepreload" href="/src/search.js">
<link rel="preload" href="/src/search.js" as="script">

<link rel="modulepreload" href="/src/pages/docs/routing/index.js">
<link rel="preload" href="/src/pages/docs/routing/index.js" as="script">

<link rel="modulepreload" href="/src/pages/docs/deployment/index.js">
<link rel="preload" href="/src/pages/docs/deployment/index.js" as="script">
</head>
<body>
<div id="root"></div>
<script type="module">
import VaderRouter from './router.js'
const router = new VaderRouter('/', 3000)
window.router = router
await import('./app.js')
router.listen(3000)
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vaderjs v1.3.3</title>
<meta name="description" content="Vader.js is a modern web framework for building web applications.">
<link rel="shortcut icon" href="https://raw.githubusercontent.com/Postr-Inc/Vader.js/main/logo.png"
type="image/x-icon">
<link rel="stylesheet" href="./public//styles.css">

<link rel="modulepreload" href="/vader.js"><link rel="preload" href="/vader.js" as="script"><link rel="modulepreload" href="./src/button.js"><link rel="preload" href="./src/button.js" as="script"><link rel="modulepreload" href="./src/Nav.js"><link rel="preload" href="./src/Nav.js" as="script"><link rel="modulepreload" href="./src/examples/component.js"><link rel="preload" href="./src/examples/component.js" as="script"><link rel="modulepreload" href="./src/pages/docs/overview/index.js"><link rel="preload" href="./src/pages/docs/overview/index.js" as="script"><link rel="modulepreload" href="./src/search.js"><link rel="preload" href="./src/search.js" as="script"><link rel="modulepreload" href="./src/pages/docs/routing/index.js"><link rel="preload" href="./src/pages/docs/routing/index.js" as="script"><link rel="modulepreload" href="./src/pages/docs/deployment/index.js"><link rel="preload" href="./src/pages/docs/deployment/index.js" as="script"><link rel="modulepreload" href="../src/button.js"><link rel="preload" href="../src/button.js" as="script"><link rel="modulepreload" href="../src/search.js"><link rel="preload" href="../src/search.js" as="script"><link rel="modulepreload" href="../src/Nav.js"><link rel="preload" href="../src/Nav.js" as="script"><link rel="modulepreload" href="../src/examples/component.js"><link rel="preload" href="../src/examples/component.js" as="script"><link rel="modulepreload" href="../src/pages/docs/overview/index.js"><link rel="preload" href="../src/pages/docs/overview/index.js" as="script"><link rel="modulepreload" href="../src/pages/docs/routing/index.js"><link rel="preload" href="../src/pages/docs/routing/index.js" as="script"><link rel="modulepreload" href="../src/pages/docs/deployment/index.js"><link rel="preload" href="../src/pages/docs/deployment/index.js" as="script"><link rel="modulepreload" href="/src/button.js"><link rel="preload" href="/src/button.js" as="script"><link rel="modulepreload" href="/src/Nav.js"><link rel="preload" href="/src/Nav.js" as="script"><link rel="modulepreload" href="/src/examples/component.js"><link rel="preload" href="/src/examples/component.js" as="script"><link rel="modulepreload" href="/src/pages/docs/overview/index.js"><link rel="preload" href="/src/pages/docs/overview/index.js" as="script"><link rel="modulepreload" href="/src/search.js"><link rel="preload" href="/src/search.js" as="script"><link rel="modulepreload" href="/src/pages/docs/routing/index.js"><link rel="preload" href="/src/pages/docs/routing/index.js" as="script"><link rel="modulepreload" href="/src/pages/docs/deployment/index.js"><link rel="preload" href="/src/pages/docs/deployment/index.js" as="script"></head>

<body>
<div id="root"></div>
<script type="module">
import VaderRouter from './router.js'
const router = new VaderRouter('/', 3000)
window.router = router
await import('./app.js')
router.listen(3000)
</script>
</body>

</html>
36 changes: 18 additions & 18 deletions pages/docs/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
let { Component, useState } = await import(Vader.root + '//vader.js')
let { Nav } = await import(Vader.root + '/src/Nav.js')
let { Home } = await import(Vader.root + '/src/pages/docs/overview/index.js')
import { Component, useState } from '/vader.js'
import { Nav }from '/src/Nav.js'
import { Home } from '/src/pages/docs/overview/index.js'

window.Vader['docs'] = {
'overview': {
Expand All @@ -22,8 +22,8 @@ class Index extends Component {
let p = this.request.query.page ? `/docs/${this.request.query.page}` : '/docs/getting-started'
this.request.query.subpage ? p = p + '/' + this.request.query.subpage : ''

let [/** @type {*} */path, setPath] = this.useState('path', p)

let [/** @type {*} */path, setPath] = this.useState('path', p)




Expand All @@ -40,35 +40,35 @@ class Index extends Component {
<li><a
class='font-semibold'
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started' }); `, false, false, '7e9ft6xt9zw', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="7e9ft6xt9zw",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started' }); `, false, false, 'lgaio93c1r', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="lgaio93c1r",
>Getting Started</a></li>
<li class='p-1'><a
class="${`
${path == '/docs/getting-started/installation' ? 'font-semibold text-blue-500 font-sans' : ''
}
`}",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'installation' }); `, false, false, 't6nuo93rhdg', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="t6nuo93rhdg",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'installation' }); `, false, false, 'g4tui6eln5e', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="g4tui6eln5e",
>Installation</a></li>
<li class='p-1'><a
class="${`
cursor-pointer
${path == '/docs/getting-started/project-structure' ? 'font-semibold text-blue-500 font-sans' : ''
}
`}",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'project-structure' }); `, false, false, 'cs717gicbe4', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="cs717gicbe4",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'project-structure' }); `, false, false, 'kppmx8v250h', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="kppmx8v250h",
>Project Structure</a></li>
<li class="p-1">
<a
class="${`${path == '/docs/getting-started/routing' ? 'font-semibold text-blue-500 font-sans' : ''}`}",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'routing' }); `, false, false, 'tylzvx3x4a', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="tylzvx3x4a",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'routing' }); `, false, false, 'sm2v4o8jye', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="sm2v4o8jye",
>Routing</a></li>
<li class="p-1">
<a
class="${`${path == '/docs/getting-started/deployment' ? 'font-semibold text-blue-500 font-sans' : ''}`}",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'deployment' }); `, false, false, 'j6191rzrjgk', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="j6191rzrjgk",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'deployment' }); `, false, false, 'oujyks732ca', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="oujyks732ca",
>Deployment</a></li>
Expand Down Expand Up @@ -106,7 +106,7 @@ class Index extends Component {
<ul class='p-5 fixed flex flex-col text-sm gap-5'>
<li
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started' }); `, false, false, 'gunqq3kan57', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="gunqq3kan57",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started' }); `, false, false, '6u08pl58qsb', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="6u08pl58qsb",
class='cursor-pointer'
>
<a class='flex gap-2 hero'>
Expand Down Expand Up @@ -177,7 +177,7 @@ class Index extends Component {
${
path.includes('getting-started') ? `
<li
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'installation' }); `, false, false, 'xxmioatfrfb', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="xxmioatfrfb",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'installation' }); `, false, false, 'ylkff5b9rdm', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="ylkff5b9rdm",
class='cursor-pointer'
>
<a
Expand All @@ -197,7 +197,7 @@ class Index extends Component {
</a>
</li>
<li
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'project-structure' }); `, false, false, 'fs48mk0m2fo', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="fs48mk0m2fo",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'project-structure' }); `, false, false, 'ycqalqda2b', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="ycqalqda2b",
class='cursor-pointer'
>
<a class='flex gap-2 hero'>
Expand All @@ -212,7 +212,7 @@ class Index extends Component {
</a>
</li>
<li
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'routing' }); `, false, false, 'yfzkf135nd', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="yfzkf135nd",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'routing' }); `, false, false, 'xr72h5amff', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="xr72h5amff",
class='cursor-pointer'
>
<a class='flex gap-2 hero'>
Expand All @@ -229,7 +229,7 @@ class Index extends Component {
</a>
</li>
<li
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'deployment' }); `, false, false, '0mvl52irugjq', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="0mvl52irugjq",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'deployment' }); `, false, false, 'ti01q2pec9', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="ti01q2pec9",
class='cursor-pointer'
>
<a class='flex gap-2 hero'>
Expand Down Expand Up @@ -259,6 +259,6 @@ class Index extends Component {

}

export default Index

//wascompiled
export default Index

//wascompiled
25 changes: 13 additions & 12 deletions pages/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
let { Component, useState, strictMount, useRef } = await import(Vader.root + '//vader.js')
let {Button} = await import(Vader.root + '/src/button.js')
let {Nav } = await import(Vader.root + '/src/Nav.js')
let { ComponentExample} = await import(Vader.root + '/src/examples/component.js')
import { Component, useState, strictMount, useRef } from '/vader.js'
import {Button} from '/src/button.js'
import {Nav }from '/src/Nav.js'
import { ComponentExample} from '/src/examples/component.js'

export default class Index extends Component {
constructor(props) {
super(props);
Expand All @@ -10,11 +11,11 @@ export default class Index extends Component {
}
render() {

let [/** @type {String} */view, setView] = this.useState('view', 'index')

let [/** @type {String} */view, setView] = this.useState('view', 'index')


let [/** @type {Boolean} */loaded, setLoaded] = this.useState('loaded', false)

let [/** @type {Boolean} */loaded, setLoaded] = this.useState('loaded', false)


let embedref = this.useRef('embedref', null)

Expand Down Expand Up @@ -78,7 +79,7 @@ export default class Index extends Component {
<button
class="btn btn-ghost shadow border-slate-200 border hover:bg-white btn-sm w-fit text-center align-middle mx-auto mt-5"
onClick="${this.bind(`setView(view === 'index' ? 'stackblitz' : 'index'); console.log(view); `, false, false, 'w5xo1rydzs', "setView,view,embedref,", setView, view, embedref)}", usesEvent="true", eventType="onClick",data-ref="w5xo1rydzs",
onClick="${this.bind(`setView(view === 'index' ? 'stackblitz' : 'index'); console.log(view); `, false, false, 'mvu8bmt205r', "setView,view,embedref,", setView, view, embedref)}", usesEvent="true", eventType="onClick",data-ref="mvu8bmt205r",
>
${
view === 'index' ? 'Click to View Code' : 'Click to View Example Component'
Expand All @@ -96,7 +97,7 @@ export default class Index extends Component {
: `
<embed
ref="${embedref.bind}",
onLoad="${this.bind(``, false, false, '8cd1g6vi6fb', "setLoaded,loaded,", setLoaded, loaded)}", usesEvent="true", eventType="onLoad",data-ref="8cd1g6vi6fb",
onLoad="${this.bind(``, false, false, 'vdiezdk332', "setLoaded,loaded,", setLoaded, loaded)}", usesEvent="true", eventType="onLoad",data-ref="vdiezdk332",
class="h-[600px] w-[600px] rounded "
src="https://stackblitz.com/edit/web-platform-aanbgw?file=dev%2Fpages%2Findex.jsx&view=editor"
style={{ width: '100%', height: '100%' }}
Expand All @@ -119,6 +120,6 @@ export default class Index extends Component {
}






//wascompiled
6 changes: 3 additions & 3 deletions src/Nav.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
let { Component } = await import(Vader.root + '//vader.js')
let {SearchBar} = await import(Vader.root + '/src/search.js')
import { Component } from '/vader.js'
import {SearchBar} from '/src/search.js'
export class Nav extends Component {
constructor(props) {
super(props)
Expand All @@ -8,7 +8,7 @@ export class Nav extends Component {
return `
<div class="navbar sticky top-0 z-[9999] bg-white ">
<div class="navbar-start"
onClick="${this.bind(`this.response.redirect('/'); `, false, false, 's7eifr793j', "", null)}", usesEvent="true", eventType="onClick",data-ref="s7eifr793j",
onClick="${this.bind(`this.response.redirect('/'); `, false, false, 'y857duf5vcm', "", null)}", usesEvent="true", eventType="onClick",data-ref="y857duf5vcm",
>
<img
Expand Down
4 changes: 2 additions & 2 deletions src/button.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
let { Component } = await import(Vader.root + '//vader.js')
import { Component } from '/vader.js'

export class Button extends Component{
constructor(props){
Expand All @@ -11,7 +11,7 @@ export class Button extends Component{
return `
<button class="${this.props?.class}",
name='button'
onClick="${this.bind(`console.log(this); this.parentNode.response.redirect(this.props?.redirect); `, false, false, 'm7xtffjzn6m', "", null)}", usesEvent="true", eventType="onClick",data-ref="m7xtffjzn6m",
onClick="${this.bind(`console.log(this); this.parentNode.response.redirect(this.props?.redirect); `, false, false, 'v6vbojpfgi', "", null)}", usesEvent="true", eventType="onClick",data-ref="v6vbojpfgi",
>${this.props?.children}</button>
`
Expand Down
Loading

0 comments on commit 87e1f90

Please sign in to comment.