saloe 0.0.3 → 0.0.5

package/demos/demo-listener/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "demo-listener",
+  "version": "1.0.0",
+  "description": "",
+  "main": "server.js",
+  "scripts": {
+    "watch:dev": "ENV=dev vite build --watch",
+    "watch:qa": "ENV=qa vite build --watch",
+    "watch:prod": "ENV=prod vite build --watch",
+    "build:dev": "ENV=dev vite build",
+    "build:qa": "ENV=qa vite build",
+    "build:prod": "ENV=prod vite build",
+    "local:dev": "wrangler dev --env=dev",
+    "local:qa": "wrangler dev --env=qa",
+    "local:prod": "wrangler dev --env=prod",
+    "deploy:dev": "npm run build:dev && wrangler deploy --env=dev",
+    "deploy:qa": "npm run build:qa && wrangler deploy --env=qa",
+    "deploy:prod": "npm run build:prod && wrangler deploy --env=prod",
+    "build-worker:dev": "wrangler deploy --dry-run --outdir=dist-worker"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@cloudflare/kv-asset-handler": "^0.3.4",
+    "saloe": "^0.0.4",
+    "vite": "^5.4.3"
+  }
+}

package/demos/demo-listener/public/input.js

@@ -0,0 +1,5 @@
+const input = ({ e, srcElement }) => {
+    console.log('--- value =', srcElement?.value)
+}
+
+export { input }

package/demos/demo-listener/public/load.js

@@ -0,0 +1,5 @@
+const load = ({ e, srcElement }) => {
+    console.log('--- load')
+}
+
+export { load }

package/demos/demo-listener/public/submit.js

@@ -0,0 +1,6 @@
+const submit = ({ e, srcElement }) => {
+    e.preventDefault()
+    console.log('--- submit 2')
+}
+
+export { submit }

package/demos/demo-listener/server.js

@@ -0,0 +1,94 @@
+import { findPatternFromUrl, getRedirectResponse, getForbiddenResponse, getRoute, getNotFoundResponse, getServerOnlyResponse } from 'saloe/router'
+import { getStaticResponse } from 'saloe/cloudflare-worker'
+import { addRoute } from 'saloe/router'
+import { html, stream } from 'saloe/html'
+import { LISTENER_SCRIPT } from 'saloe/actions'
+import { listener, getScriptListener } from 'saloe/listener'
+
+import manifestJSON from '__STATIC_CONTENT_MANIFEST'
+
+
+const isRedirectableCallback = ({ pathname }) => {
+    return pathname !== '/' && pathname.endsWith('/')
+}
+
+const isForbiddenCallback = ({ request }) => {
+    const forbiddenURLs = []   
+    return forbiddenURLs.find((pathname) => request?.url?.endsWith(pathname))    
+}
+
+const isServerOnlyCallback = ({ request }) => {
+    const serverOnlyURLs = []
+    return serverOnlyURLs?.find((pathname) => request?.url?.endsWith(pathname))
+}
+
+
+(() => {
+    addRoute({
+        pathname: '/',
+        route: ({ request, env }) => {
+            return stream({
+                head: () => html`
+                    <meta charset="UTF-8">
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                    <title>Cloudflare Worker Server</title>
+                `,
+                body: () => html`
+                    
+                    <form 
+                        on-submit="submit"
+                    >
+                        <h1
+                            on-load="load"
+                        >
+                            Hello world!
+                        </h1>
+                        <input 
+                            type="text"
+                            on-input="input"
+                        />
+                        <button type="submit">Submit!</button>     
+                    </form>
+                `,
+                scripts: () => html`
+                    ${getScriptListener()}
+                    <script>
+                        console.log('Hello world!')
+                    </script>
+                `,
+                env,
+            })
+        }
+    })
+
+})()
+
+const handleFetch = async ({ request, env, ctx }) => {
+    const url = new URL(request.url)
+    const { origin, pathname } = url
+
+    const pattern = findPatternFromUrl({ url })
+
+    const redirectResult = getRedirectResponse({ origin, pathname, isRedirectableCallback })
+    if (redirectResult?.response) return redirectResult.response
+
+    const forbiddenResult = getForbiddenResponse({ origin, request, isForbiddenCallback })
+    if (forbiddenResult?.response) return forbiddenResult.response
+
+    const serverOnlyResult = getServerOnlyResponse({ origin, request, isServerOnlyCallback })
+    if (serverOnlyResult?.response) return serverOnlyResult.response
+
+    const route = getRoute({ pathname: pattern?.pathname })
+    const routeResult = route ? await route({ request, pattern, env }) : null
+    if (routeResult?.response) return routeResult.response
+
+    const staticResult = await getStaticResponse({ request, waitUntil: ctx.waitUntil.bind(ctx), manifestJSON, env })
+    if (staticResult?.response) return staticResult?.response
+
+    const notFoundResult = await getNotFoundResponse({ request })
+    return notFoundResult?.response
+}
+
+export default {
+    fetch: (request, env, ctx) => handleFetch({ request, env, ctx })
+}

