Initial commit

.eslintrc.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: ['@innei/eslint-config-ts'],
+}

.github/workflows/build.yml

@@ -0,0 +1,44 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+on:
+  push:
+    branches:
+      - '**'
+  pull_request:
+    branches: [master, main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
+        env:
+          cache-name: cache-pnpm-modules
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ matrix.node-version }}-${{ hashFiles('**/package.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-${{ matrix.node-version }}-${{ hashFiles('**/package.json') }}
+
+      - uses: pnpm/[email protected]
+        with:
+          version: 8.x.x
+          run_install: true
+      - run: pnpm run package
+      - run: pnpm run test
+        env:
+          CI: true

.github/workflows/release.yml

@@ -0,0 +1,22 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+
+      - run: npx changelogithub # or [email protected] if ensure the stable result
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

.gitignore

@@ -0,0 +1,128 @@
+tags
+node_modules
+/node_modules
+.DS_Store
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+
+# Gatsby files
+.cache/
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.pnp.*
+
+# vim
+ctag
+/tags
+.undodir
+
+# idea
+# .idea/*
+
+/dist
+/publish
+/build
+/lib
+/esm
+/types
+
+example/dist

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+lint-staged

.npmrc

@@ -0,0 +1,3 @@
+registry=https://registry.npmjs.org
+# https://zenn.dev/haxibami/scraps/083718c1beec04
+strict-peer-dependencies=false

.prettierrc.mjs

@@ -0,0 +1,2 @@
+import config from '@innei/prettier'
+export default config

example/App.vue

@@ -0,0 +1,13 @@
+<template>
+<DefaultLayout>
+
+<Page />
+
+</DefaultLayout>
+
+</template>
+
+<script setup>
+import {DefaultLayout} from './layouts/Default.tsx'
+import {Page}  from './pages/page.tsx'
+</script>

example/components/corner/index.ts

@@ -0,0 +1,67 @@
+export class GitHubCornerElement extends HTMLElement {
+  constructor() {
+    super()
+    this.attachShadow({ mode: 'open' })
+    const repo = this.getAttribute('repo')
+    this.shadowRoot.innerHTML = `
+    <a
+    href="https://github.com/${repo}"
+    class="github-corner"
+    aria-label="View source on GitHub"
+    ><svg
+      width="80"
+      height="80"
+      viewBox="0 0 250 250"
+      style="
+        fill: #151513;
+        color: #fff;
+        position: absolute;
+        top: 0;
+        border: 0;
+        right: 0;
+      "
+      aria-hidden="true"
+    >
+      <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
+      <path
+        d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
+        fill="currentColor"
+        style="transform-origin: 130px 106px"
+        class="octo-arm"
+      ></path>
+      <path
+        d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
+        fill="currentColor"
+        class="octo-body"
+      ></path></svg></a
+  ><style>
+    .github-corner:hover .octo-arm {
+      animation: octocat-wave 560ms ease-in-out;
+    }
+    @keyframes octocat-wave {
+      0%,
+      100% {
+        transform: rotate(0);
+      }
+      20%,
+      60% {
+        transform: rotate(-25deg);
+      }
+      40%,
+      80% {
+        transform: rotate(10deg);
+      }
+    }
+    @media (max-width: 500px) {
+      .github-corner:hover .octo-arm {
+        animation: none;
+      }
+      .github-corner .octo-arm {
+        animation: octocat-wave 560ms ease-in-out;
+      }
+    }
+  </style>`
+  }
+}
+
+customElements.define('github-corner', GitHubCornerElement)

example/index.css

@@ -0,0 +1,23 @@
+html,
+body {
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Open Sans',
+    'Helvetica Neue',
+    sans-serif;
+}
+
+.hello {
+  padding: 0;
+
+  .nest {
+    bottom: 0;
+  }
+}

example/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite</title>
+  </head>
+  <body>
+    <github-corner repo="----------------repo----------------"></github-corner>
+    <div id="app"></div>
+    <script src="./index.ts" type="module"></script>
+    <script src="./components/corner/index.ts" type="module"></script>
+  </body>
+</html>

example/index.ts

@@ -0,0 +1,9 @@
+import './index.css'
+import 'uno.css'
+import '@unocss/reset/tailwind.css'
+
+import { createApp } from 'vue'
+
+import App from './App.vue'
+
+createApp(App).mount('#app')

example/layouts/Default.tsx

@@ -0,0 +1,11 @@
+import { defineComponent } from 'vue'
+
+export const DefaultLayout = defineComponent({
+  setup(ctx, { slots }) {
+    return () => (
+      <div>
+        <main class="max-w-60rem m-auto px-4 py-10">{slots.default?.()}</main>
+      </div>
+    )
+  },
+})

example/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "example",
+  "scripts": {
+    "dev": "vite"
+  },
+  "dependencies": {
+    "@unocss/reset": "0.57.1",
+    "my-awesome-lib": "link:../",
+    "vue": "3.3.7"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "4.4.0",
+    "@vitejs/plugin-vue-jsx": "3.0.2"
+  }
+}

example/pages/page.tsx

@@ -0,0 +1,7 @@
+import { defineComponent } from 'vue'
+
+export const Page = defineComponent({
+  setup() {
+    return () => <div>Hello world</div>
+  },
+})