Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@MalikWhitten67
MalikWhitten67 committed Jan 21, 2024
1 parent f5e1fbb commit 03e21e1
Show file tree
Hide file tree
Showing 12 changed files with 49 additions and 49 deletions.
2 changes: 1 addition & 1 deletion pages/404/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
let {Component, useParams} = await import('/dist/vader.js')
let {Component, useParams} = await import('/vader.js')

class Index extends Component{
constructor(props){
Expand Down
22 changes: 11 additions & 11 deletions pages/docs/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
let { Component, useState } = await import('/dist/vader.js')
let { Component, useState } = await import('/vader.js')
import { Nav }from '/dist/src/Nav.js'
import { Home } from '/dist/src/pages/docs/overview/index.js'

Expand Down Expand Up @@ -40,35 +40,35 @@ class Index extends Component {
<li><a
class='font-semibold'
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started' }); `, false, false, '6kr7yc3y0vv', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="6kr7yc3y0vv",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started' }); `, false, false, '2rkp1b05cbc', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="2rkp1b05cbc",
>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, 'rqrsfi5o0ok', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="rqrsfi5o0ok",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'installation' }); `, false, false, 'ztyjefuzv1', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="ztyjefuzv1",
>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, '8b0in2gxykt', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="8b0in2gxykt",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'project-structure' }); `, false, false, '08hs78caqoji', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="08hs78caqoji",
>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, '6p2q5fve0sf', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="6p2q5fve0sf",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'routing' }); `, false, false, 'vnr0112rdlo', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="vnr0112rdlo",
>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, '8g33q18le2q', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="8g33q18le2q",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'deployment' }); `, false, false, 'urq8uehj7qp', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="urq8uehj7qp",
>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, 'z0nfvfwf6n', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="z0nfvfwf6n",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started' }); `, false, false, 'ddtt7lvcjie', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="ddtt7lvcjie",
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, '525r4761nlk', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="525r4761nlk",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'installation' }); `, false, false, '9l302q84pxf', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="9l302q84pxf",
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, '8llhbsc7wz', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="8llhbsc7wz",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'project-structure' }); `, false, false, '8qpbu8wrnbd', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="8qpbu8wrnbd",
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, '3kjuih1gju2', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="3kjuih1gju2",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'routing' }); `, false, false, 'kx9fnfuj5re', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="kx9fnfuj5re",
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, 'mw8rxbnlef', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="mw8rxbnlef",
onClick="${this.bind(`this.response.setQuery({ page: 'getting-started', subpage: 'deployment' }); `, false, false, 'kbtws7ioqf9', "setPath,", setPath)}", usesEvent="true", eventType="onClick",data-ref="kbtws7ioqf9",
class='cursor-pointer'
>
<a class='flex gap-2 hero'>
Expand Down
6 changes: 3 additions & 3 deletions pages/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Component, useState, strictMount, useRef } from "/dist/vader.js"
import { Component, useState, strictMount, useRef } from "/vader.js"
import {Button} from "/dist/src/button.js"
import {Nav }from '/dist/src/Nav.js'
import { ComponentExample} from "/dist/src/examples/component.js"
Expand Down Expand Up @@ -79,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, '6lzjjsogrba', "setView,view,embedref,", setView, view, embedref)}", usesEvent="true", eventType="onClick",data-ref="6lzjjsogrba",
onClick="${this.bind(`setView(view === 'index' ? 'stackblitz' : 'index'); console.log(view); `, false, false, 'pmq1yyr1prc', "setView,view,embedref,", setView, view, embedref)}", usesEvent="true", eventType="onClick",data-ref="pmq1yyr1prc",
>
${
view === 'index' ? 'Click to View Code' : 'Click to View Example Component'
Expand All @@ -97,7 +97,7 @@ export default class Index extends Component {
: `
<embed
ref="${embedref.bind}",
onLoad="${this.bind(``, false, false, 'ksey12ogw', "setLoaded,loaded,", setLoaded, loaded)}", usesEvent="true", eventType="onLoad",data-ref="ksey12ogw",
onLoad="${this.bind(``, false, false, '0kjdxrcfucjb', "setLoaded,loaded,", setLoaded, loaded)}", usesEvent="true", eventType="onLoad",data-ref="0kjdxrcfucjb",
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 Down
4 changes: 2 additions & 2 deletions src/Nav.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Component } from '/dist/vader.js'
import { Component } from '/vader.js'
import {SearchBar} from './search.js'
export class Nav extends Component {
constructor(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, '5uso0vs8dww', "", null)}", usesEvent="true", eventType="onClick",data-ref="5uso0vs8dww",
onClick="${this.bind(`this.response.redirect('/'); `, false, false, '88xzmtfqgv2', "", null)}", usesEvent="true", eventType="onClick",data-ref="88xzmtfqgv2",
>
<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 @@
import { Component } from "/dist/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, 'n2p7ygclaml', "", null)}", usesEvent="true", eventType="onClick",data-ref="n2p7ygclaml",
onClick="${this.bind(`console.log(this); this.parentNode.response.redirect(this.props?.redirect); `, false, false, 'lmfqp4vsa1n', "", null)}", usesEvent="true", eventType="onClick",data-ref="lmfqp4vsa1n",
>${this.props?.children}</button>
`
Expand Down
4 changes: 2 additions & 2 deletions src/collapse.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Component, useState } from "/dist/vader.js"
import { Component, useState } from "/vader.js"

export class Collapse extends Component{
constructor(props){
Expand All @@ -16,7 +16,7 @@ export class Collapse extends Component{
>
<button class="${this.props?.class}",
onClick="${this.bind(`setOpen(!open); this.props?.click(this.props?.redirectTo); `, false, false, '28k9qys4cti', "setOpen,open,", setOpen, open)}", usesEvent="true", eventType="onClick",data-ref="28k9qys4cti", >
onClick="${this.bind(`setOpen(!open); this.props?.click(this.props?.redirectTo); `, false, false, '60jnfrlriyj', "setOpen,open,", setOpen, open)}", usesEvent="true", eventType="onClick",data-ref="60jnfrlriyj", >
${this.props?.title}
</button>
<div
Expand Down
6 changes: 3 additions & 3 deletions src/examples/component.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import {Component, useState, strictMount, useRef} from '/dist/vader.js'
import {Component, useState, strictMount, useRef} from '/vader.js'

class Video extends Component{
constructor(props){
Expand Down Expand Up @@ -27,7 +27,7 @@ class Video extends Component{
ref="${likedRef.bind}",
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="${1.5}", stroke="currentColor"
class="${`w-6 h-6 cursor-pointer ${liked ? 'fill-error stroke-error' : ''}`}",
onClick="${this.bind(`setLiked(!liked, likedRef.bind); `, false, false, 'fssn72isgwg', "setLiked,,liked,likedRef,event,", setLiked, liked, likedRef, event)}", usesEvent="true", eventType="onClick",data-ref="fssn72isgwg",
onClick="${this.bind(`setLiked(!liked, likedRef.bind); `, false, false, '9bhmzeuce0k', "setLiked,,liked,likedRef,event,", setLiked, liked, likedRef, event)}", usesEvent="true", eventType="onClick",data-ref="9bhmzeuce0k",
>
<path strokeLinecap="round" strokeLinejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" />
</svg>
Expand Down Expand Up @@ -107,7 +107,7 @@ export class ComponentExample extends Component{
<input
onInput="${this.bind(filterVideos, true, false, 'od1tpdeqyz', "e, test", event, videos)}", usesEvent="true", eventType="onInput",data-ref="od1tpdeqyz",
onInput="${this.bind(filterVideos, true, false, 'gw856tfwt4w', "e, test", event, videos)}", usesEvent="true", eventType="onInput",data-ref="gw856tfwt4w",
type="text" class="input input-bordered rounded-full" placeholder="Search..." />
</div>
<h1 class='font-bold text-xl mx-5 p-2' ref="${searchHook.bind}", >${videos.length} Videos</h1>
Expand Down
4 changes: 2 additions & 2 deletions src/pages/docs/deployment/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Component } from "/dist/vader.js"
import { Component } from "/vader.js"

export class Deployment extends Component {
constructor(props) {
Expand All @@ -13,7 +13,7 @@ export class Deployment extends Component {
<div class="text-sm breadcrumbs">
<ul>
<li><a class='no-underline'
onClick="${this.bind(`this.props?.swapPage({ page: 'getting-started', subpage: '' }); `, false, false, 'c14egj16cm', "", null)}", usesEvent="true", eventType="onClick",data-ref="c14egj16cm",
onClick="${this.bind(`this.props?.swapPage({ page: 'getting-started', subpage: '' }); `, false, false, 'jyogbu1tvei', "", null)}", usesEvent="true", eventType="onClick",data-ref="jyogbu1tvei",
>Getting Started</a></li>
<li><a class='font-semibold'>Deployment</a></li>
</ul>
Expand Down
4 changes: 2 additions & 2 deletions src/pages/docs/hooks/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import {useState, useRef, Component} from '/dist/vader.js'
import {useState, useRef, Component} from '/vader.js'
const data = {
useState: `
<div>
Expand Down Expand Up @@ -36,7 +36,7 @@ class Hooks extends Component {
<li class='list-inside' >
<a
class='text-blue-500 cursor-pointer hover:underline'
onClick="${this.bind(`this.props?.click('/docs/hooks/useState'); `, false, false, 'i8fhg6q8hs9', "", null)}", usesEvent="true", eventType="onClick",data-ref="i8fhg6q8hs9", >
onClick="${this.bind(`this.props?.click('/docs/hooks/useState'); `, false, false, 'mgjfc6u94sl', "", null)}", usesEvent="true", eventType="onClick",data-ref="mgjfc6u94sl", >
useState
</a>
</li>
Expand Down

0 comments on commit 03e21e1

Please sign in to comment.