workflow, misc edits
This commit is contained in:
parent
9fbd811101
commit
bef45f9107
28
.github/workflows/deploy.yml
vendored
Normal file
28
.github/workflows/deploy.yml
vendored
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
name: Deploy to GitHub Pages
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches:
|
||||||
|
- master
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
deploy:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
|
||||||
|
steps:
|
||||||
|
- name: Checkout Repository
|
||||||
|
uses: actions/checkout@v2
|
||||||
|
|
||||||
|
- name: Setup Deno
|
||||||
|
uses: denolib/setup-deno@v2
|
||||||
|
with:
|
||||||
|
deno-version: 1.8
|
||||||
|
|
||||||
|
- name: Run Deno Script
|
||||||
|
run: deno run -A --no-lock cli.tsx baker
|
||||||
|
|
||||||
|
- name: Deploy to GitHub Pages
|
||||||
|
uses: peaceiris/actions-gh-pages@v3
|
||||||
|
with:
|
||||||
|
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||||
|
publish_dir: ./.bake
|
@ -1,3 +1,4 @@
|
|||||||
|
//@able-types
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
type MetasInputs = { [Property in MetaKeys]?: string };
|
type MetasInputs = { [Property in MetaKeys]?: string };
|
||||||
@ -192,7 +193,7 @@ export const Router = {
|
|||||||
|
|
||||||
React.useEffect(()=>{
|
React.useEffect(()=>{
|
||||||
history.replaceState({...routeGet, URL:undefined}, "", routeGet.URL);
|
history.replaceState({...routeGet, URL:undefined}, "", routeGet.URL);
|
||||||
window.addEventListener("popstate", ({state})=>
|
self.addEventListener("popstate", ({state})=>
|
||||||
{
|
{
|
||||||
dirtySet(true);
|
dirtySet(true);
|
||||||
routeUpdate(state.Path, state.Params, state.Anchor);
|
routeUpdate(state.Path, state.Params, state.Anchor);
|
||||||
|
@ -1,3 +1,4 @@
|
|||||||
|
//@able-types
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
type StateArgs = {done?:boolean, open?:boolean};
|
type StateArgs = {done?:boolean, open?:boolean};
|
||||||
|
@ -3,32 +3,10 @@ import * as TW from "@twind/core";
|
|||||||
import TWPreTail from "https://esm.sh/v126/@twind/preset-tailwind@1.1.3/es2022/preset-tailwind.mjs";
|
import TWPreTail from "https://esm.sh/v126/@twind/preset-tailwind@1.1.3/es2022/preset-tailwind.mjs";
|
||||||
import TWPreAuto from "https://esm.sh/v126/@twind/preset-autoprefix@1.0.7/es2022/preset-autoprefix.mjs";
|
import TWPreAuto from "https://esm.sh/v126/@twind/preset-autoprefix@1.0.7/es2022/preset-autoprefix.mjs";
|
||||||
|
|
||||||
const Configure =
|
const Configure = { theme: {}, presets: [TWPreTail(), TWPreAuto()], hash: false} as TW.TwindUserConfig;
|
||||||
{
|
|
||||||
theme: {},
|
|
||||||
presets: [TWPreTail(), TWPreAuto()],
|
|
||||||
hash: false
|
|
||||||
} as TW.TwindUserConfig;
|
|
||||||
|
|
||||||
export const Shadow =(inElement:HTMLElement, inConfig:TW.TwindUserConfig)=>
|
|
||||||
{
|
|
||||||
const ShadowDOM = inElement.attachShadow({ mode: "open" });
|
|
||||||
const ShadowDiv = document.createElement("div");
|
|
||||||
const ShadowCSS = document.createElement("style");
|
|
||||||
|
|
||||||
ShadowDOM.append(ShadowCSS);
|
|
||||||
ShadowDOM.append(ShadowDiv);
|
|
||||||
TW.observe(TW.twind(inConfig, TW.cssom(ShadowCSS)), ShadowDiv);
|
|
||||||
return ShadowDiv;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default async(inSelector:string, inModulePath:string, inMemberApp="default", inMemberCSS="CSS", inShadow=false):Promise<(()=>void)|false>=>
|
export default async(inSelector:string, inModulePath:string, inMemberApp="default", inMemberCSS="CSS", inShadow=false):Promise<(()=>void)|false>=>
|
||||||
{
|
{
|
||||||
if(!inModulePath)
|
|
||||||
{
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
let dom = document.querySelector(inSelector);
|
let dom = document.querySelector(inSelector);
|
||||||
if(!dom)
|
if(!dom)
|
||||||
{
|
{
|
||||||
@ -37,12 +15,18 @@ export default async(inSelector:string, inModulePath:string, inMemberApp="defaul
|
|||||||
}
|
}
|
||||||
|
|
||||||
const module = await import(inModulePath);
|
const module = await import(inModulePath);
|
||||||
|
|
||||||
const merge = inMemberCSS ? {...Configure, ...module[inMemberCSS]} : Configure;
|
const merge = inMemberCSS ? {...Configure, ...module[inMemberCSS]} : Configure;
|
||||||
|
|
||||||
if(inShadow)
|
if(inShadow)
|
||||||
{
|
{
|
||||||
dom = Shadow(dom as HTMLElement, merge);
|
const ShadowDOM = dom.attachShadow({ mode: "open" });
|
||||||
|
const ShadowDiv = document.createElement("div");
|
||||||
|
const ShadowCSS = document.createElement("style");
|
||||||
|
|
||||||
|
ShadowDOM.append(ShadowCSS);
|
||||||
|
ShadowDOM.append(ShadowDiv);
|
||||||
|
TW.observe(TW.twind(merge, TW.cssom(ShadowCSS)), ShadowDiv);
|
||||||
|
dom = ShadowDiv;
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
|
Loading…
Reference in New Issue
Block a user