tona-loader 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 guangzan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,39 @@
+# tona-loader
+
+**English** | [中文](./README.zh-CN.md)
+
+🚀 Loading theme js file for Tona.
+
+Loader receives a configuration object, mounts the object to window, and then loads the corresponding theme file according to the `configurationObject.theme.name` in the incoming object.
+
+## Usage
+
+Load skins via theme name.
+
+```html
+<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
+<script>
+  const opts = {
+    theme: {
+      name: "geek",
+    },
+    // 其他配置
+  };
+  $.tona(opts);
+</script>
+```
+
+Load skins via theme URL.
+
+```html
+<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
+<script>
+  const opts = {
+    theme: {
+      name: "https://blog-static.cnblogs.com/files/guangzan/reacg.js",
+    },
+    // 其他配置
+  };
+  $.tona(opts);
+</script>
+```

package/README.zh-CN.md

@@ -0,0 +1,39 @@
+# tona-loader
+
+**中文** | [English](./README.md)
+
+🚀 Tona 博客园皮肤加载器。
+
+Loader 接收一个配置对象，将该对象挂载到窗口，然后根据传入的配置对象中的 `configurationObject.theme` 加载相应的皮肤文件。
+
+## 使用
+
+通过皮肤名称加载皮肤。
+
+```html
+<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
+<script>
+  const opts = {
+    theme: {
+      name: "geek",
+    },
+    // 其他配置
+  };
+  $.tona(opts);
+</script>
+```
+
+通过皮肤 URL 加载皮肤。
+
+```html
+<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
+<script>
+  const opts = {
+    theme: {
+      name: "https://blog-static.cnblogs.com/files/guangzan/reacg.js",
+    },
+    // 其他配置
+  };
+  $.tona(opts);
+</script>
+```

package/dist/loader.min.js

@@ -0,0 +1 @@
+(function(){let e={acg:`reacg`,bilibiliv1:`bilibili`},t=(()=>{let e=document.currentScript.getAttribute(`src`);return e.substring(0,e.lastIndexOf(`/`))})();function n(e,t=()=>{}){$.ajax({type:`GET`,dataType:`script`,cache:!0,url:e,success:()=>t()})}function r(e){return/http/.test(e)}function i(e){window.opts=e}function a(e){return typeof e?.base?.theme==`string`?e.base.theme:typeof e?.theme?.name==`string`?e.theme.name:`acg`}function o(n){return r(n)?n:`${t}/${e[n]??n}.js`}async function s(e){i(e),n(o(a(e)))}$.extend({awesCnb:s}),window.theme=s,window.tona=s})();

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "tona-loader",
+  "type": "module",
+  "version": "1.0.1",
+  "description": "Loading theme js file",
+  "author": "",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://hub.fastgit.org/guangzan/loader.git"
+  },
+  "keywords": [
+    "博客园",
+    "皮肤"
+  ],
+  "main": "index.js",
+  "devDependencies": {
+    "@types/jquery": "^3.5.33",
+    "tsdown": "latest",
+    "vitest": "^4.0.16"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch"
+  }
+}

package/src/constants.ts

@@ -0,0 +1,11 @@
+export const DEFAULT_THEME_NAME = 'acg'
+export const LEGACY_THEME = {
+  acg: 'reacg',
+  bilibiliv1: 'bilibili',
+}
+export const BASE_URL = (() => {
+  const src = (document.currentScript as HTMLScriptElement).getAttribute(
+    'src',
+  ) as string
+  return src.substring(0, src.lastIndexOf('/'))
+})()

package/src/global.d.ts

@@ -0,0 +1,11 @@
+export {}
+
+declare global {
+  interface Window {
+    opts: any
+    acnb: () => void
+    theme: any
+    tona: any
+    currentBlogApp: string
+  }
+}

package/src/helpers.ts

@@ -0,0 +1,26 @@
+const getType = (obj: any) => Object.prototype.toString.call(obj).slice(8, -1)
+
+export function loadJSON(
+  url: string,
+  callback: (data: any) => void = () => {},
+) {
+  $.getJSON(url, (data: any) => callback(data))
+}
+
+export function loadScript(url: string, callback: () => void = () => {}) {
+  $.ajax({
+    type: 'GET',
+    dataType: 'script',
+    cache: true,
+    url,
+    success: () => callback(),
+  })
+}
+
+export function isURL(str: string): boolean {
+  return /http/.test(str)
+}
+
+export function isString(obj: any): obj is string {
+  return getType(obj) === 'String'
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+import { loader } from './loader'
+
+$.extend({ awesCnb: loader })
+window.theme = loader
+window.tona = loader

package/src/loader.ts

@@ -0,0 +1,30 @@
+import { BASE_URL, DEFAULT_THEME_NAME, LEGACY_THEME } from './constants'
+import { isURL, loadScript } from './helpers'
+import type { IOptions } from './types'
+
+function mountOptions(options: IOptions) {
+  window.opts = options
+}
+
+function getUserConfig(options: IOptions) {
+  if (typeof options?.base?.theme === 'string') {
+    return options.base.theme
+  }
+  if (typeof options?.theme?.name === 'string') {
+    return options.theme.name
+  }
+  return DEFAULT_THEME_NAME
+}
+
+function ensureThemeUrl(theme: string) {
+  if (isURL(theme)) {
+    return theme
+  }
+  const _theme = LEGACY_THEME[theme as keyof typeof LEGACY_THEME] ?? theme
+  return `${BASE_URL}/${_theme}.js`
+}
+
+export async function loader(options: IOptions) {
+  mountOptions(options)
+  loadScript(ensureThemeUrl(getUserConfig(options)))
+}

package/src/types.ts

@@ -0,0 +1,15 @@
+export interface Theme {
+  name?: string
+}
+
+export interface IData {
+  version: number
+  data: Array<Theme>
+}
+
+export interface IOptions {
+  base: {
+    theme: string
+  }
+  theme: Theme
+}

package/tsdown.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'tsdown'
+
+export default defineConfig({
+  platform: 'browser',
+  entry: ['./src/index.ts'],
+  format: ['iife'],
+  outputOptions: {
+    file: 'dist/loader.min.js',
+  },
+  minify: true,
+})