@poveste/app 0.1.1 → 0.1.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/app",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Pre-bundled UI for Poveste",
   "author": {
     "name": "Sorin Gitlan"
@@ -15,6 +15,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist",
+    "src"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -26,9 +30,9 @@
   "dependencies": {
     "fuse.js": "^7.0.0",
     "shiki": "^3.0.0",
-    "@poveste/controls": "^0.1.1",
-    "@poveste/vendors": "^0.1.1",
-    "@poveste/shared": "^0.1.1"
+    "@poveste/controls": "^0.1.3",
+    "@poveste/vendors": "^0.1.3",
+    "@poveste/shared": "^0.1.3"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",

package/postcss-scope-wrapper.cjs

@@ -1,35 +0,0 @@
-function isImportRule(node) {
-  return node.type === 'atrule' && node.name === 'import'
-}
-
-module.exports = (opts = {}) => {
-  const { from = ':root', to } = opts
-  let params = `(${from})`
-  if (to) {
-    params += ` to (${to})`
-  }
-
-  return {
-    postcssPlugin: 'postcss-scope-wrapper',
-    Once(root, { AtRule }) {
-      const scopeRule = new AtRule({
-        name: 'scope',
-        params,
-      })
-
-      const nodesToMove = root.nodes.filter(node => !isImportRule(node))
-
-      nodesToMove.forEach((node) => {
-        if (node.type === 'rule') {
-          node.selectors = node.selectors
-            .map(selector => (['html', ':root'].includes(selector) ? ':scope' : selector))
-        }
-        scopeRule.append(node)
-      })
-
-      root.append(scopeRule)
-    },
-  }
-}
-
-module.exports.postcss = true

package/postcss.config.cjs

@@ -1,9 +0,0 @@
-module.exports = {
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss/nesting'),
-    require('tailwindcss')('./tailwind.config.cjs'),
-    require('autoprefixer'),
-    require('./postcss-scope-wrapper.cjs')({ from: ':root', to: '.__poveste-render-story:not(.__poveste-render-custom-controls)' }),
-  ],
-}

package/scripts/copy.mjs

@@ -1,12 +0,0 @@
-import fs from 'fs-extra'
-import { globbySync } from 'globby'
-import { normalizePath } from 'vite'
-
-function toDist(file) {
-  return normalizePath(file).replace(/^src\//, 'dist/')
-}
-
-globbySync('src/**/*').forEach((file) => {
-  if (file.endsWith('.vue') || file.endsWith('.ts') || file.endsWith('tsconfig.json')) return
-  fs.copy(file, toDist(file))
-})

package/scripts/watchAndCopy.mjs

@@ -1,15 +0,0 @@
-import chokidar from 'chokidar'
-import fs from 'fs-extra'
-import { normalizePath } from 'vite'
-
-function toDist(file) {
-  return normalizePath(file).replace(/^src\//, 'dist/')
-}
-
-// copy non ts files, such as an html or css, to the dist directory whenever
-// they change.
-chokidar
-  .watch('src/**/!(*.ts|*.vue|tsconfig.json)')
-  .on('change', file => fs.copy(file, toDist(file)))
-  .on('add', file => fs.copy(file, toDist(file)))
-  .on('unlink', file => fs.remove(toDist(file)))

package/tailwind.config.cjs

@@ -1,137 +0,0 @@
-const path = require('pathe')
-const defaultColors = require('tailwindcss/colors')
-const inheritedConfig = require('../../tailwind.config.cjs')
-
-// Colors
-
-function withOpacityValue(variable) {
-  return ({ opacityValue }) => {
-    if (opacityValue === undefined) {
-      return `rgb(var(${variable}))`
-    }
-    return `rgb(var(${variable}) / ${opacityValue})`
-  }
-}
-
-const colorKeys = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900]
-const grayKeys = [...colorKeys, 750, 850, 950]
-const themedColors = ['primary', 'gray'].reduce((acc, color) => {
-  const keys = (color === 'gray' ? grayKeys : colorKeys)
-  for (const key of keys) {
-    acc[`${color}-${key}`] = withOpacityValue(`--_poveste-color-${color}-${key}`)
-  }
-  return acc
-}, {})
-
-const excludedDefaultColors = [
-  // Grays
-  'slate',
-  'gray',
-  'zinc',
-  'neutral',
-  'stone',
-  // Deprecated colors
-  'lightBlue',
-  'warmGray',
-  'trueGray',
-  'coolGray',
-  'blueGray',
-]
-
-const includedDefaultColors = {}
-for (const key in defaultColors) {
-  if (!excludedDefaultColors.includes(key)) {
-    includedDefaultColors[key] = defaultColors[key]
-  }
-}
-
-const colors = {
-  ...includedDefaultColors,
-  white: '#fff',
-  black: '#000',
-  transparent: 'transparent',
-  ...themedColors,
-}
-
-module.exports = {
-  ...inheritedConfig,
-  prefix: 'htw-',
-  content: [
-    path.resolve(__dirname, './src/**/*.{vue,js,ts,jsx,tsx,md}'),
-    // Include controls CSS directly
-    path.resolve(__dirname, '../poveste-controls/src/**/*.{vue,js,ts,jsx,tsx,md}'),
-  ],
-  corePlugins: {
-    preflight: false,
-  },
-}
-
-delete module.exports.theme.extend.colors.primary
-delete module.exports.theme.extend.colors.gray
-module.exports.theme.colors = colors
-
-module.exports.plugins.push(require('@tailwindcss/typography'))
-// prose-a:htw-text-primary-500 prose-headings:htw-mb-2 prose-headings:htw-mt-4 first:prose-headings:htw-mt-0 prose-blockquote:htw-ml-0
-module.exports.theme.extend.typography = theme => ({
-  DEFAULT: {
-    css: {
-      'a': {
-        'color': theme('colors.primary-500'),
-        'textDecoration': 'none',
-
-        '&:hover': {
-          textDecoration: 'underline',
-        },
-      },
-
-      'h1, h2, h3, h4, th': {
-        'marginBottom': '0.75rem',
-
-        '&:not(:first-child)': {
-          marginTop: '1.25rem',
-        },
-      },
-
-      '--tw-prose-invert-quote-borders': theme('colors.gray-800'),
-      '--tw-prose-invert-hr': theme('colors.gray-800'),
-
-      'blockquote': {
-        'marginLeft': 0,
-        'marginRight': 0,
-        'backgroundColor': theme('colors.gray-100'),
-        'padding': '.25rem .375rem',
-
-        '& p:first-child': {
-          marginTop: 0,
-        },
-
-        '& p:last-child': {
-          marginBottom: 0,
-        },
-
-        '.dark &': {
-          backgroundColor: theme('colors.gray-750'),
-        },
-      },
-
-      '--tw-prose-invert-bullets': theme('colors.gray-500'),
-
-      'li': {
-        marginTop: '0.1rem',
-        marginBottom: '0.1rem',
-      },
-
-      'code': {
-        'backgroundColor': theme('colors.gray-500 / 20%'),
-        'fontWeight': 'normal',
-        'padding': '0.05rem 0.5rem',
-        'borderRadius': '0.25rem',
-        'fontSize': '0.8rem',
-
-        '&::before, &::after': {
-          display: 'none',
-        },
-      },
-    },
-  },
-})

package/tsconfig.json

@@ -1,53 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    // Volar
-    "jsx": "preserve",
-    "lib": [
-      "ESNext",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "baseUrl": ".",
-    "rootDir": "src",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    // Alias
-    "paths": {
-      "floating-vue": ["node_modules/@poveste/vendors/floating-vue"],
-      "@iconify/vue": ["node_modules/@poveste/vendors/iconify"],
-      "pinia": ["node_modules/@poveste/vendors/pinia"],
-      "scroll-into-view-if-needed": ["node_modules/@poveste/vendors/scroll"],
-      "vue-router": ["node_modules/@poveste/vendors/vue-router"],
-      "@vueuse/core": ["node_modules/@poveste/vendors/vue-use"],
-      "vue": ["node_modules/@poveste/vendors/vue"]
-    },
-    "resolveJsonModule": true,
-    "types": [
-      "node"
-    ],
-    "strictBindCallApply": true,
-    "strictFunctionTypes": true,
-    "alwaysStrict": true,
-    // Strict
-    "noImplicitAny": false,
-    "noImplicitThis": true,
-    "declaration": false,
-    "outDir": "dist",
-    "removeComments": false,
-    "sourceMap": false,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "preserveWatchOutput": true
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "node_modules",
-    "generated/**/*",
-    "dist/**/*",
-    "src/**/*.spec.ts"
-  ]
-}

package/vite.config.ts

@@ -1,88 +0,0 @@
-import vue from '@vitejs/plugin-vue'
-import fs from 'fs-extra'
-import { globbySync } from 'globby'
-import { defineConfig } from 'vite'
-
-export default defineConfig({
-  plugins: [
-    vue(),
-    {
-      name: 'poveste:preserve:import.meta',
-      enforce: 'pre',
-      transform(code) {
-        if (code.includes('import.meta')) {
-          return {
-            code: code.replace(/import\.meta/g, 'import__meta'),
-          }
-        }
-      },
-      closeBundle() {
-        try {
-          const files = globbySync('./dist/bundled/**/*.js')
-          for (const file of files) {
-            const content = fs.readFileSync(file, 'utf-8')
-            if (content.includes('import__meta')) {
-              fs.writeFileSync(file, content.replace(/import__meta/g, 'import.meta'), 'utf-8')
-            }
-          }
-        }
-        catch (e) {
-          console.error(e)
-        }
-      },
-    },
-  ],
-
-  resolve: {
-    alias: {
-      'floating-vue': '@poveste/vendors/floating-vue',
-      '@iconify/vue': '@poveste/vendors/iconify',
-      'pinia': '@poveste/vendors/pinia',
-      'scroll-into-view-if-needed': '@poveste/vendors/scroll',
-      'vue-router': '@poveste/vendors/vue-router',
-      '@vueuse/core': '@poveste/vendors/vue-use',
-      'vue': '@poveste/vendors/vue',
-    },
-  },
-
-  build: {
-    emptyOutDir: false,
-    outDir: 'dist/bundled',
-    lib: {
-      entry: '',
-      formats: ['es'],
-    },
-    rollupOptions: {
-      external: [
-        /\$poveste/,
-        /@poveste/,
-        // eslint-disable-next-line ts/no-require-imports
-        ...Object.keys(require('./package.json').dependencies),
-      ],
-
-      input: [
-        'src/app/api.ts',
-        'src/app/index.ts',
-        'src/app/sandbox.ts',
-      ],
-
-      output: {
-        // manualChunks (id) {
-        //   if (id.includes('node_modules')) {
-        //     return 'vendor'
-        //   }
-        // },
-        entryFileNames: '[name].js',
-        chunkFileNames: '[name].js',
-        assetFileNames: '[name][extname]',
-        // hoistTransitiveImports: false,
-        preserveModules: true,
-        preserveModulesRoot: 'src/app',
-      },
-      treeshake: false,
-      preserveEntrySignatures: 'strict',
-    },
-    cssCodeSplit: false,
-    minify: false,
-  },
-})