package/demos/demo-listener/vite.config.js

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite'
+
+
+export default defineConfig({
+    define: {
+        __ENV__: `'${process.env.ENV}'`,
+        __BUILD_TIME__: `'${new Date().toISOString()}'`,
+        __APP_NAME__: `'demo-server'`,
+    },
+    plugins: [],
+    build: {
+        outDir: './dist',
+        manifest: true,
+        emptyOutDir: true,
+        minify: false,
+        rollupOptions: {
+            input: {},
+            output: {
+                entryFileNames: `[name].js`,
+                chunkFileNames: `[name].js`,
+                assetFileNames: `[name].[ext]`,
+            },
+        },
+    },
+})

package/demos/demo-listener/wrangler.toml

@@ -0,0 +1,35 @@
+name = "demo-actions"
+main = "server.js"
+compatibility_date = "2022-11-01"
+compatibility_flags = ["transformstream_enable_standard_constructor", "streams_enable_constructors"]
+minify = false
+#node_compat = true
+
+[site]
+bucket = "./public"
+
+[env]
+
+  [env.prod]
+  experimental-local = true
+
+    [env.prod.vars]
+    IS_CLOUDFLARE_WORKER = true
+    ENV = "prod"
+    APP_NAME = "demo-actions"
+
+  [env.qa]
+  experimental-local = true
+
+    [env.qa.vars]
+    IS_CLOUDFLARE_WORKER = true
+    ENV = "qa"
+    APP_NAME = "demo-actions"
+
+  [env.dev]  
+  experimental-local = true
+
+    [env.dev.vars]
+    IS_CLOUDFLARE_WORKER = true
+    ENV = "dev"
+    APP_NAME = "demo-actions"

package/demos/demo-server/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "demo-server",
+  "version": "1.0.0",
+  "description": "",
+  "main": "server.js",
+  "scripts": {
+    "watch:dev": "ENV=dev vite build --watch",
+    "watch:qa": "ENV=qa vite build --watch",
+    "watch:prod": "ENV=prod vite build --watch",
+    "build:dev": "ENV=dev vite build",
+    "build:qa": "ENV=qa vite build",
+    "build:prod": "ENV=prod vite build",
+    "local:dev": "wrangler dev --env=dev",
+    "local:qa": "wrangler dev --env=qa",
+    "local:prod": "wrangler dev --env=prod",
+    "deploy:dev": "npm run build:dev && wrangler deploy --env=dev",
+    "deploy:qa": "npm run build:qa && wrangler deploy --env=qa",
+    "deploy:prod": "npm run build:prod && wrangler deploy --env=prod",
+    "build-worker:dev": "wrangler deploy --dry-run --outdir=dist-worker"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@cloudflare/kv-asset-handler": "^0.3.4",
+    "saloe": "^0.0.3",
+    "vite": "^5.4.3"
+  }
+}

package/demos/demo-server/server.js

