@gannochenko/staticstripes 0.0.1

package/src/type.ts

@@ -0,0 +1,81 @@
+import { type DefaultTreeAdapterMap } from 'parse5';
+import { CompiledExpression } from './expression-parser';
+
+export type ASTNode = DefaultTreeAdapterMap['node'];
+export type Document = DefaultTreeAdapterMap['document'];
+export type Element = DefaultTreeAdapterMap['element'];
+
+export type CSSProperties = {
+  [key: string]: string;
+};
+
+export type Container = {
+  id: string;
+  htmlContent: string;
+};
+
+export type ParsedHtml = {
+  ast: Document;
+  css: Map<Element, CSSProperties>;
+  cssText: string; // Full CSS text from <style> tags
+};
+
+export type Asset = {
+  name: string; // e.g. "clip1"
+  path: string; // e.g. "./assets/clip1.mp4"
+  author?: string; // e.g. "John Doe"
+  type: 'video' | 'image' | 'audio';
+  duration: number; // in ms
+  width: number;
+  height: number;
+  rotation: number; // rotation in degrees (0, 90, 180, 270)
+  hasVideo: boolean; // whether the asset has a video stream
+  hasAudio: boolean; // whether the asset has an audio stream
+};
+
+export type Fragment = {
+  id: string;
+  enabled: boolean;
+  assetName: string;
+  duration: number; // calculated, in seconds (can come from CSS or from the asset's duration)
+  trimLeft: number; // in seconds
+  overlayLeft: number | CompiledExpression; // amount of seconds to overlay with the previous fragment (normalized from margin-left + prev margin-right)
+  overlayZIndex: number;
+  transitionIn: string; // how to transition into the fragment
+  transitionInDuration: number; // how long the transition in lasts
+  transitionOut: string; // how to transition out of the fragment
+  transitionOutDuration: number; // how long the transition out lasts
+  objectFit: 'cover' | 'contain';
+  objectFitContain: 'ambient' | 'pillarbox';
+  objectFitContainAmbientBlurStrength: number;
+  objectFitContainAmbientBrightness: number;
+  objectFitContainAmbientSaturation: number;
+  objectFitContainPillarboxColor: string;
+  chromakey: boolean;
+  chromakeyBlend: number;
+  chromakeySimilarity: number;
+  chromakeyColor: string;
+  visualFilter?: string; // Optional visual filter (e.g., 'instagram-nashville')
+  container?: Container; // Optional container attached to this fragment
+};
+
+export type SequenceDefinition = {
+  fragments: Fragment[];
+};
+
+export type Output = {
+  name: string; // e.g. "youtube"
+  path: string; // e.g. "./output/video.mp4"
+  resolution: {
+    width: number;
+    height: number;
+  };
+  fps: number; // e.g. 30
+};
+
+export type ProjectStructure = {
+  sequences: SequenceDefinition[];
+  assets: Map<string, Asset>;
+  assetIndexMap: Map<string, number>; // assetName -> ffmpeg input index
+  output: Output;
+};

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "commonjs",
+    "lib": ["ES2022"],
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "node",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "src/**/*.test.ts", "src/**/*.spec.ts"]
+}