@@ -0,0 +1,75 @@
+import { findPatternFromUrl, getRedirectResponse, getForbiddenResponse, getRoute, getNotFoundResponse, getServerOnlyResponse } from 'saloe/router'
+import { getStaticResponse } from 'saloe/cloudflare-worker'
+import { addRoute } from 'saloe/router'
+import { html, stream } from 'saloe/html'
+
+
+const isRedirectableCallback = ({ pathname }) => {
+    return pathname !== '/' && pathname.endsWith('/')
+}
+
+const isForbiddenCallback = ({ request }) => {
+    const forbiddenURLs = []   
+    return forbiddenURLs.find((filename) => request?.url?.endsWith(filename))    
+}
+
+const isServerOnlyCallback = ({ request }) => {
+    const serverOnlyURLs = []
+    return serverOnlyURLs?.find((filename) => request?.url?.endsWith(filename))
+}
+
+
+(() => {
+    addRoute({
+        pathname: '/',
+        route: ({ request, env }) => {
+            return stream({
+                head: () => html`
+                    <meta charset="UTF-8">
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                    <title>Cloudflare Worker Server</title>
+                `,
+                body: () => html`
+                    <h1>Hello world!</h1>
+                `,
+                scripts: () => html`
+                    <script>
+                        console.log('Hello world!')
+                    </script>
+                `,
+                env,
+            })
+        }
+    })
+
+})()
+
+const handleFetch = async ({ request, env, ctx }) => {
+    const url = new URL(request.url)
+    const { origin, pathname } = url
+
+    const pattern = findPatternFromUrl({ url })
+
+    const redirectResult = getRedirectResponse({ origin, pathname, isRedirectableCallback })
+    if (redirectResult?.response) return redirectResult.response
+
+    const forbiddenResult = getForbiddenResponse({ origin, request, isForbiddenCallback })
+    if (forbiddenResult?.response) return forbiddenResult.response
+
+    const serverOnlyResult = getServerOnlyResponse({ origin, request, isServerOnlyCallback })
+    if (serverOnlyResult?.response) return serverOnlyResult.response
+
+    const route = getRoute({ pathname: pattern?.pathname })
+    const routeResult = route ? await route({ request, pattern, env }) : null
+    if (routeResult?.response) return routeResult.response
+
+    const staticResult = await getStaticResponse({ request, waitUntil: ctx.waitUntil.bind(ctx), env })
+    if (staticResult?.response) return staticResult?.response
+
+    const notFoundResult = await getNotFoundResponse({ request })
+    return notFoundResult?.response
+}
+
+export default {
+    fetch: (request, env, ctx) => handleFetch({ request, env, ctx })
+}

package/demos/demo-server/vite.config.js

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite'
+
+
+export default defineConfig({
+    define: {
+        __ENV__: `'${process.env.ENV}'`,
+        __BUILD_TIME__: `'${new Date().toISOString()}'`,
+        __APP_NAME__: `'demo-server'`,
+    },
+    plugins: [],
+    build: {
+        outDir: './dist',
+        manifest: true,
+        emptyOutDir: true,
+        minify: false,
+        rollupOptions: {
+            input: {},
+            output: {
+                entryFileNames: `[name].js`,
+                chunkFileNames: `[name].js`,
+                assetFileNames: `[name].[ext]`,
+            },
+        },
+    },
+})

package/demos/demo-server/wrangler.toml

@@ -0,0 +1,32 @@
+name = "demo-server"
+main = "server.js"
+compatibility_date = "2022-11-01"
+compatibility_flags = ["transformstream_enable_standard_constructor", "streams_enable_constructors"]
+minify = false
+#node_compat = true
+
+[env]
+
+  [env.prod]
+  experimental-local = true
+
+    [env.prod.vars]
+    IS_CLOUDFLARE_WORKER = true
+    ENV = "prod"
+    APP_NAME = "demo-server"
+
+  [env.qa]
+  experimental-local = true
+
+    [env.qa.vars]
+    IS_CLOUDFLARE_WORKER = true
+    ENV = "qa"
+    APP_NAME = "demo-server"
+
+  [env.dev]  
+  experimental-local = true
+
+    [env.dev.vars]
+    IS_CLOUDFLARE_WORKER = true
+    ENV = "dev"
+    APP_NAME = "demo-server"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "saloe",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "description": "Tools for making web development easy and efficient",
     "scripts": {
         "build": "vite build",
@@ -59,9 +59,12 @@
         }
     },
     "dependencies": {
-        "@cloudflare/kv-asset-handler": "^0.3.4",
         "fs": "^0.0.1-security",
-        "urlpattern-polyfill": "^10.0.0",
-        "vite": "^5.4.2"
+        "urlpattern-polyfill": "^10.0.0"
+    },
+    "devDependencies": {
+        "@cloudflare/kv-asset-handler": "^0.3.4",
+        "saloe": "^0.0.3",
+        "vite": "^5.4.3"
     }
-}
+}